您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

如何提拔網頁內容的可讀性(2)

  對齊模式

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

  通常,在對齊的設計上有兩種常規(guī)思路:

  ·正文和題目采用不同的對齊模式,構成對比

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

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

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

  長文本內容

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

  所以,網頁中大量的文本信息,應該考慮下列因素:

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

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

  3、項目編號和列表

  4、字符的粗體和斜體

  5、色彩

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

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

  保持同等

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

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

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

  結語

  對比度是讓設計項目在視覺上更具吸引力的緊張工具,它讓排版布局更加富有條理結構,高對比度的設計讓內容的可讀性有顯明的提拔,而這也是設計可用性達標的最基本條件。

 2/2   首頁 上一頁 1 2
[教程作者:佚名]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di18.html
7個設計秘訣
怎么留白才能合理解析簡約設計風格
圖趣網微信
建議反饋
×