網(wǎng)絡(luò)上95％以上的信息是書面形式的，所以對(duì)于網(wǎng)頁(yè)而言，視覺(jué)信息的傳達(dá)至關(guān)重要。做好網(wǎng)站頁(yè)面排版可讀性，可訪問(wèn)性，可用性，整體圖形平衡，不僅僅可以提高網(wǎng)站用戶體驗(yàn)，同時(shí)會(huì)提高網(wǎng)站顏值。那么，我們?nèi)绾巫龊镁W(wǎng)站頁(yè)面排版提高網(wǎng)站顏值呢？
第一：控制字體數(shù)量
當(dāng)你的網(wǎng)頁(yè)文本內(nèi)容中使用超過(guò)3種完全不同的字體的時(shí)候，會(huì)讓網(wǎng)站顯得結(jié)構(gòu)紊亂和不專業(yè)。太多的類型尺寸和樣式一次也可能破壞任何布局。
一般來(lái)說(shuō)，整個(gè)網(wǎng)站字體的數(shù)量限制在最多兩種，一種一般就足夠了。如果您使用多個(gè)字體，請(qǐng)確保字體系基于字符寬度互補(bǔ)。如圖：左邊組的字體相對(duì)就比較和諧，而右邊字體的粗細(xì)對(duì)比太明顯，則顯得輕重比例很不和諧了。
第二：合理調(diào)整行長(zhǎng)和行距
行長(zhǎng)，是指單行文字的長(zhǎng)度。如果一行文字太長(zhǎng)，訪客很難注意到該段落的起點(diǎn)和終點(diǎn)，閱讀起來(lái)比較困難;而一行文字過(guò)短，訪客在瀏覽時(shí)需要不停的來(lái)回掃視，這也會(huì)破會(huì)閱讀的節(jié)奏。所以每一行文字的字?jǐn)?shù)應(yīng)該合理安排，提高網(wǎng)站的可讀性。中文在14號(hào)字體時(shí)，建議35—45個(gè)文字。
行距，顧名思義，行與行的間距。行距對(duì)網(wǎng)站的易讀性也有很大的影響。過(guò)寬的行距會(huì)讓內(nèi)容失去延續(xù)性，而太窄的行距又會(huì)易使訪客跳行、出現(xiàn)閱讀障礙。除此以外，我們還可以通過(guò)調(diào)整行距展現(xiàn)獨(dú)特的版式效果，寬一點(diǎn)的行距更顯輕松、隨意，寬窄行距并存也能增加網(wǎng)站內(nèi)容的層次感。行距通常隨字體的改變而變化，行間距稍稍大于字體的大小(如果使用了10號(hào)字體,，那么默認(rèn)的間距是12號(hào))。這種默認(rèn)的設(shè)置一般看上去很擁擠，你可以考慮增加間距提高可讀性，不過(guò)也要記住不能增加太多，把握適度原則。
第三：注意限制線長(zhǎng)度
如果你想要一個(gè)良好的閱讀體驗(yàn)，你應(yīng)該每行約60個(gè)字符。在每行上擁有適當(dāng)?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵。如果每行文字太短，視線必須反復(fù)折回來(lái)，打破讀者的節(jié)奏。如果一行文字太長(zhǎng)，用戶的眼睛將很難專注于文本。
對(duì)于移動(dòng)設(shè)備，您應(yīng)該每行30-40個(gè)字符 。以下是在移動(dòng)設(shè)備上查看的兩個(gè)網(wǎng)站的示例。第一個(gè)使用每行50-75個(gè)字符（打印和桌面的每行最佳字符數(shù)），而第二個(gè)使用最佳30-40個(gè)字符。
第四：適當(dāng)留白
在排版中，我們也要使用留白，事實(shí)上前面的字間距、行間距、段間距都是留白的幾種表現(xiàn)形式。除了這些以外，網(wǎng)站的不同區(qū)塊、圖片等之間也要留下充足的空間，讓訪客在獲取、加工這些信息時(shí)更加容易。
第五：避免使用閃爍的文字
閃爍或閃爍的內(nèi)容可能會(huì)使一些敏感人群發(fā)瘋，并且對(duì)于一般使用者來(lái)說(shuō)，這可能是令人討厭或分心的。
第六：確保色彩對(duì)比度合理
文本和背景應(yīng)該有足夠的對(duì)比度，文本越明顯，用戶就越能快速清晰地獲取其中的信息。按照W3C的建議，文本和背景的對(duì)比是有規(guī)則的：
·較小的文本應(yīng)當(dāng)確保至少和背景之間有4.5:1的對(duì)比度比率
·較大的文本（14pt粗體，18pt常規(guī)）應(yīng)當(dāng)確保和背景之間的對(duì)比度超過(guò)3:1
這些符合對(duì)比度的規(guī)范，易讀性不錯(cuò)
一旦你確定了配色，需要在盡可能多的設(shè)備上進(jìn)行測(cè)試，讓不同的用戶來(lái)查看效果，盡量避免出現(xiàn)可讀性的問(wèn)題。