我們?cè)谧鼍W(wǎng)頁(yè)的時(shí)候會(huì)發(fā)現(xiàn)：自己畫的圖也不錯(cuò)，自己做的布局也很精致，做的圖標(biāo)也很漂亮，第一眼看起來(lái)都覺(jué)得很漂亮，但是看看就覺(jué)得不舒服，也不清楚為什么……
這里我告訴你，也許就是你的排版出現(xiàn)問(wèn)題了。頁(yè)面排版不合理產(chǎn)生的視覺(jué)效果會(huì)讓讀者的眼睛產(chǎn)生的疲勞感，基本的毛病在于“字間距太擠或太寬”、“行距太小或太大”、“段距太少或太多”、“每行字?jǐn)?shù)太多或太少”等這幾個(gè)常見因素。大家可以從下面的圖示和講解內(nèi)容中看出差別，同時(shí)我會(huì)給大家一個(gè)相對(duì)比較好的參數(shù)供大家參考。當(dāng)然設(shè)計(jì)本來(lái)就不要太過(guò)拘泥，我所提供的都是一般性的提議，不同網(wǎng)站不同對(duì)待，不要過(guò)于拘泥我所給大家的一些參數(shù)。
下面我們用圖例來(lái)說(shuō)明。大家仔細(xì)看下面第一張圖，前三個(gè)圖是行距的問(wèn)題，后兩個(gè)是字?jǐn)?shù)的問(wèn)題。
行距的問(wèn)題
第一個(gè)太擠了，都粘在一起了，這樣眼睛在看這個(gè)文本的時(shí)候會(huì)需要花點(diǎn)時(shí)間去分辨，這樣的排版會(huì)讓讀者看得很累。很不舒服。大家看一下自己手頭上所做文本的是不是太擠了，如果是那就改一下吧!
第二個(gè)是比較適中的，由于每行分得很清楚，這樣看起來(lái)有很強(qiáng)的識(shí)別性。
第三個(gè)是比較寬的，松了一點(diǎn)，這樣看起來(lái)也很清楚，但是當(dāng)你的文章不是一兩行而是十幾行與幾十行的時(shí)候你就會(huì)覺(jué)得文章的連貫性產(chǎn)生了很嚴(yán)重的脫節(jié)，一般排版不會(huì)越過(guò)兩個(gè)字體高度(2em)。
字?jǐn)?shù)的問(wèn)題
下面兩個(gè)圖是字?jǐn)?shù)的問(wèn)題。第四個(gè)每行文字太長(zhǎng)，這樣看起來(lái)頭要搖來(lái)?yè)u去，這樣讀者更容易顯得很累。因?yàn)橐粩嗟霓D(zhuǎn)動(dòng)頭，或是讓眼球不斷的左右擺動(dòng)。最舒服的方式就是讀者一眼看上去就能把一行看完，不然從行末到下一行行首也會(huì)形成斷裂感。
而下面的又太扁了，這樣看起來(lái)也不是很舒服。由于在不斷的換行閱讀，眼球也會(huì)覺(jué)得不舒服。推薦的最好字?jǐn)?shù)是： 不大于45個(gè)字母，不大于30個(gè)漢字。
下面我們?cè)倏匆环鶊D，聊聊段落的距離問(wèn)題。
段落的距離
下面這幅圖是關(guān)于段距的。
上面一個(gè)是比較合適的，這樣的把段落分開了，讓讀者覺(jué)得文章并不是很多很難讀。
如果不把段落當(dāng)一回事，任其自然那么就會(huì)如下面一樣，兩段成為一段。
大家可以看出哪種更好，如果是幾十段合在一起，那么這個(gè)文章就很少有人能讀下去了!
現(xiàn)在經(jīng)典論壇中的行距已經(jīng)重新設(shè)定過(guò)了，現(xiàn)在發(fā)布長(zhǎng)篇的文章就不會(huì)覺(jué)得糊在一起了，并且在鏈接上加了下劃錢，對(duì)于色盲或色弱的朋友也容易識(shí)別，更為人性化了!
