2010，當windows phone開始扁平化的時候，換來的是世人的嘲笑。
2011，當安卓4.0開始扁平化的時候，人們把這當作安卓是為了和蘋果抵抗，標新立異。
2013，ios 7開始扁平化，這股設計風格成為設計潮流。

至此到2018年為止，扁平化已經深入WEB領域成為主導設計方向。未來2019年將會是扁平化設計的爆發階段成為網頁設計領域的主流。

那么與扁平化與之對應的是擬物化設計先來了解一下2者的概念。

擬物設計就是追求模擬現實物品的造型和質感，通過疊加高光、紋理、材質、陰影等各種效果對實物進行再現（也可適當程度變形和夸張）；

扁平化設計就是摒棄以上對效果（尤其是高光、陰影等能造成透視感的效果）的追求，追求通過抽象、簡化、符號化的設計元素來表現。

現如今的扁平化設計并不是單純的一種風格，而是涵蓋了諸多常見風格、具備多種不同目標或任務的一個設計集合體。目前扁平化設計被廣泛應用于數字設計領域，并且常常通簡約或者極簡的視覺表達方式結合起來運用，由于移動端設計風格的演變歷程的原因，扁平化設計常常被視作為擬物化設計的對立面。扁平化設計在過去的幾年當中經歷了積極而快速的發展，目前正“入侵”著越來越多的平面設計領域。

今天的扁平化設計已經成了網頁和UI設計中的主流設計方向，甚至可以說是我們日常生活中不可或缺的部分，并且開始影響我們生活中的日常決策，并且具備解決各種問題的潛力。

我們看一下Chrome的Logo的扁平化設計：

另一個扁平化例子：

扁平化設計最基本、最突出的特征包括：

1. 簡單的元素和形狀

2. 極簡風

3. 強功能性

4. 大膽而易讀的排版

5. 清晰而嚴謹的視覺層次

6. 關注細節

7. 明亮的色彩和對比度明顯的視覺感知

8. 避免使用紋理、漸變和復雜的樣式

9. 采用柵格、幾何特征以及視覺平衡的原則

扁平化設計的優勢

扁平化設計的優勢有很多，這也是它在數字設計領域流行的主要原因?，F如今，扁平化設計也開始逐步影響現代排版印刷設計了。那么扁平化設計的優勢在那里呢？

1. 可讀性和易讀性

2. 通過形狀、色彩和字體來呈現清晰的視覺層次

3. 有效的支持web和移動端的導航設計

4. 自適應性，適合響應式設計

5. 在各種屏幕上都具備良好的可讀性

6. 對于開發更加友好，降低在設備上的負載

HTML5結合扁平化的優勢

微交互設計

好的產品往往做好了兩點：功能和細節設計。功能吸引用戶使用產品，而細節設計將決定用戶是否留存。優秀的細節設計當然離不開優秀的微交互設計，它讓用戶感到強烈的互動和參與感的同時，通過微小而自然的變化帶來非同凡響的愉悅感。

　　
響應式設計

響應式設計的概念，最初由著名的設計大師Ethan Marcotten在2010年5月提出，隨后便快速席卷了前端和設計領域，現如今成為網頁設計的大趨勢。響應式網站設計提供了一種全新的選擇，這種基于柵格布局和CSS3的流動性網頁設計，可以讓網頁隨著屏幕變化而響應。這是一種更為統一，更加全面的設計技巧，一種打破網頁固有型態和限制的靈活設計方法?？梢约骖櫰聊欢鄨鼍暗撵`活設計，便是響應式設計令人著迷的所在，這點和編程開發中所追求的“一次編寫，到處運行”有著異曲同工之妙。

極簡的原型設計和交互設計

注重“版面簡約”將是另一大設計趨勢。極簡主義設計旨在通過清晰的視覺交流來解決用戶的問題，更加注重內容而非界面。而簡約的設計削減了分散用戶注意力的元素，讓用戶更佳專注于內容。一個結合良好可用性的極簡主義用戶界面，會帶來更流暢、更深刻的用戶交互體驗;而一款具備簡約界面及簡單操作的原型設計工具，將勢必成為眾人心中最佳工具、引領新的風潮。