扁平化設計就是我個人的理解就是把原來複雜的動機簡單的處理,放棄一些陰影,透視,紋理,漸變等等能做出 3D 效果的元素統統廢棄,所有的設計效果都做到乾淨,沒有任何羽化,漸變,或者陰影。尤其在手機上,更少的按鈕和選項使得介面乾淨整齊,使用起來格外簡潔。可以更加簡單直接的將資訊和事物的工作方式展示出來,減少認知障礙的產生。
網頁設計作為一種視覺語言,特別講究編排和佈局,雖然主頁的設計不等同於平面設計,但它們有許多相近之處。版式設計透過文字圖形的空間組合,表達出和諧與美。為了達到理想的視覺表現效果,設計者將反覆推敲整體佈局的合理性,使瀏覽者有一個流暢的視覺體驗。
扁平化設計的優點就在於他的簡單,把事物更直接更本分的展現出來,減少一些設計效果的映襯,所帶來的模糊看不清的情況。隨著網站和應用程式在許多平臺涵蓋了越來越多不同的螢幕尺寸,建立多個螢幕尺寸和解析度的 skeuomorphic 設計既繁瑣又費時。設計正朝著更加扁平化的設計,您可以一次保證在所有的螢幕尺寸上它會很好看。扁平化設計更簡約,條理清晰,重要的一點是,更好的適應性。
在扁平化設計中目前有力的典範是微軟的 windows 8 以及 windows phone 和 windows RT 的 metro 介面,不得不說 Microsoft 不愧為扁平化多使用者體驗開拓者,如此大膽的嘗試與實現,不得不讓人佩服。與扁平化設計相比,在目前也可以說之前為流行的是 skeuomorphic 設計,為典型的就是蘋果 IOS 系統中擬物化的設計,讓我們感覺到虛擬物與實物的接近程度,如今 IOS7 也已在向扁平化改變。
正如很多設計一樣,扁平化設計也有缺點,比如需要一定的學習成本,傳達的感情不豐富,甚至過於冰冷。
接下來看幾個網站頁面更好的詮釋一下扁平化設計。