設(shè)計(jì)趨勢(shì)來(lái)來(lái)去去,但一個(gè)長(zhǎng)期存在的總體趨勢(shì)是扁平設(shè)計(jì)——你隨處可見(jiàn)它;在用戶界面的按鈕上、標(biāo)志上、圖形上等等。也許我們正在經(jīng)歷這一方法的變革時(shí)期,以下是我最近發(fā)現(xiàn)的一些例子,它們可能證明了這一點(diǎn)。

在本文中,主要關(guān)注數(shù)字界面設(shè)計(jì)以及設(shè)計(jì)在這個(gè)領(lǐng)域如何隨時(shí)間而變化。

扁平設(shè)計(jì)如何成為趨勢(shì)的概述

扁平設(shè)計(jì)成為一種趨勢(shì),我們?cè)?013年蘋(píng)果推出iOS 7時(shí)看到了界面設(shè)計(jì)方法的迅速轉(zhuǎn)變。他們確實(shí)借鑒了其他制造商已經(jīng)在采用的元素,但作為引領(lǐng)潮流的公司,蘋(píng)果對(duì)整個(gè)行業(yè)的影響是無(wú)法比擬的。

iOS 7為iOS的設(shè)計(jì)語(yǔ)言帶來(lái)了巨大的變革。蘋(píng)果推出了一種比其前身更為簡(jiǎn)單和扁平的設(shè)計(jì),與更為復(fù)雜和擬物化的設(shè)計(jì)相比。蒂姆·庫(kù)克稱(chēng)其為“自iPhone以來(lái)最大的iOS變化”。

正如在上方所看到的(iOS 6在左,iOS 7在右),iOS 7為更加扁平的設(shè)計(jì),移除了元素的大部分三維效果。這次改變有很好的原因。世界需要擺脫旨在使用戶熟悉新一代界面的擬物化設(shè)計(jì)。

十年后,大多數(shù)現(xiàn)代界面仍然在其產(chǎn)品上使用這種設(shè)計(jì)語(yǔ)言。但隨著設(shè)計(jì)變得更加復(fù)雜和再次出現(xiàn)了一些三維效果,其中的一些方面開(kāi)始發(fā)生變化。讓我們看一些最近的例子。

Reddit品牌重新設(shè)計(jì)

讓我們從最近的一個(gè)例子開(kāi)始。Reddit最近重新設(shè)計(jì)了其標(biāo)志,采用了新的符號(hào)和字標(biāo)。正如你所看到的,代表Snoo(Reddit吉祥物)的符號(hào)與舊標(biāo)志相比,現(xiàn)在具有一些三維的元素。我們很少見(jiàn)到非扁平的標(biāo)志,而且由于與許多全球主要品牌合作的Pentagram公司也朝這個(gè)方向發(fā)展,這意味著我們將會(huì)看到更多這樣的設(shè)計(jì)。

由于可讀性和可伸縮性,現(xiàn)代標(biāo)志通常是扁平的。在不久的將來(lái),看到其他公司如何處理其品牌將是非常有趣的。

MacOS Big Sur圖標(biāo)

讓我們回到2020年。在那一年的11月,Apple發(fā)布了搭載更新圖標(biāo)的MacOS Big Sur。個(gè)人認(rèn)為,這是詳細(xì)設(shè)計(jì)和更多三維效果的新趨勢(shì)開(kāi)始的地方,因?yàn)槲铱吹酱蠖鄶?shù)關(guān)于這一主題的討論都是從那時(shí)開(kāi)始涌現(xiàn)的。

在Big Sur中,Apple開(kāi)始在其原生應(yīng)用圖標(biāo)上增加更多細(xì)節(jié),使它們看起來(lái)不那么扁平。正如你在上方所看到的,這些圖標(biāo)現(xiàn)在具有更加深刻的陰影和漸變。這有助于增加深度,使圖標(biāo)看起來(lái)更為詳細(xì)。

許多其他第三方應(yīng)用開(kāi)發(fā)者也紛紛效仿,更新了他們的應(yīng)用圖標(biāo),使其看起來(lái)比以前更具三維感。

和往常一樣,Apple在界面設(shè)計(jì)上的影響力可以從許多其他公司和個(gè)人如何追隨這一新趨勢(shì)中看出。

Airbnb的新設(shè)計(jì)

Airbnb在其應(yīng)用程序中推出的夏季和冬季設(shè)計(jì)更新中,實(shí)施了一系列更為復(fù)雜和具有三維效果的設(shè)計(jì)。讓我們來(lái)看看他們的新的“訪客護(hù)照”功能。訪客護(hù)照?qǐng)D標(biāo)的設(shè)計(jì)模仿了一個(gè)真實(shí)的“書(shū)”,當(dāng)與之交互時(shí),它具有模擬真實(shí)書(shū)本打開(kāi)的動(dòng)畫(huà)效果。

訪客護(hù)照的內(nèi)部視圖還在頂部部分添加了陰影,增加了深度,使其看起來(lái)不那么扁平。

Airbnb的另一個(gè)例子可以在他們“訪客最喜愛(ài)”和全新改版的“月份選擇器”設(shè)計(jì)中看到。正如上面所示,新的“訪客最喜愛(ài)”部分為評(píng)分添加了漂亮的三維效果。新的月份選擇器(右側(cè))也具有更為真實(shí)的刻度設(shè)計(jì)。

最后,他們冬季發(fā)布的新插圖還為設(shè)計(jì)增添了更多等距效果。

Shopify更新設(shè)計(jì)系統(tǒng)

Shopify對(duì)其備受贊譽(yù)的設(shè)計(jì)系統(tǒng)Polaris進(jìn)行了全面更新,引入了全新的設(shè)計(jì)語(yǔ)言。新設(shè)計(jì)語(yǔ)言下,原先較為扁平的按鈕變得更小,更具觸感。

這次重新設(shè)計(jì)有其深層含義。團(tuán)隊(duì)表示,最初的扁平設(shè)計(jì)促使了更清晰的界面,使事物更易理解,并使體驗(yàn)更為高效。然而,隨著時(shí)間的推移,商家開(kāi)始將管理界面的體驗(yàn)歸為“乏味”、“沉悶”和“單調(diào)”。

這次更新的主要目標(biāo)是提升設(shè)計(jì)系統(tǒng),使管理界面更像是一種“專(zhuān)業(yè)工具”,以改善商家的體驗(yàn)。

總結(jié)

那么,這一切意味著什么呢?對(duì)我來(lái)說(shuō),我認(rèn)為我們正在擺脫完全扁平的設(shè)計(jì)。扁平設(shè)計(jì)有其優(yōu)點(diǎn),但我認(rèn)為現(xiàn)代設(shè)計(jì)正以一種增加更多細(xì)節(jié)的方式演變。設(shè)計(jì)師和開(kāi)發(fā)者應(yīng)該準(zhǔn)備好在這些變化在更大的品牌和產(chǎn)品中變得普遍時(shí)將它們加入到他們的系統(tǒng)中。

精選文章:

中西對(duì)比,老祖宗的審美贏麻了!

白嫖《新聞女王》代言,霸王茶姬贏麻了

新布拉格中央車(chē)站:可持續(xù)與現(xiàn)代的完美融合

借用穿孔墻進(jìn)行照明的八個(gè)室內(nèi)設(shè)計(jì)案例

設(shè)計(jì)角色的不斷變化