正文 手機界麵的用戶體驗設計(2 / 2)

4蘋果IOS7係統的扁平化風格

4.1扁平化設計的起源

如果設計師認為他的設計很完美,那並不是因為沒有什麼可添加的,而是沒有什麼可減少了。——Antoine de Saint-Exupery扁平化設計是相對於它的前輩——擬物化設計(Skeuomorphic Design)而提出的。相比於iOS6及以前的版本,iOS7的設計語言具有與生俱來的簡潔性。

4.2扁平化設計的目的

作為一種設計方法,扁平化設計摒棄了所有美學上的修飾,僅留下(事物的)本質特征。在某種程度上,可以視“扁平化設計”為另一種“現代派(modernism)”的稱謂,這種稱謂是那些隨著計算機發展而成長起來的一代UI設計師定義的,他們認為擬物化是不必要的。

沒有更多的漸變、投影和紋理,僅用漂亮的排版、簡單的圖標和形狀、充滿力的顏色來幫助構建視覺層次,並且,最重要的是,更深入地關注於易用性上。扁平化設計是由那些要求更高效、界麵更友好的理念所推動的。

4.3扁平化缺陷

扁平化不是完美的設計,扁平化設計喜憂參半,出色案例很多,失敗案例也不少。隨著喬納森·伊夫帶領的新一屆領導班子上台,iOS7終將摒棄掉擬物化設計而走向扁平化。沒有更多高仿真的圖標和木質裝飾。但是整體風格前後很矛盾啊。這些圖標看起來明顯格格不入,像是由兩個不同團隊設計出來的。

5扁平化未來的發展方向——近平設計

(1)解決方案:近平設計(Almost-Flat Design)

如何補救由扁平設計造成的問題?近平設計(Almost-flat design)。作為一種設計方法,近平設計僅僅當扁平化風格能提升可用性時才采用它。它並不會武斷地認定或暗示漸變和投影是有害的。近平設計允許利用細微的投影和漸變來營造空間感、距離感、視覺層次感、視覺線索和邊緣效果。Gmail的近平設計:幹淨且一致,Gmail近期的UI改版從視覺上看起來簡潔了。這些微妙的“美學效果”給用戶一種視覺上的暗示,告訴他該對象很重要,且可操作。用戶馬上意識到Gmail的按鈕可點擊或可輕敲,無需過多的擬物化裝飾。方便地獲取關鍵界麵元素。不需要一次性展示給用戶20個按鈕,因為Gmail的UI聰明地引進了“漸進展開”(progressive disclosure)功能。

(2)扁平化設計的未來:Gmail的界麵正是扁平化設計應該有的:對用戶友好一致性。從而讓操作係統的APP圖標更有凝聚力。

好的設計,無論其是否扁平,都應該注重通過整潔的視覺交互、有效的設計和易用的體驗為用戶解決問題。

參考文獻

[1] 黃厚石.設計原理[M].東南大學出版社,2006.

[2] 荊雷.設計藝術原理[M].山東教育出版社,2002.

[3] 唐林濤.工業設計方法[M].中國建築工業出版社,2006.

[4] 唐納德·諾曼.設計心理學[M].中信出版社,2003.