&nb☆☆&↔sp;  是(shì)習(xí)慣性的(de)使用(yò£×ng)宋體(tǐ)字或者微(wēi)軟雅黑(₩£→$hēi) ? 是(shì)直接設為(wèi)12pγ"≥₽x或者14px的(de)字号 ? 你(nǐ)有(yǒu)想過為(wèi)什♦¶♠(shén)麽要(yào)使用(yòng)這(zhè)種字體(tǐ)、字‌λ号嗎(ma)?你(nǐ)有(yǒu)考慮過文(wén)字排布與閱讀(dú)效率的(de)關系♣σ♥嗎(ma) ? 你(nǐ)的(de)頁面背景會(huì)☆σ>‌影(yǐng)響到(dào)用(yòng)戶的(de)浏覽舒适度嗎(ma) ? 讓我們從¥≠<(cóng)以下(xià)5個(gè)元素具體(tǐ)分(fēn)析:
字體(tǐ)、字号、行(xíng)長(cháng→ λ)、間(jiān)距、背景。

內(nèi)蒙古網站(zhàn)建設、網站(zhàn)制(zh왥♠)作(zuò)、內(nèi)蒙古網站(zhàn)設計(jì)首選內(nèi)蒙古呼和(hé☆ "↓)浩特先誠網絡科(kē)技(jì)公司、、、先誠官網×≥↑：/ 

　　1、字體(tǐ)和(hé)字号這(zhè)兩個(gè)元素必須捏在一(yī)起說(shuō ←)。
　　字體(tǐ)分(fēn)為(wèi)襯線體(tǐ§♣₩)(serif)與非襯線體(tǐ)(sans serif)。簡單的(de∏'∏≤)說(shuō)，襯線體(tǐ)(serif)就(j☆σ'©iù)是(shì)帶有(yǒu)襯線的(de)δφ字體(tǐ)，筆(bǐ)畫(huà)粗細不(bù∏×≤≥)同并帶有(yǒu)額外(wài)的(de)裝飾，✘γ開(kāi)始和(hé)結尾有(yǒu)明(mín'™g)顯的(de)筆(bǐ)觸(如(rú)下(xià)圖)。常用(yε≤↓₩òng)的(de)英文(wén)襯線體(tǐ☆☆)有(yǒu)Times New Roman和(hé)Geo©→★σrgia，中文(wén)即是(shì)我們在windows下(xià)最常見(jiàn)的(φ de)中易宋體(tǐ)。與襯線體(tǐ)相(∞≈✘xiàng)反，無襯線裝飾，筆(bǐ)畫£ φ(huà)粗細無明(míng)顯查差異的(de)字體(tǐεπ)就(jiù)是(shì)非襯線體(tǐ)(sans seri$←±f)。Arial、Helvetica、Verdanad都(d&"↔®ōu)是(shì)我們熟悉的(de)英文(wén)非襯線體(tǐ)，中文(wén)∑$"有(yǒu)微(wēi)軟雅黑(hēi)和(hé)mac下(xià)默認的(de)中文(w•Ωén)-華文(wén)細黑(hēi)。

　　在過去(qù)，普遍認為(wèi)有(yǒu)筆(bǐ)觸裝飾的(de)襯線體(tǐ)，可‍↑(kě)提高(gāo)辨識度和(hé)閱讀(dú)效率，更适合做(zuò)為α♠'∏(wèi)閱讀(dú)的(de)字體(tǐ)。多‌ (duō)用(yòng)于報(bào)紙(zhǐ)、書(shū)籍等印‌γ≠刷品的(de)正文(wén)。非襯線體(tǐ)飽滿醒目，常用(yò÷✘ng)做(zuò)标題或者用(yòng)于較短(duǎn)的(←★de)段落。

　　很(hěn)長(cháng)一(yī)段時‌&★δ(shí)間(jiān)裡(lǐ)，在互聯網上(shàng)我們會(>♥huì)注意這(zhè)樣的(de)一(yī)個(gè)現(xiàn)象，國(guó)外''♥(wài)網站(zhàn)大(dà)部分(fᙥλēn)以非襯線體(tǐ)為(wèi)主，而中文(wén)網站(zhàn)‌α₽基本就(jiù)是(shì)宋體(tǐ)。其實不(bù)難理(lǐ)解，襯線字體(tǐ)筆(bǐ)​✘÷畫(huà)有(yǒu)粗細之分(fēn↓π'‌)，很(hěn)小(xiǎo)字的(de)情況下≥δ(xià)細筆(bǐ)畫(huà)就(jiù)被弱化(hu€♠<à)，受限于電(diàn)腦(nǎo)的(de)分(fēn)辨≈σ₽×率，10-12px的(de)襯線字體(tǐ)在顯示器(qì)上(sh​∑×àng)是(shì)相(xiàng)當難≈ε辨認的(de);同字号的(de)非襯線體(§≈λ×tǐ)筆(bǐ)畫(huà)簡潔而飽滿，更适于做(zuò)網頁字★ε體(tǐ)。windows下(xià)，中文(wén)宋體(tǐ)小(xiǎo)字點陣的←∏÷(de)特性，12px、14px的(de)字号£↔顯示仍然相(xiàng)當清晰美(měi)♠×觀，便于閱讀(dú)。這(zhè)也(yě)就(jiù)是(shì)∞±為(wèi)什(shén)麽大(dà)多(duō)網頁設計(j→‌ì)制(zhì)作(zuò)人(rén)員(yuán)容易機(jī)械性的(de)選用(yδα£òng)特定字号或英文(wén)或中文(wén)的(de)§∏♣α字體(tǐ)。

　　如(rú)今随著(zhe)顯示器(qìΩ✔♦)越來(lái)越大(dà)，分(fēn)辨率越來(lái)越高(gāo)，經常會(hu ↑→ì)覺得(de)看(kàn)12px的(de)文(wén)字有(y®≈↔≠ǒu)點吃(chī)力，做(zuò)為(wèi)設計(>>jì)師(shī)也(yě)會(huì)不(bù)自(z♥&φì)覺的(de)開(kāi)始大(dà)量使用(yòng)14px的(de)字體(tǐ)，而λ₩且越來(lái)越多(duō)的(de)網站(zhà©‌n)開(kāi)始使用(yòng)15、16px甚至18px✔¶↔以上(shàng)的(de)字号做(zuò)正文(wén)文(wéε₩↓n)字。大(dà)字号的(de)使用(yòng)，對♦←(duì)英文(wén)字體(tǐ)來(lái)講，襯線體(tǐ)的(de)高(gāo)辨識€★∞度和(hé)流暢閱讀(dú)的(de)優勢就(jiù)體(tǐ)現(xiàn)出來(lái)了$∑↑(le)。中文(wén)宋體(tǐ)在顯示14号以上(shàng)字體(tǐ)時(shí)®α，單線條大(dà)字總是(shì)看(kàn)上(shàng)去(qù)有(yǒ±≤£÷u)些(xiē)單薄不(bù)那(nà)麽協調，特别是(shì)這(zhè)款點陣字λ€在ClearType(http://baike.baidu.com/vie÷​✔w/755822.htm) 強制(zhì)平滑顯示狀态下(xià)尤其顯得(de)模糊不(Ωφ‍ bù)清。微(wēi)軟雅黑(hēi)就(jiù‌∞)是(shì)微(wēi)軟在這(zhè)個(gè>φ )字體(tǐ)顯示問(wèn)題上(shàng)的(de)¥Ω®解決方案。

　　2、行(xíng)長(cháng)

　　我們随手拿(ná)起一(yī)本書(shū)或者一(yī)份報(bào)紙(z≤φεΩhǐ)，數(shù)一(yī)數(shù♥×₩)每行(xíng)的(de)文(wén)字，一(yī)般情況下(x✘♦ σià)都(dōu)不(bù)會(huì)超過40個(gè)漢字。這(δ™♥zhè)是(shì)因為(wèi)如(rú)果每行(β​∞&xíng)文(wén)字過長(cháng)，讀(dú)者會(huì)不(bù)停的(de)轉動脖←§子(zǐ)，感到(dào)疲憊的(de)同時(shí)也<'€(yě)會(huì)降低(dī)閱讀(dú)效率;目光(guāng‌"♣)從(cóng)行(xíng)尾移至下(xià)一(yī)行(xíng)首 ←®¥，也(yě)很(hěn)容易串行(xíng)，影(yǐng≤₹∏)響讀(dú)者浏覽文(wén)章(zhāng)的(de)節奏。這(zhè)點同樣适用(γ∑yòng)于網頁上(shàng)的(de)文(wén)章(zhāng)閱讀(dú≈‌)。由于顯示器(qì)是(shì)橫向的γΩ (de)，我們更要(yào)注意劃分(fēn)閱✔☆讀(dú)區(qū)域。

　　3、間(jiān)距

　　通(tōng)過設置間(jiān)距，我們就(j•₩≠←iù)可(kě)以控制(zhì)文(wén)字 ↕的(de)密度。如(rú)果每行(xíng)間(jiān)距太小(xi ∑≠♦ǎo)，與文(wén)字過長(cháng)φ✔♥一(yī)樣，讀(dú)者浏覽文(wén)章(zhāng)時(sh≠₩∑™í)也(yě)容易串行(xíng);如(rú)果行(xíng®☆€)距過寬，閱讀(dú)時(shí)就(jiù♦¥)會(huì)感覺文(wén)章(zhāng✘&)不(bù)夠連貫。

　　間(jiān)距沒有(yǒu)固定的(de)值，通(tōng)常是(shì)∏∑→根據字體(tǐ)大(dà)小(xiǎo)來(lái)定義的(de)。在word裡γ‍(lǐ)我們常看(kàn)到(dào)雙倍行(xíng)距、單倍行(xíng)距和(hé)1.5π₽倍行(xíng)距的(de)選項。網頁上(shàng)行(xíng)距的(de)單位常用(yò¥>​™ng)em來(lái)表示，不(bù)管是(shì)中文(wén)δ≠網站(zhàn)還(hái)是(shì)英文(wén)網站(zhà €n)，大(dà)家(jiā)多(duō)≠$☆♠喜歡用(yòng)1.5em-1.8em的(de)行(xíng)距。以1.6em的(€∑→de)行(xíng)距為(wèi)例，字号1‌ ☆™6px的(de)字，行(xíng)距就(jiù)是(shì)25.6px。

　　關于段距，我們要(yào)考慮一(yī)下(xià)具體(αγ±tǐ)實際情況。比如(rú)文(wén)章(zhāng)篇幅較短(du≥±$♣ǎn)，就(jiù)不(bù)需要(yào)很(hěn)寬的(de)段距;二文(wεπén)章(zhāng)篇幅很(hěn)長(cháng)，特别是(shì<®®)那(nà)些(xiē)偏學術(shù)的(de)比較枯燥的(de≈β€)文(wén)章(zhāng)，就(jiù)要(yào)多(duō)利用(yòng)段距把₽€握文(wén)章(zhāng)的(de)節奏，給閱讀(dú)者喘息和(hé)思考©≈δ的(de)機(jī)會(huì)，且使文(w  $Ωén)章(zhāng)更有(yǒu)層次和(hé)可(kě)讀(dú)性€≤。

　　4、背景

　　白(bái)色是(shì)全頻(pín)光(guān‍₽♠ g)，全放(fàng)射光(guāng)對(duì)人(rén)眼睛的(de)最有(yǒ≥♣u)刺激，所以很(hěn)多(duō)印刷品₽∏₹₹讀(dú)物(wù)的(de)紙(zhǐ)張都(d♠✔ ≤ōu)選用(yòng)乳白(bái)色或者淡黃(huáng)色的(de)紙(zh‌¶ǐ)張。由于顯示器(qì)本身(shēn)就(jiù)發光(guāng)，所以同是∑™(shì)純白(bái)色背景的(de)文(w£±∞‍én)字，在電(diàn)腦(nǎo)上(shàγ•‍≠ng)比在紙(zhǐ)上(shàng)閱讀(dú)會↔ (huì)使眼睛更容易疲乏，另有(yǒu)研究表明(míng)：在電(diàn)腦(n≠§™∏ǎo)上(shàng)閱讀(dú)隻有(yǒu)在紙(zhǐ)上(shà↔ε§ng)閱讀(dú)速度的(de)78%，閱讀(dú)ε≈效率大(dà)大(dà)減低(dī)。因此，為(wèi)了(le)提高(₽σ'gāo)頁面浏覽的(de)舒适度和(hé)效率，越來(lái)越多(duō)>© ‍的(de)頁面采用(yòng)淺灰色和(←γ‌∞hé)淡黃(huáng)色做(zuò)為(wèi)頁面背景。

　　另外(wài)，印刷品以文(wén)字♥ε±為(wèi)主的(de)出版物(wù)往往會(huì)采用(yòng)低(dī)光(guāng)澤±✘δ度的(de)紙(zhǐ)張，也(yě)是(shì)因為(wèi)光(guāng)澤度高☆λ(gāo)的(de)紙(zhǐ)張反射度高(gāo)，導緻閱讀(dú)質量下(xià)降，容易使β>π$人(rén)視(shì)覺疲勞。頁面背景仿造低(dī)光(guāng)澤度σ↔₹的(de)紙(zhǐ)張(紙(zhǐ)張紋理(lǐ))也(yě)能(néng)否提高(gāo∏λ✘♠)閱讀(dú)的(de)舒适度呢(ne)?