如何提拔網(wǎng)頁內(nèi)容的可讀性(2)

　　對齊模式

　　談到可讀性的時候，對齊其實也個無法回避的話題。而在排版中，不同的對齊模式也是能構(gòu)成對比的。

　　通常，在對齊的設(shè)計上有兩種常規(guī)思路：

　　·正文和題目采用不同的對齊模式，構(gòu)成對比

　　·在悉數(shù)排版中相沿雷同的對齊模式

　　從某種意義上來說，兩種思路都是對的。選取那種思路，重要取決于文本、題目和其他設(shè)計元素之間的關(guān)系。假如采用雷同的對齊體例，能否保證題目和正文之間有顯明對比、能否從背景和其他元素中脫穎而出?文本的行間距、字體大小、和其他元素之間的距離能否構(gòu)成優(yōu)秀的視覺差?

　　在談到UI中的對齊題目的時候，最直觀的模型是一段文本和按鈕之間的關(guān)系。排版中，文本元素和按鈕之間的對齊模式應(yīng)該是怎樣的?這個題目很故意思，很多設(shè)計師傾向于讓文本和按鈕縱向排列，居中對齊，但是網(wǎng)站的其他元素搭配進(jìn)來的時候，又每每不會居中對齊。所以，對齊體例，是由元素自己的屬性來決定，根據(jù)整個設(shè)計，合理搭配。

　　長文本內(nèi)容

　　對于包含大量文本內(nèi)容的網(wǎng)站而言，正文部分的內(nèi)容排版就顯得相稱緊張了。假如文本內(nèi)容都是無縫的呈現(xiàn)出來的話，用戶很可能由于沒有條理而無法捉住緊張信息。

　　所以，網(wǎng)頁中大量的文本信息，應(yīng)該考慮下列因素：

　　1、文本塊的區(qū)域和大小

　　2、每行筆墨的長度和高度

　　3、項目編號和列表

　　4、字符的粗體和斜體

　　5、色彩

　　所有的這些屬性都能將文本中特定的關(guān)鍵詞、信息甚至語氣同其他的內(nèi)容區(qū)分開來，它們會成為文本中緊張的錨點，將和總要的信息通過這種差異和對比，推送到用戶面前。

　　在較長的文本區(qū)塊中(尤其是博客和長文中)使用不同的樣式來區(qū)分不同類型的內(nèi)容，如許做可以顯明降低用戶閱讀的委靡度。將長內(nèi)容分解為更易于閱讀的部分，用戶才更容易買單。

　　保持同等

　　同等性幾乎是所有設(shè)計領(lǐng)域都遵循的原則，無論你在首頁或者題目、正文中是如何運用對比的，最好將它延長到整個設(shè)計規(guī)范當(dāng)中去。

　　盡量使用雷同的色彩，一樣的樣式，同一的字體，假如設(shè)計無法保證同等性，會讓用戶在界面中感到疑惑。確保用戶到哪個地方都會覺得他們在你的網(wǎng)站或者APP當(dāng)中。

　　Ntgrate 這個網(wǎng)站就很好的貫徹了同等性的設(shè)計。背景同一使用了菱形的柵格，而文本則同一使用白底黑字的卡片來承載，同時網(wǎng)站中的大圖則是置于背景和文本而卡片之間。

　　結(jié)語

　　對比度是讓設(shè)計項目在視覺上更具吸引力的緊張工具，它讓排版布局更加富有條理結(jié)構(gòu)，高對比度的設(shè)計讓內(nèi)容的可讀性有顯明的提拔，而這也是設(shè)計可用性達(dá)標(biāo)的最基本條件。