是習慣性的使用宋體字或者微軟雅黑 ? 是直接設爲12px或者14px的字号 ? 你有想過(guò)爲什麼(me)要使用這(zhè)種(zhǒng)字體、字号嗎?你有考慮過(guò)文字排布與閱讀效率的關系嗎 ? 你的頁面(miàn)背景會影響到用戶的浏覽舒适度嗎 ? 讓我們從以下5個元素具體分析:
字體、字号、行長(cháng)、間距、背景。
内蒙古網站建設、網站制作、内蒙古網站設計首選内蒙古呼和浩特先誠網絡科技公司、、、先誠官網:/
1、字體和字号這(zhè)兩(liǎng)個元素必須捏在一起(qǐ)說。
字體分爲襯線體(serif)與非襯線體(sans serif)。簡單的說,襯線體(serif)就是帶有襯線的字體,筆畫粗細不同并帶有額外的裝飾,開(kāi)始和結尾有明顯的筆觸(如下圖)。常用的英文襯線體有Times New Roman和Georgia,中文即是我們在windows下最常見的中易宋體。與襯線體相反,無襯線裝飾,筆畫粗細無明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都(dōu)是我們熟悉的英文非襯線體,中文有微軟雅黑和mac下默認的中文-華文細黑。
在過(guò)去,普遍認爲有筆觸裝飾的襯線體,可提高辨識度和閱讀效率,更适合做爲閱讀的字體。多用于報紙、書籍等印刷品的正文。非襯線體飽滿醒目,常用做标題或者用于較短的段落。
很長(cháng)一段時間裡(lǐ),在互聯網上我們會注意這(zhè)樣(yàng)的一個現象,國(guó)外網站大部分以非襯線體爲主,而中文網站基本就是宋體。其實不難理解,襯線字體筆畫有粗細之分,很小字的情況下細筆畫就被(bèi)弱化,受限于電腦的分辨率,10-12px的襯線字體在顯示器上是相當難辨認的;同字号的非襯線體筆畫簡潔而飽滿,更适于做網頁字體。windows下,中文宋體小字點陣的特性,12px、14px的字号顯示仍然相當清晰美觀,便于閱讀。這(zhè)也就是爲什麼(me)大多網頁設計制作人員容易機械性的選用特定字号或英文或中文的字體。
如今随著(zhe)顯示器越來越大,分辨率越來越高,經(jīng)常會覺得看12px的文字有點吃力,做爲設計師也會不自覺的開(kāi)始大量使用14px的字體,而且越來越多的網站開(kāi)始使用15、16px甚至18px以上的字号做正文文字。大字号的使用,對(duì)英文字體來講,襯線體的高辨識度和流暢閱讀的優勢就體現出來了。中文宋體在顯示14号以上字體時,單線條大字總是看上去有些單薄不那麼(me)協調,特别是這(zhè)款點陣字在ClearType(http://baike.baidu.com/view/755822.htm) 強制平滑顯示狀态下尤其顯得模糊不清。微軟雅黑就是微軟在這(zhè)個字體顯示問題上的解決方案。
2、行長(cháng)
我們随手拿起(qǐ)一本書或者一份報紙,數一數每行的文字,一般情況下都(dōu)不會超過(guò)40個漢字。這(zhè)是因爲如果每行文字過(guò)長(cháng),讀者會不停的轉動脖子,感到疲憊的同時也會降低閱讀效率;目光從行尾移至下一行首,也很容易串行,影響讀者浏覽文章的節奏。這(zhè)點同樣(yàng)适用于網頁上的文章閱讀。由于顯示器是橫向(xiàng)的,我們更要注意劃分閱讀區域。
3、間距
通過(guò)設置間距,我們就可以控制文字的密度。如果每行間距太小,與文字過(guò)長(cháng)一樣(yàng),讀者浏覽文章時也容易串行;如果行距過(guò)寬,閱讀時就會感覺文章不夠連貫。
間距沒(méi)有固定的值,通常是根據字體大小來定義的。在word裡(lǐ)我們常看到雙倍行距、單倍行距和1.5倍行距的選項。網頁上行距的單位常用em來表示,不管是中文網站還(hái)是英文網站,大家多喜歡用1.5em-1.8em的行距。以1.6em的行距爲例,字号16px的字,行距就是25.6px。
關于段距,我們要考慮一下具體實際情況。比如文章篇幅較短,就不需要很寬的段距;二文章篇幅很長(cháng),特别是那些偏學(xué)術的比較枯燥的文章,就要多利用段距把握文章的節奏,給閱讀者喘息和思考的機會,且使文章更有層次和可讀性。
4、背景
白色是全頻光,全放射光對(duì)人眼睛的最有刺激,所以很多印刷品讀物的紙張都(dōu)選用乳白色或者淡黃色的紙張。由于顯示器本身就發(fā)光,所以同是純白色背景的文字,在電腦上比在紙上閱讀會使眼睛更容易疲乏,另有研究表明:在電腦上閱讀隻有在紙上閱讀速度的78%,閱讀效率大大減低。因此,爲了提高頁面(miàn)浏覽的舒适度和效率,越來越多的頁面(miàn)采用淺灰色和淡黃色做爲頁面(miàn)背景。
另外,印刷品以文字爲主的出版物往往會采用低光澤度的紙張,也是因爲光澤度高的紙張反射度高,導緻閱讀質量下降,容易使人視覺疲勞。頁面(miàn)背景仿造低光澤度的紙張(紙張紋理)也能(néng)否提高閱讀的舒适度呢?