來(lái)看看扁平化風(fēng)格的下一站是什么

0 評(píng)論 14271 瀏覽 4 收藏 9 分鐘

 

別說(shuō)你聽(tīng)的想吐了,也別說(shuō)你不想討論。除非有一天你想落伍離大家越來(lái)越遠(yuǎn)。

事實(shí)證明,關(guān)于扁平化空前的爭(zhēng)議和討論導(dǎo)致了扁平化風(fēng)格的多樣化。沒(méi)有爭(zhēng)論,就沒(méi)有變革!
信息層級(jí)的簡(jiǎn)化、極簡(jiǎn)主義,這是我認(rèn)為扁平化的核心,不同的設(shè)計(jì)師肯定對(duì)此理解也不同,大家有沒(méi)有發(fā)現(xiàn),最近的扁平化變了。
實(shí)驗(yàn),加入效果,失?。≡賹?shí)驗(yàn),再次加入效果,成功,付諸實(shí)踐!就是這么簡(jiǎn)單。所以現(xiàn)在的扁平化設(shè)計(jì)變得”不那么”扁平了或者”更”扁平了。

20140505103503515 來(lái)看看扁平化風(fēng)格的下一站是什么

我們稍微挖掘了一下網(wǎng)絡(luò),我們?cè)噲D搞清楚,這些設(shè)計(jì)師在干什么,在試驗(yàn)什么,在借鑒什么。以下是我們的小發(fā)現(xiàn)。來(lái)瞧瞧扁平化設(shè)計(jì)目前進(jìn)化成哪幾個(gè)類別了:)

長(zhǎng)投影

上帝看到扁平化設(shè)計(jì),說(shuō)”要有光”,于是就有光,然后也就有了投影。
延伸投影,一般都是45度角,投影一般為物體的2.5倍大,給圖標(biāo)加入了一種深度。陰影也是扁平的,無(wú)漸變、明暗和衰退。
但是壞處是,往往用戶被陰影給吸引了,用戶更關(guān)注陰影而不是圖標(biāo)。導(dǎo)致了一種阻礙效果。我個(gè)人看法是,這種設(shè)計(jì)個(gè)人感覺(jué)像是一團(tuán)陰影,而不是一個(gè)圖標(biāo)。

收集的長(zhǎng)投影設(shè)計(jì)如下:

Clock

20140505103513750 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Dmitri Litvinov

Ipad Mini

20140505103527281 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Zachary VanDeHey

Social Media Flat Icons

20140505103536796 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Graphic Burger

Theme

20140505103545515 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Bosco

iOS

20140505103553812 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Jacob Cummings

帶有漸變的扁平化設(shè)計(jì)

已經(jīng)變得非常尋常了,iOS7在設(shè)計(jì)中便采用了這種方法。為設(shè)計(jì)增加一種精致感。跟長(zhǎng)投影的初衷一樣,是為了給圖標(biāo)加入一點(diǎn)美感。

Icons

20140505103601906 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Jee

Camera

20140505103609640 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Rovane Durso

Not the new Clear iOS 7 icon

20140505103616781 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Realmac Software

iOS 7 Concept

20140505103622937 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Alex Martinov

Flat Design Icons Set Vol3

20140505103631500 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Pixede

帶有陰影的扁平化設(shè)計(jì)

和長(zhǎng)投影不同之處在于長(zhǎng)投影是”投影”,而這種帶陰影的效果能夠給圖標(biāo)增加一種層次感和立體感。

Flat Icons Brownie Theme

20140505103640109 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Sunbzy

Android Icons Set

20140505103646859 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Raul Taciu

Shield Flat iOS App Icon

20140505103653015 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Zachary VanDeHey

Squares

20140505103703000 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Oleg Turbaba

Theme

20140505103711718 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Bosco

Flat Icon

20140505103719625 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Bosco

3D扁平化設(shè)計(jì)

你可能認(rèn)為扁平化設(shè)計(jì)僅僅是二維的,但是有人設(shè)計(jì)成三維的。雖然設(shè)計(jì)成三維,但依然遵循了一些扁平化設(shè)計(jì)的原則。

Super Simple Icons

20140505103727984 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Nick Kumbari

ICT7 Mockup

20140505103737406 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Dirk Jan Haarsma

“R” Hotel

20140505103744218 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Lewis James

Squares Isometric

20140505103749968 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Oleg Turbaba

Facebook Icon

20140505103756156 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Tomohiro Suzuki

帶斜面的扁平化設(shè)計(jì)

他們居然做到了!將斜面和扁平化設(shè)計(jì)結(jié)合。斜面能夠營(yíng)造一種3D感,看看下面的例子。

Icons

20140505103802234 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Rovane Durso

Blue Web Identity Icons

20140505103808578 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Shaun Byrne

Long Shadow Flat Icons

20140505103814906 來(lái)看看扁平化風(fēng)格的下一站是什么

Image:?Xklibur Clab

What Now?

  世界是平衡的,當(dāng)我們從擬物的極端突然背道而馳,到達(dá)了扁平的極端,這時(shí)候,就需要一點(diǎn)平衡和折中。
無(wú)數(shù)的設(shè)計(jì)師試圖在扁平化設(shè)計(jì)中加入一點(diǎn)精致的效果,扁平化設(shè)計(jì)的進(jìn)化由此開(kāi)始。
打破常規(guī),加入裝飾,確確實(shí)實(shí)的增加了美感。在維持扁平化設(shè)計(jì)的基礎(chǔ)上,一點(diǎn)一點(diǎn)增加效果和美感,勇于創(chuàng)新的設(shè)計(jì)師真的不容易。

  我們同一時(shí)刻選擇的道路只有一條,但是我們掌握的路徑越多越好,不斷的調(diào)整路徑,以達(dá)到自己心中的目標(biāo)。這也是很多設(shè)計(jì)師的心聲吧。就跟設(shè)計(jì)中的種種趨勢(shì)一樣,趨勢(shì)來(lái)了又走,只有不斷堅(jiān)持的設(shè)計(jì)師。我們需要更多的實(shí)驗(yàn)、更多的靈感、更多的創(chuàng)意。未來(lái)怎么樣,拭目以待。

原文來(lái)自:設(shè)計(jì)派

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!