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