6.23日(rì)訊，講述網站(zhàn)文(wén)字閱讀(dú)的(φσde)舒适性

　　6.23日(rì)訊，講述網站(zhàn)文(wén≤φ )字閱讀(dú)的(de)舒适性，下(xià)面我們将直接開(kā✔'i)門(mén)見(jiàn)山(shān)的(de)來(Ω£αlái)講解，我們把文(wén)字是(sΩ☆hì)直接設為(wèi)12px或者14p≤ φx的(de)字号呢(ne)，相(xiàng)信大(dà)家(jiā)有(÷÷yǒu)過疑慮，畢竟12px曾經占據我們的(de)大(dà)腦(nǎ♥∏×o)好(hǎo)多(duō)年(nián)，但£→(dàn)我們這(zhè)次是(shì)來(lái)講×≥解用(yòng)戶的(de)舒适性，可(kě)可(kě)讀(dú)性， β↔所以我們隻從(cóng)這(zhè)方面來$ε☆λ(lái)進行(xíng)闡述。

　　字體(tǐ)分(fēn)為(wèi)襯線↔ δ↕體(tǐ)（serif）與非襯線體(tǐ)（sansserif  ₹©）。簡單的(de)說(shuō)，襯線體(tǐ)（serif）就(jiù)是↔ (shì)帶有(yǒu)襯線的(de)字體(tǐ)，ββ≠筆(bǐ)畫(huà)粗細不(bù)同并帶有(yǒu)額外( ♦™wài)的(de)裝飾，開(kāi)始和(héλ¶)結尾有(yǒu)明(míng)顯的(de)筆(bǐ)觸（如(rú)下(xià ‍​)圖）。常用(yòng)的(de)英文(wén)襯線體®✔↔(tǐ)有(yǒu)TimesNewRoman和(hé)Geo€≤♣™rgia，中文(wén)即是(shì)我們在windows下(xià)最₩×♥常見(jiàn)的(de)中易宋體(tǐ)。

　　與襯線體(tǐ)相(xiàng)反，無襯σ↑線裝飾，筆(bǐ)畫(huà)粗細無明(mín​→≤g)顯查差異的(de)字體(tǐ)就(jiù)是(s>‍π★hì)非襯線體(tǐ)（sansserif）。Arial、Hel‌λ ∑vetica、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í)間(j→αiā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)（見(jiàn)下(xià)圖₹α）；同字号的(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ō₹ ₽)邯鄲網站(zhàn)建設網頁設計(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甚至18pλ>'x以上(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ǐ)時(sβ§ hí)，單線條大(dà)字總是(shì)看(kàn) ↑§上(shàng)去(qù)有(yǒu)些(xiē)單薄不(bù)那(↑≠nà)麽協調，特别是(shì)這(zhè)₩Ω®款點陣字在強制(zhì)平滑顯示狀态下(xià)尤其顯得(de)模糊不€π(bù)清。微(wēi)軟雅黑(hēi)就("∏'•jiù)是(shì)微(wēi)軟在這(Ω↓₩zhè)個(gè)字體(tǐ)顯示問(wèn)題上(sh₽✘↕àng)的(de)解決方案。

　　白(bái)色是(shì)全頻(pín)光(guāng)，全放(fà≠π♥ng)射光(guāng)對(duì)人(rén)眼φεδ←睛的(de)最有(yǒu)刺激，所以很(hěn)多(duō)≥≈印刷品讀(dú)物(wù)的(de)紙(zhǐ)張都(dōu)選用(yòn∏₩¶γg)乳白(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)？

　　我曾做(zuò)過這(zhè)樣一("‌‍'yī)個(gè)小(xiǎo)調研，同樣一(yī)段文(wén)字放(fàn₹∏g)在不(bù)同顔色的(de)背景上(&λ> shàng)（僅考慮自(zì)然光(guāng)源），其中有(yǒu)兩★φ個(gè)背景加了(le)紙(zhǐ)張紋理(lǐ)的(de)效果。¶δσ結果75%的(de)人(rén)認為(wèi)帶有(yǒu)紙(zhǐ‌ )張紋理(lǐ)的(de)背景長(cháng)時(shí)間(jiān)閱讀(→λdú)舒适度最高(gāo)。

　　實際工(gōng)作(zuò)中，我們需要(☆•✘≈yào)思考的(de)更多(duō)，僅僅•★這(zhè)5個(gè)元素是(shì)不(bù)夠的(de)。浏覽環境↔♣÷、設備、網站(zhàn)特點、用(yòng)戶人(rén)群、個( ±≈✔gè)人(rén)偏好(hǎo)等等都(dōu)需要(yào)設‌≠≤計(jì)師(shī)根據具體(tǐ)情況來(lái)把握界面文(wén)™₽≤字的(de)展示效果。差别也(yě)許是(shì)細微(♥≥wēi)的(de)，就(jiù)像蝴蝶效應，↑‍多(duō)一(yī)點點的(de)思考，就(jiù)能↓‍ ☆(néng)為(wèi)用(yòng)戶帶來(l φái)更好(hǎo)的(de)體(tǐ)驗感受。