UI設計，扁平化還是擬物化？

2010，當windows phone開始扁平化的時候，換來的是世人的嘲笑。

2011，當安卓4.0開始扁平化的時候，人們把這當作安卓為了和蘋果不同的掙扎。

2013，當

ios 7開始扁平化的時候，就突然成了設計潮流了……

擬物設計就是追求模擬現實物品的造型和質感，通過疊加高光、紋理、材質、陰影等各種效果對實物進行再現（也可適當程度變形和誇張）；扁平化設計就是摒棄以上對效果（尤其是高光、陰影等能造成透視感的效果）的追求，追求通過抽象、簡化、符號化的設計元素來表現。

黃健明《salvation》

畢卡索《亞維儂的少女》

擬物風格vs扁平化風格

一、如何區別扁平化 (flat) 和擬物化 (skeumorphism) 兩種風格？

擬物化設計-skeuomorphism

特點：介面模擬真實物體的材質、質感、細節、光亮等；人機互動也擬物化，模擬現實中的互動方式。擬物設計的會讓你認出這是個什麼東西。

好處：·認知和學習成本低：我外婆能看懂ios裡面幾乎所有原生應用的圖示；各種樂器類應用的擬物化設計；

·各種按鈕的視覺質感和按下去之後的互動效果，養成使用者對這類「東西」的統一認知和使用習慣；

壞處：

擬物化本身就是個約束，會限制功能本身的設計。

扁平化設計-flat

特點：介面上單色極簡的抽象矩形色塊、大字型、光滑、現代感十足；互動的核心在於功能本身的使用，所以去掉了冗餘的介面和互動，而是使用更直接的設計來完成任務；扁平化設計則讓你意會這是個什麼東西。

好處：·簡約而不簡單，扁平的設計搭配一流的網格、色彩設計，讓看久了擬物化的使用者感覺煥然一新；

·突出內容主題，減弱各種漸變、陰影、高光等擬真視覺效果對使用者視線的干擾，讓使用者更加專注於內容本身，減少使用者使用這類產品的負擔，在扁平化的視覺和優秀的架構設計下顯得非常簡單易用；

·設計更容易，優秀扁平的設計只需要包含良好的架構、網格和排版布局，色彩的運用，高度的一致性，而不需要考慮更多的陰影、高光、漸變等等。（其實也是相對來說的，這裡爭論比較大，扁平化對於色彩運用和排版布局的要求更加高了；

壞處：需要一定的學習成本，且傳達的感情不豐富，甚至過於冰冷。

我們看一下chrome的logo的扁平化設計：

另乙個扁平化例子：

擬物化rom

扁平化rom

二、ui設計，扁平化 (flat) 還是擬物化 (skeumorphism)？

在數碼裝置普及度不高的時代，擬物化是有效果的，尤其對於孩子和老人來說，擬物化設計更直觀有趣。但是隨著數碼科技的發展，擬物化的好處會越來越少，隨之帶來的是開發成本增加、審美疲勞等問題，擬物風格更多地作為一種視覺裝飾。

事物總是需要乙個抽象的過程，就如同畢卡索畫的這只牛。

關於扁平化和擬物設計有很多爭論，偏激點的說法就是扁平化即將取代擬物化設計。扁平風格還是擬物風格？其實還要根據產品功能。比如，閱讀類或者資訊類的產品就可以極盡扁平，樂器類的產品我無法想象如何扁平。所以，功能先行而不是設計先行。