在
網站建設設計中我們時(shí)刻都在想辦法提升用(yòng)戶體驗，用(yòng)戶體驗中信息可(kě)讀性尤爲重要，如果信息都無法正常而清晰的(de)傳達，那麽設計就失去了(le)意義。
想要提升内容的(de)可(kě)讀性，讓内容以更加順暢、更符合邏輯的(de)形式呈現在用(yòng)戶面前，你需要借助對(duì)比度來(lái)表達，讓用(yòng)戶真正順暢的(de)理(lǐ)解。創建色彩對(duì)比的(de)方法有很多(duō)，流行的(de)做(zuò)法是在白色或者淺色的(de)背景上使用(yòng)黑(hēi)色或者深色的(de)文字。這(zhè)種設計由來(lái)已久，經久不衰的(de)理(lǐ)由是它确實非常有用(yòng)。當然，将兩種顔色倒置過來(lái)，也(yě)一樣有用(yòng)。
前景的(de)文字需要和(hé)背景有著(zhe)明(míng)顯的(de)對(duì)比，它需要能夠吸引用(yòng)戶的(de)眼球
在實際的(de)設計過程中，情形複雜(zá)多(duō)變。文字和(hé)背景的(de)配色往往受到多(duō)種因素的(de)影(yǐng)響，這(zhè)個(gè)時(shí)候需要多(duō)加嘗試，反思文字在背景的(de)映襯下(xià)是否能夠被用(yòng)戶清晰的(de)看到，尤其是在視頻(pín)和(hé)圖片之上追加文字排版的(de)時(shí)候。
爲了(le)降低背景多(duō)變的(de)色彩對(duì)于文字的(de)視覺影(yǐng)響，一個(gè)比較靠譜的(de)方案是在圖片和(hé)視頻(pín)上覆蓋上一個(gè)半透明(míng)的(de)有色圖層，來(lái)“統一”色調，讓文本的(de)可(kě)讀性更好。設計師可(kě)以通(tōng)過調整這(zhè)個(gè)有色圖層的(de)透明(míng)度、明(míng)度和(hé)色調來(lái)控制和(hé)文字的(de)對(duì)比度，這(zhè)樣一來(lái)，背景圖片和(hé)視頻(pín)中的(de)内容對(duì)于文字的(de)影(yǐng)響可(kě)以降到低。
對(duì)于包含大(dà)量文本内容的(de)網站而言，正文部分(fēn)的(de)内容排版就顯得(de)相當重要了(le)。如果文本内容都是無縫的(de)呈現出來(lái)的(de)話(huà)，用(yòng)戶很可(kě)能因爲沒有層次而無法抓住重要信息。
所以，網頁中大(dà)量的(de)文本信息，應該考慮：文本塊的(de)區(qū)域和(hé)大(dà)小、每行文字的(de)長(cháng)度和(hé)高(gāo)度、項目編号和(hé)列表、字符的(de)粗體和(hé)斜體、色彩等。
所有的(de)這(zhè)些屬性都能将文本中特定的(de)關鍵詞、信息甚至語氣同其他(tā)的(de)内容區(qū)分(fēn)開來(lái)，它們會成爲文本中重要的(de)錨點，将和(hé)總要的(de)信息通(tōng)過這(zhè)種差異和(hé)對(duì)比，推送到用(yòng)戶面前。
在較長(cháng)的(de)文本區(qū)塊中（尤其是博客和(hé)長(cháng)文中）使用(yòng)不同的(de)樣式來(lái)區(qū)分(fēn)不同類型的(de)内容，這(zhè)樣做(zuò)可(kě)以明(míng)顯降低用(yòng)戶閱讀的(de)疲勞度。将長(cháng)内容分(fēn)解爲更易于閱讀的(de)部分(fēn)，用(yòng)戶才更容易買單。
一緻性幾乎是所有設計領域都遵循的(de)原則，無論你在首頁或者标題、正文中是如何運用(yòng)對(duì)比的(de)，好将它延伸到整個(gè)設計規範當中去。
盡量使用(yòng)相同的(de)色彩，一樣的(de)樣式，統一的(de)字體，如果設計無法保證一緻性，會讓用(yòng)戶在界面中感到迷惑。确保用(yòng)戶到哪個(gè)地方都會覺得(de)他(tā)們在你的(de)網站中。
✖
