扁平化設計與可訪問性(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中來。這些原則增強了易讀性和可讀性,提高了易用性的另一個方面
本文地址:http://www.pkvc.cn/tutorial/ui1366.html