擬物化設計和扁平化設計曾是網頁和移動UI設計中最主流的兩大設計趨勢,至少幾年前是這樣。
然而,今天我們只能在一些界面中看到擬物化設計的影子,原本流行的扁平化設計風格也幾乎不再被設計師廣泛使用。盡管如此,這兩種設計趨勢的某些形式依然存在,并對現代網站和移動UI設計產生了深遠影響。
那么,究竟發生了什么,導致這兩種設計趨勢的轉變?設計師如今是如何運用擬物化設計和扁平化設計的元素的?讓我們深入探討一下。
將現實世界數字化的嘗試
不久前,用戶喜歡在數字界面中看到現實世界的元素。這種設計方式曾是UI設計的主流,尤其是在iPhone和智能手機界面剛剛興起的時候。這種設計風格被稱為擬物化設計。
蘋果是最早且最深入投資擬物化設計風格的公司之一,主要用于打造其iOS用戶界面。許多蘋果應用的UI設計都借鑒了現實世界的元素,比如“新聞報攤”應用,它的設計模仿了現實中的報攤樣式。
擬物化設計對應用圖標設計產生了深遠影響。從日歷應用的圖標到相機圖標、時鐘圖標,甚至UI的許多其他部分,都采用了模仿現實世界物體的設計。
在智能手機早期,這種設計方式非常有效,特別是幫助用戶快速熟悉這些應用的功能,并引導他們理解如何使用這些功能。
然而,隨著時間的推移,這種設計風格對用戶界面的性能造成了較大影響。很快,用戶開始更注重性能和功能,而非單純追求看起來“逼真”的數字體驗。
簡潔、極簡與功能至上的設計崛起
扁平化設計成為了用戶界面的理想風格。它提供了一種簡潔、極簡的設計方法,顯著提升了性能。最重要的是,扁平化設計更注重功能性,而非外觀的復雜性。
蘋果、谷歌、微軟以及幾乎所有大型科技公司紛紛采用并將扁平化設計風格融入到他們的用戶界面中。蘋果完全重新設計了iOS的用戶界面,采用了扁平化設計,而谷歌和微軟也分別推出了各自受扁平化設計啟發的界面風格。
谷歌的“材料設計”風格在網頁設計師中非常受歡迎,而這一風格的進化版至今仍被谷歌廣泛應用于其各項服務中。材料設計強調扁平化的基礎上增加了層次感和動效,使界面更具互動性和視覺吸引力,同時注重功能性和一致性的用戶體驗。
微軟推出了Metro UI,這是一種受扁平化設計啟發的全新菜單設計和應用體驗,特別是在Windows 8中得到了應用。
然而,許多早期的扁平化設計作品生命周期較短。
扁平化設計2.0與擬物化設計的衰退
隨著扁平化設計的崛起,擬物化設計的需求開始下降。那些采用擬物化風格的網頁和移動界面看起來顯得過時,因為它們已經不再具備實用性。
扁平化設計的早期版本證明是擬物化設計的最佳替代方案。然而,這些設計并不完美,它們看起來有些過于單調和平淡,缺乏生命力。這也為扁平化設計2.0的誕生鋪平了道路。
扁平化設計2.0被認為是網頁和移動端扁平化設計的下一代版本。與完全平面化的設計方法不同,新的風格融合了陰影、色調、深度和漸變等設計元素。
如今,升級版的扁平化設計2.0已成為網頁和移動設計中最流行的選擇。然而,這并不意味著設計師完全放棄了擬物化設計。
平衡兩者的優勢
如果你仔細觀察現代的UI設計,你會發現許多設計中都融合了擬物化設計的元素。
例如,微軟Windows中的回收站圖標仍采用擬物化設計,模仿了真實的回收桶外觀。iOS中的時鐘和備忘錄應用圖標也依然保留了與現實物體相似的設計。許多流行的音樂播放器、相機和計算器應用也繼續使用受擬物化設計啟發的元素。
然而,這些現代UI設計并不是100%擬物化設計。相反,它們將擬物化設計與扁平化設計相結合,創造出既具功能性又能模仿現實世界元素的設計。
何時使用擬物化設計和扁平化設計
在某些設計項目中,你應該使用完全的扁平化設計。也有些項目適合使用擬物化設計,或者兩者結合使用。知道何時以及如何使用這些設計趨勢,是創造令人印象深刻設計的關鍵。
何時使用扁平化設計
當你需要創建簡單、注重功能性和性能的界面時,扁平化設計是首選方法?,F代品牌也常使用扁平化設計來展示其精致和清晰度。
何時使用擬物化設計
當你想在數字設計中融入現實感時,擬物化設計非常有用。特別是在講故事時,擬物化設計在與用戶建立情感連接方面起著至關重要的作用。
何時結合兩者使用
單調乏味的扁平化設計可以通過加入一些擬物化元素來增強表現力。在介紹新概念、新功能或新特性時,這種方法有助于使用戶引導過程更加順暢。
為未來而設計
許多設計師預測,在不久的將來,虛擬現實(VR)和增強現實(AR)體驗將在人們的日常生活中發揮重要作用。在這些與現實世界融合的虛擬體驗中,擬物化設計方法將是提供最沉浸式用戶體驗的最佳選擇。
根據這些新技術的發展,擬物化設計很可能會很快迎來復興。鑒于目前設計和工具的進步,擬物化設計2.0無疑將成為一種令人期待的新趨勢。
精選文章: