當前位置: 華文世界 > 手機

扁平化設計終結?新趨勢來了?

2023-12-26手機

扁平化設計這一趨勢已經流行了挺長時間,而現在,設計風向似乎要有所轉變了,這或授權以從一些設計案例中透露出來。這篇文章裏,作者就從案例出發,展示了設計趨勢的演變,一起來看看吧。

設計趨勢來來去去,但一個普遍的趨勢已經流行了很長時間,那就是扁平化設計,現在也幾乎是無處不在,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/2013/6/11/4418188/apple-ios-7-design-influences

二、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種不同設計風格

總結

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

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

設計趨勢真是一個輪回。

原文作者:Chan Karunaratne(本文轉譯已獲得作者的正式授權)

原文:https://uxdesign.cc/is-the-flat-design-trend-finally-over-1e531ceb0ffa

譯者:彩雲Sky,公眾號:彩雲譯設計;人人都是產品經理專欄作家,騰訊高級視覺設計師。

本文由@彩雲sky 轉譯釋出於人人都是產品經理,未經授權,禁止轉載

題圖來自 Unsplash,基於 CC0 協定

該文觀點僅代表作者本人,人人都是產品經理平台僅提供資訊儲存空間服務。