探討界面設計中的扁平化風格

在界面設計中，扁平化設計與之前盛行的擬物化設計，有著較強的視覺對比和設計理念上的差異。因為它放棄了流行多年的漸變、陰影、高光、透視等諸多擬真視覺效果，在推崇極簡、平面化表達方式的同時，實現信息有條理、準確無誤的呈現，從而也更適合輕應用程序使用量激增的趨勢。本文通過分析扁平化風格的特征和趨勢，比較與擬物化界面風格的區別及優勢，探討其在移動端界面設計中的更好應用。

隨著用戶體驗需求提升和互聯網移動終端產品普及，界面設計越來越顯示出其在產品交互過程中的重要作用。用戶對互聯網產品交互體驗的滿意度，在很大程度上取決于界面設計的優劣；扁平化設計（Flat Design）是2013年起始流的一種界面設計風格，與之前流行且現今也有一定影響的擬物化設計形成了強烈的對比。扁平化設計以簡明的視覺表現方式快速、準確地傳遞信息，減少認知障礙。從設計理念上看，它不僅僅是“極簡主義”的推廣，也是“內容至上”的體現。

擬物化、扁平化設計的含義

擬物化設計：通過高光、材質、陰影等效果，對實物進行模擬，達到造型、質感向實物看齊的初衷；也可以源于實物而高于實物，進行適度的變形和夸張。在界面設計中，擬物設計會讓用戶通過辨認外形，識別指代對象或功能選擇，甚至憑借經驗推斷出它的交互方式。

扁平化設計：一種簡明的設計，摒棄透視感、立體感，通過提煉、符號化、抽象化的設計元素來表現實質內容。在界面設計中，扁平化設計視覺體驗簡潔明快，更具現代感。顏色、字體、排版在扁平化設計中有著舉足輕重的作用，有機地將標題、內容和適度的裝飾融為一體，讓用戶心領神會的明白功能目標和使用方式。

扁平化的設計優勢

1.移動終端帶來的轉變

歷經傳統軟件、互聯網軟件和移動互聯網這三個時代，最直接的結果就是使用終端的改變。前兩者，都是以臺式電腦為中心。而后者則是以“手機+平板電腦+筆記本電腦”為中心；網絡接入方式也由固定的Internet變為“3G+4G+Wifi”。就這意味著使用終端的尺寸越來越小，過去整齊劃一的局面也被打破。移動終端的屬性與規格變化，帶來了與之前不同的設計理念和需求。由于設備更便于隨身攜帶，用戶通過頻繁使用移動終端，逐漸形成了一種嶄新的“生活習慣”。受限于移動終端屏幕尺寸，通常用戶希望屏幕中的信息及內容結構更加簡單、明了，扁平化風格的界面設計，可以更加輕松、自由的適于各種移動終端和電腦屏幕。此外，因去除了物質塑造的紋理、高光等立體效果，可以應對各種分辨率，扁平化設計風格更易通用于各類終端，形成產品視覺一致性（如下圖1、2）。

2.信息的過載

移動互聯網用戶可以極為便捷的接受大量信息，這需要他們快速評估其價值，過濾掉不重要的，同時也需要進行一定量的信息反饋。這些都會給用戶造成大量負荷，尤其小屏幕終端產品的流行，更讓充斥了諸多繁雜元素的交互界面顯得不合時宜。如何在高效進行信息交互的同時，除去界面中不必要視覺元素帶來的干擾就顯得尤為重要。Geckoboard的設計讓關鍵數據一目了然（如圖3），減少視覺認知上的障礙和高效信息交互，對于扁平化的交互界面來說，并不是個難題。面對信息的過載和需要解決事物的壓力，人們更傾向于追求簡單、明快，釋放存在內心里的壓力，諸多輕應用的流行也可以印證這一點。（如圖4）。

圖3 圖4

擬物化、扁平化的選擇

在數字移動終端普及不高的時代，界面設計中的擬物化是有效果的，尤其對于老人和孩子來講是更加直觀、更具吸引力。但隨著用戶群體經歷了智能手機、平板電腦終端之后，具備了一定的數碼產品操控能力，擬物化設計也許會漸漸的淡去身影。現在的人們，多數不會認為這個圖標更像實物而欣喜，他們會因為領會抽象化、簡約圖標的用意而有心理上的愉悅和認同。更重要的是，用戶可能在地鐵、公交等復雜多變的環境下，聽音樂、查資料、看視頻的時候，不希望被外界無關因素打擾，因為用戶面對的移動終端界面才是注意力集中的地方。如果界面有太多無關視覺元素，就會被強制忽略掉，就像在網頁瀏覽時關掉彈出廣告一樣。擬物化設計帶來的沉重感，用久了會讓人產生審美疲勞，隨著Win10依舊延用Win8中的扁平化風格，簡約至上、內容第一的理念會更深入人心。蘋果公司以IOS移動平臺作為載體，在IOS7的交互和用戶體驗上做出了顛覆性的改變---從擬物到扁平，也印證了這一趨勢。

結語

在移動、互聯網產品的飛速發展之下，產品類型的增多，用戶需求不斷的個性化令擬物化設計顯得不太符合要求，扁平化設計適應性更強。與此同時，界面簡潔和條理清晰的信息架構會贏得更多用戶的青睞。在擬物化設計淡出同時，扁平化設計注重產品的功能、內容、全新用戶體驗和交互模式，將在一定時間內使其保持蓬勃的生命力。但隨著時間的推移，扁平化風格的主流勢頭也會轉變，或許會是其衍生風格以及與其他風格融合的結果。

（作者單位：北方工業大學）