擬物風格Skeuomorphism 和 扁平風格Flat Design 現在哪裡去了

擬物化風格(Skeuomorphism )扁平設計風格(Flat 是網路和移動設計中最主流的兩個設計趨勢。 或者至少幾年前是這樣。

今天,我們只看到擬物化風格(Skeuomorphism )啟發的的一小部分。 設計師不再使用原始的扁平設計風格(Flat 。 然而,這兩種設計趨勢的某些形式仍然非常活躍,並影響了我們今天使用的現代網站和移動設計。

這兩種設計趨勢發生了什麼? 如今,設計師如何使用新擬物化和扁平設計風格? 讓我們深入研究並找出答案。

試圖將現實世界變為數字化

不久前,人們喜歡在數字介面中看到現實世界的各個方面。 這是設計的首選方法,尤其是在iPhone和智慧手機介面是新的時候。 這種設計風格被稱為擬物化風格(Skeuomorphism )

apple ios newsstand app

蘋果是對擬物化風格進行大量投資的最大公司之一,主要用於製作其iOS使用者介面。 其許多應用程式的設計靈感來自現實世界的對應物,例如模仿報刊亭設計的報刊亭應用程式。

early ios home screen

Skeuomorphism 對應用程式圖示設計產生了強烈影響。 從日曆應用程式圖示到相機圖示、時鐘圖示,以及使用者介面的許多其他部分都以模仿現實世界的對應設計為特色。

在智慧手機的早期,這種方法非常有效,特別是讓人們熟悉這些應用程式的工作原理並介紹其功能。

然而,這種設計風格嚴重影響了使用者介面的效能。 沒過多久,使用者就想要效能和功能,而不是看起來“真實”的數字體驗。

乾淨、簡約和實用設計的興起

扁平設計風格(Flat Design)是使用者介面的完美風格。 它提供了一種乾淨和簡約的設計方法,提高了效能。 最重要的是,它超越了外觀,提升了功能。

iphone ios flat design

蘋果、谷歌、微軟和幾乎每家大型科技公司都急於採用扁平設計風格並將其納入其所有使用者介面中。 蘋果使用扁平設計方法徹底改造了 iOS UI,而谷歌和微軟則繼續推出受扁平設計啟發的風格。

google material design

谷歌的質感設計風格(Material Design)師中相當受歡迎,該公司仍在其服務中使用該風格的進化版本。

windows Metro UI

微軟推出了 Metro UI,這是一個改進的選單設計和應用程式體驗,靈感來自Windows 8的扁平設計。然而,這些早期的扁平設計作品大多的壽命很短。

扁平設計2.0 和 Skeuomorphism的衰落

隨著扁平設計的興起,對 skeuomorphism 的需求開始下降。 使用 skeuomorphism 風格設計的網站和移動介面看起來已經過時了。 它只是沒有起到作用。

事實證明,扁平設計的早期迭代是skeuomorphism設計的最佳替代品。 然而,它並不完美。 那些設計看起來有點太平淡和毫無生命。 它為Flat Design 2.0鋪平了道路。

flat design 2 telegram logo

扁平設計2.0 被認為是網路和移動的下一代。 新風格沒有使用完全平坦的設計方法,而是將陰影、色調、深度和漸變等風格元素融入到組合中。

如今,升級後的扁平設計2.0 是網路和移動設計最受歡迎的選擇。 然而,這並不意味著設計師已經完全放棄了skeuomorphism。

平衡兩全其美

如果你仔細觀察現代使用者介面設計,你會發現在許多不同型別的設計中都有 skeuomorphism 的影響。

windows 11 recycle bin

Microsoft Windows 中的回收站圖示仍然使用類似於真正的回收站的 skeuomorphism 風格設計。 iOS 中的時鐘和筆記應用程式圖示仍然與現實世界的對應物相似。 許多流行的音樂播放器應用程式、相機應用程式和計算器應用程式也使用受 skeuomorphism 啟發的設計元素。

windows 11 media player

然而,這些現代使用者介面設計並不是100%的 skeuomorphism。 相反,他們使用 skeuomorphism 和扁平設計的組合來建立類似於現實世界元素的功能設計。

何時使用 Skeuomorphism 與扁平設計

何時使用扁平設計

當涉及到建立專注於功能和效能的簡單介面時,扁平設計是首選方法。 現代品牌也使用來展示精緻和清晰度。

何時使用Skeuomorphism

當您想在數字設計中融入現實主義時,Skeuomorphism 會派上用場。 特別是在講故事中,skeuomorphic 設計在與使用者建立情感聯絡方面發揮著至關重要的作用。

什麼時候將兩者結合起來

沉悶而無聊的可以透過新增一絲 skeuomorphism 來增強。 在引入新概念、功能和特徵時,這種方法將有助於使入職過程更容易。

為未來設計

apple vision pro AR

許多設計師預測,在不久的將來,虛擬現實(VR)和增強現實(AR)體驗將在我們的日常活動中發揮關鍵作用。 在這些與現實世界融合的虛擬體驗中,skeuomorphism 設計方法是提供最身臨其境的的最佳方法。

根據這些新技術的進展情況,我們可能會很快看到 skeuomorphism 設計捲土重來。 鑑於當今可用的設計和工具的進步,Skeuomorphism 2.0 肯定會令人興奮。

參考來源:
關鍵字:
  • 9個傑出的Webflow CMS網站示例

    檢視這9個CMS網站示例,這些示例使用 Webflow 強大而靈活的 CMS 來建立直觀、引人入勝的數字閱讀體驗。
    2025.04.09 Wednesday
  • 案例研習:Troa 25′ Folio

    看看 Troa 如何重新構想他們的作品集 —— 專注於效能、可持續性以及簡潔、周到的設計。
    2025.04.04 Friday
  • WWDC 2025 標誌讓我對蘋果未來的設計充滿了希望

    我們一直在為 iOS 設計缺乏進展,自2013年的 iOS 7 以來,iPhone 軟體看起來幾乎是一樣的。 但有傳言說,我們將在2025年進行戲劇性的軟體設計更新——蘋果新發布的 WWDC 2025 標誌表明這些報道可能是真的。 蘋果宣佈,其全球開發者大會將如預期於2025年6月9日這一週迴歸。 WWDC 始終是蘋果公司展示即將推出的軟體的機會。 標誌的設計似乎與關於 iOS 19 設計語言的傳言一致。 長期以來,有傳言稱 iOS 19 正在從 VisionOS 中得到視覺線索。 根據蘋果洩密者 Mark Gurman 的說法,這意味著「應用程式可以出現在帶有半透明面板的圓形圖示中,非常像它們目前出現在 Vision Pro 的visionOS 2 的應用程式選單中。」 標誌上的「25」具有半透明的玻璃外觀,看起來我們確實可以走向一個透明面板的世界。 但我也對 WWDC 上的色彩很感興趣。在米色化的世界裡,顏色會捲土重來嗎? 20世紀90年代的蘋果色彩斑斕的設計風格,像新的 iMac 一樣暗示了迴歸那些俏皮的根源。 我們也希望看到更華麗、更豐富多彩的 iOS。 While anything that significantly changes the homescreen that users interact with daily is […]
    2025.04.02 Wednesday
  • 2025年度的18本最佳字型排版書籍

    字型排版(Typography)是設計的無聲英雄。 它可以成導致你的專案是成功或是失敗,一言不諺地傳達情感,並引導觀眾的眼睛精確到你想要的地方。 但是,掌握字型排版不是一蹴而就的——它需要學習、實踐和向那些專業的設計大神學習。
    2025.03.19 Wednesday
  • 或者是時候向麵包屑說再見了👋

    麵包屑(Breadcrumbs)曾經是網頁設計的主食,在當今的非線性、內容主導的網頁中已經過時了,動態和個性化的導航系統成為趨勢。 現代導航專注於智慧、搜尋優先和自適應解決方案,以更好地滿足使用者的需求和期望。 好吧,是時候進行一些艱難的現實愛情了:麵包屑已經死了。
    2025.03.18 Tuesday