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

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

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

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

文字間距

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

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

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

        字體越細(xì)，字距越??；字體越寬，字距越大。

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

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

        文字行距和行高

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

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

        文字對齊

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

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

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

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

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

        文字對比

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

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

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