您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 視覺設計 >> 瀏覽設計教程

扁平化設計與可訪問性(4)

一致性

通過使用通用的UI元素和樣式,你可以幫助用戶了解什么是可以期待的,然后使得更容易使用你的應用。

  • 對比

    可點擊元素和非可點擊元素之間要有適當?shù)膶Ρ取_@可以通過顏色、大小、位置以及樣式來實現(xiàn)。

  • 布局

    使用一個網(wǎng)格布局,比如960gs,是為你的設計建立一些可視的指南的好的方法。視線會自然的準從由內容創(chuàng)建的線條和比例,所以理解和使用一個網(wǎng)格是一個強化視覺平衡的好辦法。

  • 層級

    我更傾向于將此理解為“用戶行為”,我會寫一篇關于這個話題的文章,但是實現(xiàn)最通用的用戶行為(有時被稱為用例)容易發(fā)現(xiàn),而去掉不太通用的行為是簡化用戶界面從而使它更好用的好方法。作為通用準則,最重要的要比不太重要的更醒目。

  •  

    扁平化元素

    擬物化設計模仿顏色、紋理、形狀甚至實際生活中特定的實際形狀,因此能對不喜歡新技術和更喜歡仿現(xiàn)實環(huán)境的人非常有幫助。然而,對視障用戶能有多少用戶呢?堅持這種設計方法對他們會有價值嗎?好吧,和擬物化設計相對應的,扁平化設計,有很多優(yōu)勢可以幫助到這些特殊需求。因為扁平化設計使用基本的形狀,比如,正規(guī)/不正規(guī)的多邊形,它們更容易識別。

    在上圖中,左邊的,扁平化設計展示了方形/矩形元素和高對比色的按鈕。而右側的擬物化計算器,使用了低對比色和大量的立體和陰影元素。

    扁平化和擬物化的兩個計算器對比展示了兩種技術之間的不同。扁平化設計給予按鈕本身較小的重要性同時增強了內容(本例中的數(shù)字和數(shù)學符號)。另一方面,擬物化設計通過給予按鈕更大的重要性而使得它們很突出,而內容卻因為低對比度而不太醒目了。

    上面的例子展示了扁平化設計如何提升和給予內容更大的重要性,從而能證明對視障用戶是有幫助的。

    大字體和小圖標

    不只是在扁平化設計中,極簡主義設計也一樣,大字體元素是最重要的一種表現(xiàn)。字體能讓用戶聚焦在內容,從而成為設計流程中最重要的一部分。當前設計中的趨勢包括高對比色的大字體、清晰的自定義字體和平衡的段落的使用——基本上就是,把傳統(tǒng)印刷排版帶到Web中來。這些原則增強了易讀性和可讀性,提高了易用性的另一個方面

    [教程作者:admin]
    免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
    本文地址:http://www.pkvc.cn/tutorial/ui1366.html
    廣告創(chuàng)意中的情感因素(一)
    給設計個說法——淘寶購便利首頁設計小結
    圖趣網(wǎng)微信
    建議反饋
    ×