很多企業(yè)總會(huì)有這樣的疑惑，明明我的網(wǎng)站設(shè)計(jì)和其他網(wǎng)站看上去相差無(wú)幾，為什么總覺(jué)得差了點(diǎn)什么，總覺(jué)得沒(méi)有別人好看？

　　說(shuō)實(shí)話(huà)，網(wǎng)站設(shè)計(jì)這種東西，好看與否不在于整體上的布局差異，往往都是小細(xì)節(jié)影響全局展現(xiàn)，哪怕是1px的改變，整個(gè)網(wǎng)頁(yè)設(shè)計(jì)就會(huì)有不一樣的感覺(jué)。那么，網(wǎng)頁(yè)設(shè)計(jì)時(shí)需要注意哪些排版細(xì)節(jié)？

　　關(guān)于排版設(shè)計(jì)，我們大多時(shí)候都會(huì)聯(lián)想到界面的文字內(nèi)容布局。在文字選擇上，網(wǎng)站應(yīng)該盡量避免選用2種以上的字體及風(fēng)格樣式，容易影響界面中各內(nèi)容中的層級(jí)，給用戶(hù)帶來(lái)信息上的混亂。

　　接下來(lái)，我們從文字的其他細(xì)節(jié)來(lái)入手研究：

文字間距

　　文字間距，就是文字之間的間距，不同字間距能給用戶(hù)展現(xiàn)出不一樣的視覺(jué)感受，例如字間距過(guò)大，缺乏閱讀的連貫性，但同時(shí)會(huì)讓界面的透氣感更強(qiáng)，更加舒適；字間距過(guò)小，會(huì)增強(qiáng)文字中信息連接性，但會(huì)缺乏文字的獨(dú)立性，也會(huì)影響界面的易讀性。

　　一般內(nèi)文字間距設(shè)定在-20~10pt的視覺(jué)效果更佳，不過(guò)具體還需根據(jù)文字字體、粗細(xì)、大小以及行距來(lái)決定，例如：

        文字越大，字距越??；文字越小，字距越大。

        字體越細(xì)，字距越?。蛔煮w越寬，字距越大。

        行距越大，字距也越大；行距越小，字距也越小

        要注意英文字母間的間距，由于各個(gè)字母占據(jù)的空間大小不一，大小寫(xiě)字母占據(jù)的空間大小也各不一樣，字體變化影響較大，合理字間距的變化會(huì)更多。

        文字行距和行高

　　行距和行高兩者有著緊密而不可分割的關(guān)系，很多人經(jīng)常會(huì)將行距和行高混淆，其實(shí)行距就是文字間行與行的間距，行高則是文字底部到頂部，則文字的大小。

　　一般來(lái)說(shuō)，如果字體的行高為10px，行距為2px（即行高的0.2倍），那么會(huì)顯得界面內(nèi)容太擠，不容易閱讀；相反，如果行距設(shè)置為行高的2倍，又會(huì)顯得界面內(nèi)容過(guò)于松散，不夠緊湊；因此，行距設(shè)定為行高的0.5-1倍，這樣閱讀起來(lái)會(huì)更加舒暢輕松。

        文字對(duì)齊

　　文字的對(duì)齊一般分為：左對(duì)齊、居中對(duì)齊和右對(duì)齊。

　　如果網(wǎng)頁(yè)設(shè)計(jì)中存在大量文字，盡量避免出現(xiàn)多種對(duì)齊方式，否則會(huì)顯得界面很凌亂，毫無(wú)規(guī)律可言。

　　通常，網(wǎng)站設(shè)計(jì)最常用到且最容易操作的就是左對(duì)齊。文字排版采用左對(duì)齊的方式排會(huì)顯得整個(gè)界面非常規(guī)整、簡(jiǎn)潔，在視覺(jué)上也十分舒服。

　　如果你對(duì)排版設(shè)計(jì)已經(jīng)非常嫻熟，也可以選擇居中對(duì)齊，將整段文字看作一個(gè)整體，再進(jìn)行布局，同樣可以保持界面的統(tǒng)一性和協(xié)調(diào)性。

        界面進(jìn)行對(duì)齊布局時(shí)需注意，很多看似隨意擺放的文字，其實(shí)都會(huì)與其他元素之間存在某種對(duì)齊關(guān)系，千萬(wàn)別真的以為它們脫離了頁(yè)面布局規(guī)則而「隨意擺放」。

        文字對(duì)比

　　對(duì)比會(huì)幫助文字布局制造焦點(diǎn)，更具有吸引力，同時(shí)避免用戶(hù)混淆了界面內(nèi)容的層級(jí)。常見(jiàn)的對(duì)比包括大小對(duì)比、顏色對(duì)比、疏密對(duì)比、虛實(shí)對(duì)比，以及粗細(xì)對(duì)比等。

　　制造對(duì)比效果時(shí)，一定要大膽強(qiáng)烈，不要拿28px的文字和29px的文字進(jìn)行對(duì)比，大小太過(guò)相似，無(wú)法突出焦點(diǎn)。現(xiàn)在很多網(wǎng)站設(shè)計(jì)都流行大標(biāo)題，因此不妨將標(biāo)題適當(dāng)增大，增加與正文的對(duì)比。

　　另外，除非標(biāo)題或裝飾性文字，否則不要使用特殊字體，要確保內(nèi)容清晰易讀，尤其是一大段文字，盡量使用基礎(chǔ)字體，這樣才會(huì)方便用戶(hù)閱讀。