好紧好涨好大,国产亚洲精品999,在线激情视品,草av在线观看,制服av五区,香蕉伊人小说网,国产99热久久99,久久涩涩久久,日韩入B视频

首頁資訊商務(wù)會(huì)員鋼材特鋼不銹爐料鐵礦煤焦鐵合金有色化工水泥財(cái)經(jīng)指數(shù)人才會(huì)展鋼廠海外研究統(tǒng)計(jì)數(shù)據(jù)手機(jī)期貨論壇百科搜索導(dǎo)航短信English
鋼之家社區(qū)
鋼之家 | 鋼鐵博客 | 鋼鐵論壇 | 鋼鐵百科
歡迎登陸博客    夕陽武士的辯論
日歷
<< < 2026年7月 > >>
   1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
熱門文章TOP10   更多
總?cè)藬?shù)16
會(huì)員數(shù)0
游客數(shù)16

 網(wǎng)頁設(shè)計(jì)中字體排版(大小、間距)

字體: 評論:0 點(diǎn)擊:2438
1、點(diǎn)(pt、point)
  72 points = 1 inch,1英寸是72點(diǎn)。另外,1皮卡(pica)=12 points
  2、像素(pixel、px)
  像素就是電腦屏幕上的一個(gè)最小的圖像單元,通俗地說就是屏幕上最小的一個(gè)點(diǎn)。
  3、DPI、PPI
  DPI 全稱是Dots Per Inch,點(diǎn)每英寸,PPI全稱是Pixel Per Inch。他們是解析度(Resolution)的單位。也就是說,1inch的長度上能安排多少個(gè)點(diǎn)(像素)。舉個(gè)例子,一般的,我們的顯示器大概是 72ppi,也就是1英寸的長度上,有72個(gè)點(diǎn)(像素)。dpi/ppi越高,解析度就越高,也就是說,顆粒越小,圖像越細(xì)膩。一般來說,照片的解析度在 240dpi~300dpi之間,所以為什么照片看起來,要比屏幕上看起來要細(xì)致得多。雜志印刷用133或150dpi,高品質(zhì)書籍采用 350-400dpi,因?yàn)榇蠖鄶?shù)印刷精美的書籍印刷時(shí)用175到200dpi。所以為什么同樣物理大小的文字,在書上看,要比在屏幕上看要清晰得多。也就是我們前面提到的,英文書籍印刷,為什么可以大膽得使用Sans-serif字體。
  dpi和ppi之間實(shí)質(zhì)上沒有差別。實(shí)在要找出差別,那么唯一的差別也許在于dpi常常用于描述掃描儀和打印機(jī),而ppi常常描述屏幕的分辨率。
  4、ex、x-height
  常在CSS中使用。1ex = 小寫字母x的高度。
  5、em
  常在CSS中使用。當(dāng)然,em可不是表示小寫字母m的高度(事實(shí)上,小寫字母m一般和小寫字母x的高度是一樣的)。1em = 字體的大小的100%。是一個(gè)倍數(shù)單位。
  間距
  1、行距(Line-height、Leading)
  說到行距(行間距、Line-height、Leading),我們必須先要學(xué)習(xí)一個(gè)術(shù)語叫做基線(baseline)。還記得我們剛學(xué)英語的時(shí)候?qū)懽帜赣玫哪莻(gè)線格簿子嗎?那根最粗的橫線就是我們說的基線。基線就是大部分字母所“坐”在的,字體的下降部之上的直線。大部分字體,大寫字母總是緊貼基線,并在基線之上。中文的字體和英文的大寫字母情況一樣。下圖紅色的線就是基線。
  那么,行距就是指兩個(gè)相鄰的行之間,基線的距離。行間距的單位常常使用em,也就是根據(jù)字體大小來定義行距。在瀏覽器中,默認(rèn)的行距并沒有一個(gè)準(zhǔn)則。更具 W3C提供的建議,它認(rèn)為默認(rèn)的行距應(yīng)該在1.0em到1.2em之間。事實(shí)上,在設(shè)定行距的時(shí)候,排版上有個(gè)原則,就是行與行之間的空隙一定要大于單詞與單詞之間的空隙,否則的話,閱讀者在閱讀的時(shí)候容易“串行”,造成閱讀困難。充足的行距可以隔開每行文字,使得眼睛容易區(qū)分上一行或下一行。近幾年Web上對于正文的排版,大多喜歡1.5em的行距,尤其是中文網(wǎng)站。也就是如果使用了12px的字體大小,那么設(shè)計(jì)師常常喜歡18px的行距。1.5em確實(shí)是一個(gè)很好的經(jīng)驗(yàn)值。事實(shí)上,中文的論文的規(guī)范也是使用1.5em的行距。
  2、字間距(Letter-spacing、Tracking)
  字間距是指一組字母之間相互間隔的距離。字間距影響了一行或者一個(gè)段落的文字的密度。
  3、字距調(diào)整(Kerning)
  字距調(diào)整是一種因視覺需要而做的技術(shù)處理。簡單說,在兩個(gè)特定的字符連排的時(shí)候,你可以為它們單獨(dú)指定與眾不同的字間距。比如當(dāng)一個(gè)大寫A后面跟隨一個(gè)小寫 v的時(shí)候,兩個(gè)字符間就會(huì)出現(xiàn)視覺上的更大的間距(實(shí)際上字間距是一樣的),這是普通的字符間距所無法解決的。如果減少它們的間距,那么其他的字母就會(huì)連成一團(tuán)。這時(shí)候就需要字距調(diào)整來處理了。
  段落
  1、行長(Measure)
  行長是指一段文字的寬度。如下圖:
  有兩個(gè)易讀性問題與行長有關(guān):
  行長越長,需要的越大的行距。行距太小,讀者閱讀換行時(shí)容易串行。行距太大,讀者閱讀行時(shí)會(huì)感覺到文字不連續(xù)。
  正文中,每行40~70個(gè)字母為宜。
  2、對齊(Alignment)
  段落的對齊基本有四種:左對齊(flush left)、右對齊(flush right)、居中對齊(centered)和兩端對齊(justified)。
  左對齊是指設(shè)置文本內(nèi)容,調(diào)整文字的水平間距,使段落或者文章中的文字沿水平方向向左對齊的一種對齊方式。左對齊使文章左側(cè)文字具有整齊的邊緣。同時(shí)文字的右邊就會(huì)不整齊。所以英文對左對齊也叫做ragged right,意指外形參差不齊的右邊。右對齊也類同。
  居中對齊是指設(shè)置文本內(nèi)容,調(diào)整文字的水平間距,使段落或者文章中的文字沿水平方向向中間集中對齊的一種對齊方式。居中對齊使文章兩側(cè)文字整齊地向中間集中,使整個(gè)段落或整篇文章都整齊的
  兩端對齊是指設(shè)置文本內(nèi)容兩端,調(diào)整文字/單詞的水平間距,使其均勻分布在左右頁邊距之間。兩端對齊使兩側(cè)文字具有整齊的邊緣。
  使用兩端對齊之后,兩側(cè)的對齊線會(huì)很明晰,文本塊的“快”的感覺也會(huì)很明顯。但是,在英文排版中,當(dāng)行長很短的時(shí)候,使用兩端對齊可能會(huì)照成某些行詞間距過長,某些行詞間距過短,這樣參差不齊的詞間距會(huì)感覺十分凌亂,就像一件到處都是補(bǔ)丁的衣服。
  3、易讀性
  易讀性描述的是排印文本閱讀時(shí)的輕松和舒適程度。實(shí)際上,平常的設(shè)計(jì)的最根本的目的也在于此。除上文中敘述的一些原則外,我另外收羅了一些小小的易讀性原則,與大家分享:
  一份設(shè)計(jì)上至多使用三種字體的大小。
  一份設(shè)計(jì)上至多使用三種字體。
  要保證一定的對比度,但又不可有過度的對比。陽文(白底黑字)比陰文(黑底白字)要更容易閱讀。在#fff的背景上,使用#333的文字要比#000的文字看起來舒服。要注意文字所在的背景。背景要單一。避免背景噪聲。
  “少即是多” 用最少的元素去傳達(dá)最多的信息。
  讓你的鏈接看起來像是一個(gè)鏈接。

網(wǎng)頁設(shè)計(jì)中字體排版(大小、間距)

網(wǎng)頁設(shè)計(jì)中字體排版(大小、間距) :“在別人貪婪的時(shí)候恐懼,在別人恐懼的時(shí)候貪婪。”

※ ※ ※ 本文純屬【夕陽武士】個(gè)人意見,與【鋼之家鋼鐵博客】立場無關(guān).※ ※ ※

該日志尚無評論!


您希望聯(lián)系哪位客服?(單擊選擇)

聊城市| 平山县| 柳林县| 和田市| 闽清县| 嘉禾县| 隆安县| 庆阳市| 巫山县| 蒙山县| 富蕴县| 三亚市| 晋江市| 紫阳县| 枣强县| 申扎县| 龙泉市| 伽师县| 阜南县| 鞍山市| 东兰县| 运城市| 克什克腾旗| 乐昌市| 屯留县| 榆树市| 涟源市| 荣昌县| 马尔康县| 高邮市| 大新县| 乡城县| 应城市| 绿春县| 都江堰市| 南开区| 库尔勒市| 沈阳市| 平安县| 怀仁县| 西宁市|