網(wǎng)頁設(shè)計技巧系列之文本排版
日期:2012/1/22 / 人氣:
我們在做網(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ù)。
佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作
下面我們用圖例來說明。大家仔細(xì)看下面第一張圖,前三個圖是行距的問題,后兩個是字?jǐn)?shù)的問題。
行距的問題
第一個太擠了,都粘在一起了,這樣眼睛在看這個文本的時候會需要花點(diǎn)時間去分辨,這樣的排版會讓讀者看得很累。很不舒服。大家看一下自己手頭上所做文本的是不是太擠了,如果是那就改一下吧!
第二個是比較適中的,由于每行分得很清楚,這樣看起來有很強(qiáng)的識別性。
第三個是比較寬的,松了一點(diǎn),這樣看起來也很清楚,但是當(dāng)你的文章不是一兩行而是十幾行與幾十行的時候你就會覺得文章的連貫性產(chǎn)生了很嚴(yán)重的脫節(jié),一般排版不會越過兩個字體高度(2em)。
字?jǐn)?shù)的問題
下面兩個圖是字?jǐn)?shù)的問題。第四個每行文字太長,這樣看起來頭要搖來搖去,這樣讀者更容易顯得很累。因為要不斷的轉(zhuǎn)動頭,或是讓眼球不斷的左右擺動。最舒服的方式就是讀者一眼看上去就能把一行看完,不然從行末到下一行行首也會形成斷裂感。
而下面的又太扁了,這樣看起來也不是很舒服。由于在不斷的換行閱讀,眼球也會覺得不舒服。推薦的最好字?jǐn)?shù)是: 不大于45個字母,不大于30個漢字。
現(xiàn)在經(jīng)典論壇中的行距已經(jīng)重新設(shè)定過了,現(xiàn)在發(fā)布長篇的文章就不會覺得糊在一起了,并且在鏈接上加了下劃錢,對于色盲或色弱的朋友也容易識別,更為人性化了!
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲訪問耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好,百度?cnzz?2016/7/21