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

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

　　文字間距

　　文字間距，就是文字之間的間距，不同字間距能給用戶展現(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ì)，字距越小；字體越寬，字距越大。

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

　　 要注意英文字母間的間距，由于各個(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í)避免用戶混淆了界面內(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)?，F(xiàn)在很多網(wǎng)站設(shè)計(jì)都流行大標(biāo)題，因此不妨將標(biāo)題適當(dāng)增大，增加與正文的對(duì)比。

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