設計趨勢來來去去，但一個普遍的趨勢已經流行了很長時間，那就是扁平化設計，現在也幾乎是無處不在，UI 中的按鈕，Logo，圖形設計等等。

最近感覺設計風向有點變啊，我碰到幾個例子感覺挺有意思的，似乎是印證了這波轉變。

在這篇文章里，我主要聚焦在 UI 設計領域，看看設計趨勢在這方面都經歷了哪些變化。

更多趨勢探討：

一、扁平化設計趨勢是怎么興起的？

2013 年蘋果推出 iOS 7 后，扁平化設計火得一塌糊涂，界面設計方向一夜之間發生了轉變。雖然蘋果也是借鑒了其他制造商已經應用的元素，但其作為行業風向標的影響力依然無人能及。

從擬物到扁平，iOS 7 帶來了革命性的設計語言飛躍，顛覆了之前 iOS 的視覺風格。蒂姆·庫克將其稱為 “iPhone 以來 iOS 最大的變革”。

看上圖就一目了然（iOS 6 左，iOS 7 右），iOS 7 砍掉了許多元素的 3D 效果，整體扁平了很多。其實改成這樣是有道理的，畢竟擬物設計當初是為了讓用戶更快上手新界面，現在大家都習慣了，設計語言也需要更新迭代了。

十年過去了，絕大部分現代界面設計依然在用這種設計語言。然而，隨著設計逐漸追求更多復雜性和立體感（是的，又是 3D，回到擬物設計），一些方面也開始出現變化。讓我們來看看幾個近期的例子。

值得說的是，盡管蘋果公司在引領扁平化設計趨勢方面發揮了重要作用，但其實靈感還是來自 Windows Mobile 和 Android 等產品。Windows Mobile 才是先在主流制造商中第一個用扁平化設計的大廠。

對這段歷史感興趣的可以看看這篇 10 年前寫的文章 https://www.theverge.com

二、Reddit 品牌設計刷新

先一起看看最近的一個大廠設計改版案例，Reddit 最近刷新了它的 Logo。你能從上面的圖中看到，相比于舊版，新的設計有了一些 3D 風格化。

一直以來，扁平化 logo 是主流，但隨著像 Pentagram 這樣的設計大廠都開始探索 3D 化設計風格，預示著扁平化的時代就快要過去了。

現代的品牌 logo 設計大多是扁平的，因為這樣既清晰易讀又方便調整大小。真想看看其他公司接下來會怎么玩品牌設計。

三、MacOS Big Sur 圖標

回到 2020 年，在那年的 11 月，蘋果刷新了它們的 MacOS 圖標風格。我個人認為，這是在細節設計上搭配更多 3D 效果這股趨勢的源頭，我在網上看到了很多這樣的討論。

從 Big Sur 開始，蘋果就在圖標上下功夫，給原生應用圖標加料，讓它們看起來不那么乏味。你看上面那些，陰影也深了，漸變也多了，整個圖標更有立體感。

一看蘋果都整 3D 了，不少第三方應用開發商也坐不住了，紛紛改起了自家圖標，看起來更立體了。

蘋果在界面設計上向來引領潮流，這次的新趨勢，又不知道多少公司和個人會跟著玩。

四、Airbnb 新版本設計

Airbnb 在最近的夏冬主題設計更新里，玩了不少 3D 和復雜設計。就拿它們新出的“游客護照”來說吧，圖標就跟真“書”似的，點開交互還有翻書動畫，賊逼真。

游客護照打開后，頂部卡片加了陰影，看著更有立體感，一點都不扁了。

Airbnb 在其他地方也玩兒 3D 了，比如“最受歡迎”那個地方，評分都立體起來了，還有那個改版后的“選月份”的按鈕，做得跟真表盤似的。

最后，他們冬天的新版本里，插畫也搞起了等角投影風格，給你們看下面他們那個新版本宣傳片就知道了。

五、Shopify 更新了設計系統

Shopify 對深受好評的設計系統 Polaris 進行了重大更新，換了套新花樣！以前那些扁平的按鈕，現在縮小了，還更帶感了，按著賊舒服。

這次重設計也不是瞎改，當初設計團隊說扁平化做能讓界面干凈，理解簡單，用著還效率高。可時間一長，商家們就不樂意了，說這界面整得“沒勁”、“乏味”還“單調”。

改設計主要是為了把軟件界面打造成 “專業工具”，更加高大上。改動之后，按鈕在點擊時更爽了一些，就像商家們平時在用的物理按鍵一般。

探索的 2 種不同設計風格

總結

上面這些案例展示了現代設計趨勢的演變，從扁平化設計向更加注重細節的方向過渡。

扁平化設計固然擁有清晰高效等優點，但現代設計更傾向于展現層次和深度。設計師和開發者應當密切關注這一趨勢，并做好準備將相關元素融入自身系統，尤其是在大型品牌和產品中逐漸成為趨勢的情況下。

設計趨勢真是一個輪回。

歡迎關注作者的微信公眾號：「彩云譯設計」