網(wǎng)頁設(shè)計技巧系列之文本排版

我們在做網(wǎng)頁的時候會發(fā)現(xiàn)：自己畫的圖也不錯，自己做的布局也很精致，做的圖標(biāo)也很漂亮，第一眼看起來都覺得很漂亮，但是看看就覺得不舒服，也不清楚為什么……

這里我告訴你，也許就是你的排版出現(xiàn)問題了。頁面排版不合理產(chǎn)生的視覺效果會讓讀者的眼睛產(chǎn)生的疲勞感，基本的毛病在于“字間距太擠或太寬”、“行距太小或太大”、“段距太少或太多”、“每行字?jǐn)?shù)太多或太少”等這幾個常見因素。大家可以從下面的圖示和講解內(nèi)容中看出差別，同時我會給大家一個相對比較好的參數(shù)供大家參考。當(dāng)然設(shè)計本來就不要太過拘泥，我所提供的都是一般性的提議，不同網(wǎng)站不同對待，不要過于拘泥我所給大家的一些參數(shù)。

下面我們用圖例來說明。大家仔細看下面第一張圖，前三個圖是行距的問題，后兩個是字?jǐn)?shù)的問題。

行距的問題

第一個太擠了，都粘在一起了，這樣眼睛在看這個文本的時候會需要花點時間去分辨，這樣的排版會讓讀者看得很累。很不舒服。大家看一下自己手頭上所做文本的是不是太擠了，如果是那就改一下吧!

第二個是比較適中的，由于每行分得很清楚，這樣看起來有很強的識別性。

第三個是比較寬的，松了一點，這樣看起來也很清楚，但是當(dāng)你的文章不是一兩行而是十幾行與幾十行的時候你就會覺得文章的連貫性產(chǎn)生了很嚴(yán)重的脫節(jié)，一般排版不會越過兩個字體高度(2em)。

字?jǐn)?shù)的問題

下面兩個圖是字?jǐn)?shù)的問題。第四個每行文字太長，這樣看起來頭要搖來搖去，這樣讀者更容易顯得很累。因為要不斷的轉(zhuǎn)動頭，或是讓眼球不斷的左右擺動。最舒服的方式就是讀者一眼看上去就能把一行看完，不然從行末到下一行行首也會形成斷裂感。

而下面的又太扁了，這樣看起來也不是很舒服。由于在不斷的換行閱讀，眼球也會覺得不舒服。推薦的最好字?jǐn)?shù)是： 不大于45個字母，不大于30個漢字。

下面我們再看一幅圖，聊聊段落的距離問題。

段落的距離

下面這幅圖是關(guān)于段距的。

上面一個是比較合適的，這樣的把段落分開了，讓讀者覺得文章并不是很多很難讀。

如果不把段落當(dāng)一回事，任其自然那么就會如下面一樣，兩段成為一段。

大家可以看出哪種更好，如果是幾十段合在一起，那么這個文章就很少有人能讀下去了!

現(xiàn)在經(jīng)典論壇中的行距已經(jīng)重新設(shè)定過了，現(xiàn)在發(fā)布長篇的文章就不會覺得糊在一起了，并且在鏈接上加了下劃錢，對于色盲或色弱的朋友也容易識別，更為人性化了!