目前，所有網(wǎng)頁中95%以上的信息主要以文本的形式呈現(xiàn)，因此一種具有良好視覺效果和可讀性的獨(dú)特布局格式可以吸引更多的用戶瀏覽。這使得越來越多的設(shè)計(jì)師將網(wǎng)頁的版式設(shè)計(jì)放在了非常重要的位置。網(wǎng)頁設(shè)計(jì)如何排版更吸引用戶呢?

網(wǎng)頁設(shè)計(jì)排版的六個技巧

1、把事情簡單化

可讀性是關(guān)鍵。你絕對不想過度使用書法字體，以至于讀者幾乎無法弄清楚你所寫的字。事實(shí)上，使用標(biāo)準(zhǔn)字體可以更好地吸引讀者，因?yàn)榇蠖鄶?shù)人都熟悉它們。

簡潔性增加了您網(wǎng)站的可讀性并增強(qiáng)了其視覺吸引力。您應(yīng)該努力在您的網(wǎng)站上使用少數(shù)量的字體來保持結(jié)構(gòu)和專業(yè)性。當(dāng)內(nèi)容變成難以辨認(rèn)而讓人感到混亂時，嘗試使用書法字體顯得過于復(fù)雜，對于您的網(wǎng)站來說可能是災(zāi)難性的。

2、減少不同類型字體的使用

不要使用太多的字體，只破壞你的布局。為了避免上圖這種情況，盡量把字體數(shù)量限制到小號，一般兩個就很充足，其實(shí)一個也足夠。如下圖的字體組合：

3、使用標(biāo)準(zhǔn)字體

用戶對標(biāo)準(zhǔn)字體更熟悉，因此可以快速的讀取。除非你的網(wǎng)站的自定義字體很有吸引力，否則是使用系統(tǒng)字體。一個安全的方法是用一個系統(tǒng)的字體：如Arial，Calibri，Trebuchet等。

4、注意控制行高

在排版中，Leading，也就是行高，是一個非常常見的重要概念。在排版設(shè)計(jì)當(dāng)中，行高也是很值得關(guān)注。換個更容易理解的概念來闡述這件事情，行間距，正常情況下，行間距應(yīng)該是文本高度的30%，這樣能夠確保視覺上的清晰易讀。

Dmitry Fadeyev 發(fā)現(xiàn)，段落之間的間距如果控制好了，整個閱讀效率能夠提升20%。這樣的布局能夠讓文本轉(zhuǎn)化為用戶更容易消化的內(nèi)容，剝離無關(guān)的細(xì)節(jié)。

5、適當(dāng)?shù)臉?biāo)點(diǎn)符號

這是一個非常細(xì)微的細(xì)節(jié)，在web設(shè)計(jì)中經(jīng)常被忽略，但是如果正確地完成，則會對設(shè)計(jì)產(chǎn)生重大影響。對我來說，適當(dāng)?shù)臉?biāo)點(diǎn)符號包括懸掛式標(biāo)點(diǎn)符號和適當(dāng)?shù)钠普厶?。懸掛?biāo)點(diǎn)符號是指標(biāo)點(diǎn)符號，特別是引號，位于正文的主體之外。這樣標(biāo)點(diǎn)符號就不會打亂文章的節(jié)奏，提高可讀性。

6、確保色彩對比度合理

文本和背景應(yīng)該有足夠的對比度，文本越明顯，用戶就越能快速清晰地獲取其中的信息。按照W3C的建議，文本和背景的對比是有規(guī)則的：

·較小的文本應(yīng)當(dāng)確保至少和背景之間有4.5:1的對比度比率

·較大的文本(14pt粗體，18pt常規(guī))應(yīng)當(dāng)確保和背景之間的對比度超過3:1

對比度不足的時候，幾乎無法進(jìn)行閱讀這些符合對比度的規(guī)范，易讀性不錯一旦你確定了配色，需要在盡可能多的設(shè)備上進(jìn)行測試，讓不同的用戶來查看效果，盡量避免出現(xiàn)可讀性的問題。

網(wǎng)站排版設(shè)計(jì)是非常講究技巧的，現(xiàn)在人們對網(wǎng)站質(zhì)量的要求不斷提高，網(wǎng)站設(shè)計(jì)得不好是很難吸引用戶的，網(wǎng)頁設(shè)計(jì)是非常講究技巧的，現(xiàn)在人們對網(wǎng)站質(zhì)量的要求不斷提高，網(wǎng)頁設(shè)計(jì)得不好是很難吸引用戶的;魚爪網(wǎng)提供網(wǎng)店設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、平面設(shè)計(jì)、VI設(shè)計(jì)。以客戶需求為導(dǎo)向，客戶利益為出發(fā)點(diǎn)，探索并實(shí)現(xiàn)客戶商業(yè)價值較大化。