網(wǎng)頁排版的技巧和十年美工的心得

排版在網(wǎng)頁設(shè)計中經(jīng)常被忽略。其實這是很傻逼的，因為注重網(wǎng)頁排版確實可以提高你的網(wǎng)頁設(shè)計水平和可讀性。下面，我列出了10個非常有用的排版技巧讓你的網(wǎng)站看起來更好。

1、糾正行高

最常見的網(wǎng)頁布局錯誤之一是定義了不正確的行高。行高是定義一行文本的高度，所以我們必須按照文本字體大小來設(shè)定行高。

一般來說，在設(shè)置文本行高的時候，我經(jīng)常在字體大小的基礎(chǔ)上加上7個像素（對12-17像素的字體而言）

2、糾正標(biāo)題margin值

另外一個常見的錯誤是標(biāo)題周圍不正確的margin值。標(biāo)題其實是與它下面的段落是相關(guān)聯(lián)的，而不僅僅是兩個段落的分割符。這就是為什么標(biāo)題的margin-top比margin-bottom要寬。

3、不要使用過多的字體

為了確?？勺x性和專業(yè)性，你的網(wǎng)頁上不應(yīng)該使用超過3種字體。使用過多的字體會干擾你的用戶而且讓你的網(wǎng)站看起來很亂。相反，較少的字體讓你的網(wǎng)站顯得干凈易讀。你可以標(biāo)題使用一種字體，正文使用一種字體，最后logo或副標(biāo)題使用另外的字體。

4、代碼部分使用等寬字體

如果你是一位開發(fā)者(就像大部分讀這篇博客的人)你可能想貼一些代碼在你的博客里。如果是這樣，請使用等寬字體。那么，什么是等寬字體？它就是字母和字符占相同水平寬度的字體。

那么在網(wǎng)站的代碼段你應(yīng)該使用哪種字體呢？到目前為止courier字體是最流行的，那么嘗試一下最新的一些字體像consolas或monaco怎么樣呢？那你一定要看看這里咯。這里

5、關(guān)注對比

即使你的網(wǎng)站有很好的排版了，另一個需要注意的是對比。如果你的頁面背景是中灰色（#999999），那么不要使用深灰色（#333333）的文本，否則你的內(nèi)容很難看清，尤其是對一些年紀(jì)比較大的或視力差的人。

總之，除非你的網(wǎng)站是關(guān)于黑客、黑帽seo或哥特?fù)u滾的，不然你應(yīng)該使用淺色背景和深色字體來保證清晰的對比度增加你網(wǎng)站的可讀性。

分享題目：網(wǎng)頁排版的技巧和十年美工的心得
標(biāo)題網(wǎng)址：http://www.muchs.cn/news5/106905.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、微信公眾號、標(biāo)簽優(yōu)化、網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)