B端產品經理的能力模型與學習提升
<dfn id="sm46c"></dfn>
2025-4-4 杰睿
扁平化設計這一趨勢已經流行了挺長時間，而現(xiàn)在，設計風向似乎要有所轉變了，這或許可以從一些設計案例中透露出來。這篇文章里，作者就從案例出發(fā)，展示了設計趨勢的演變，一起來看看吧。
設計趨勢來來去去，但一個普遍的趨勢已經流行了很長時間，那就是扁平化設計，現(xiàn)在也幾乎是無處不在，UI中的按鈕，Logo，圖形設計等等。
最近感覺設計風向有點變啊，我碰到幾個例子感覺挺有意思的，似乎是印證了這波轉變。
在這篇文章里，我主要聚焦在UI設計領域，看看設計趨勢在這方面都經歷了哪些變化。
2013 年蘋果推出 iOS 7 后，扁平化設計火得一塌糊涂，界面設計方向一夜之間發(fā)生了轉變。雖然蘋果也是借鑒了其他制造商已經應用的元素，但其作為行業(yè)風向標的影響力依然無人能及。
從擬物到扁平，iOS 7 帶來了革命性的設計語言飛躍，顛覆了之前 iOS 的視覺風格。蒂姆·庫克將其稱為 “iPhone 以來 iOS 最大的變革”。
看上圖就一目了然（iOS 6 左，iOS 7 右），iOS 7 砍掉了許多元素的 3D 效果，整體扁平了很多。其實改成這樣是有道理的，畢竟擬物設計當初是為了讓用戶更快上手新界面，現(xiàn)在大家都習慣了，設計語言也需要更新迭代了。
十年過去了，絕大部分現(xiàn)代界面設計依然在用這種設計語言。然而，隨著設計逐漸追求更多復雜性和立體感（是的，又是3D，回到擬物設計），一些方面也開始出現(xiàn)變化。讓我們來看看幾個近期的例子。
值得說的是，盡管蘋果公司在引領扁平化設計趨勢方面發(fā)揮了重要作用，但其實靈感還是來自Windows Mobile 和 Android 等產品。Windows Mobile 才是先在主流制造商中第一個用扁平化設計的大廠。
對這段歷史感興趣的可以看看這篇10年前寫的文章：https://www.theverge.com/2013/6/11/4418188/apple-ios-7-design-influences
先一起看看最近的一個大廠設計改版案例，Reddit最近刷新了它的Logo。你能從上面的圖中看到，相比于舊版，新的設計有了一些3D風格化。
一直以來，扁平化logo是主流，但隨著像Pentagram這樣的設計大廠都開始探索3D化設計風格，預示著扁平化的時代就快要過去了。
現(xiàn)代的品牌logo設計大多是扁平的，因為這樣既清晰易讀又方便調整大小。真想看看其他公司接下來會怎么玩品牌設計。
回到2020年，在那年的11月，蘋果刷新了它們的MacOS圖標風格。我個人認為，這是在細節(jié)設計上搭配更多3D效果這股趨勢的源頭，我在網(wǎng)上看到了很多這樣的討論。
從 Big Sur 開始，蘋果就在圖標上下功夫，給原生應用圖標加料，讓它們看起來不那么乏味。你看上面那些，陰影也深了，漸變也多了，整個圖標更有立體感。
一看蘋果都整 3D 了，不少第三方應用開發(fā)商也坐不住了，紛紛改起了自家圖標，看起來更立體了。
蘋果在界面設計上向來引領潮流，這次的新趨勢，又不知道多少公司和個人會跟著玩。
Airbnb在最近的夏冬主題設計更新里，玩了不少 3D 和復雜設計。就拿它們新出的“游客護照”來說吧，圖標就跟真“書”似的，點開交互還有翻書動畫，賊逼真。
游客護照打開后，頂部卡片加了陰影，看著更有立體感，一點都不扁了。
Airbnb 在其他地方也玩兒 3D 了，比如“最受歡迎”那個地方，評分都立體起來了，還有那個改版后的“選月份”的按鈕，做得跟真表盤似的。
最后，他們冬天的新版本里，插畫也搞起了等角投影風格，給你們看下面他們那個新版本宣傳片就知道了。
Shopify 對深受好評的設計系統(tǒng) Polaris 進行了重大更新，換了套新花樣！以前那些扁平的按鈕，現(xiàn)在縮小了，還更帶感了，按著賊舒服。
這次重設計也不是瞎改，當初設計團隊說扁平化做能讓界面干凈，理解簡單，用著還效率高。可時間一長，商家們就不樂意了，說這界面整得“沒勁”、“乏味”還“單調”。
改設計主要是為了把軟件界面打造成 “專業(yè)工具”，更加高大上。改動之后，按鈕在點擊時更爽了一些，就像商家們平時在用的物理按鍵一般。
探索的2種不同設計風格
上面這些案例展示了現(xiàn)代設計趨勢的演變，從扁平化設計向更加注重細節(jié)的方向過渡。
扁平化設計固然擁有清晰高效等優(yōu)點，但現(xiàn)代設計更傾向于展現(xiàn)層次和深度。設計師和開發(fā)者應當密切關注這一趨勢，并做好準備將相關元素融入自身系統(tǒng)，尤其是在大型品牌和產品中逐漸成為趨勢的情況下。
設計趨勢真是一個輪回。
原文作者：Chan Karunaratne（本文翻譯已獲得作者的正式授權）
譯者：彩云Sky，人人都是產品經理專欄作家，騰訊高級視覺設計師。
本文由@彩云sky 翻譯發(fā)布于人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基于 CC0 協(xié)議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(www.li-bodun.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優(yōu)秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan