在網(wǎng)站建設(shè)中的那些排版技巧
編輯
分享
評(píng)論
贊0
排版在網(wǎng)頁設(shè)計(jì)中經(jīng)常會(huì)被設(shè)計(jì)師忽略的，其實(shí)這樣是得不償失的，因?yàn)樽⒅鼐W(wǎng)頁排版可以提高你的網(wǎng)頁設(shè)計(jì)水平和可讀性?？偨Y(jié)出了幾個(gè)非常有用的排版技巧讓你的網(wǎng)站吸引更多的用戶。
1、糾正行高
最常見的網(wǎng)頁布局錯(cuò)誤之一是定義了不正確的行高。行高是定義一行文本的高度，所以我們必須按照文本字體大小來設(shè)定行高。一般來說，在設(shè)置文本行高的時(shí)候，小編經(jīng)常在字體大小的基礎(chǔ)上加上7個(gè)像素(對(duì)12-17像素的字體而言)。
2、糾正標(biāo)題margin值
另外一個(gè)常見的錯(cuò)誤是標(biāo)題周圍不正確的margin值。標(biāo)題其實(shí)是與它下面的段落是相關(guān)聯(lián)的，而不僅僅是兩個(gè)段落的分割符，這就是為什么標(biāo)題的margin-top比margin-bottom要寬。
3、不要使用過多的字體
為了保證網(wǎng)站的可讀性和專業(yè)性，你的網(wǎng)頁上最好不要使用超過3種字體。使用過多的字體會(huì)干擾你的用戶，還會(huì)讓你的網(wǎng)站看起來很亂。相反，較少的字體讓你的網(wǎng)站顯得干凈易讀。一般情況下，我們推薦標(biāo)題使用一種字體，正文使用一種字體，logo或副標(biāo)題使用另外的字體。
4、關(guān)注對(duì)比度
如果你的網(wǎng)站已經(jīng)有很好的排版了，另一個(gè)需要注意的是對(duì)比。如果你的頁面背景是中灰色，那么不要使用深灰色的文本，否則你的內(nèi)容很難看清，尤其是對(duì)一些年紀(jì)比較大的或視力差的人?？傊?，除非你的網(wǎng)站是關(guān)于黑客或者是黑帽seo的，不然你應(yīng)該使用淺色背景和深色字體來保證清晰的對(duì)比度來增加你網(wǎng)站的可讀性。
5、只給鏈接的文本加下劃線
一般情況下，瀏覽器用在鏈接的默認(rèn)樣式一直是藍(lán)色文本加下劃線。雖然這個(gè)藍(lán)色經(jīng)常被改成另外的顏色，但下劃線一直被當(dāng)做是鏈接的常規(guī)樣式，這就是為什么除了鏈接你不要給其他的東西加上下劃線的原因，否則這可能對(duì)你的用戶造成很大的困惑。
猜你喜歡