自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

趨勢(shì)!來(lái)瞧瞧扁平化設(shè)計(jì)進(jìn)化成哪些類(lèi)別了

開(kāi)發(fā)
別說(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ì)變得”不那么”扁平了或者”更”扁平了。

好吧,先推薦一片文章An Extensive Look at Flat Design

Evolution Flat Design

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

長(zhǎng)投影

上帝看到扁平化設(shè)計(jì),說(shuō)”要有光”,于是就有光,然后也就有了投影。

延伸投影,一般都是45度角,投影一般為物體的2.5倍大,給圖標(biāo)加入了一種深度。陰影也是扁平的,無(wú)漸變、明暗和衰退。

但是壞處是,往往用戶(hù)被陰影給吸引了,用戶(hù)更關(guān)注陰影而不是圖標(biāo)。導(dǎo)致了一種阻礙效果。我個(gè)人看法是,這種設(shè)計(jì)個(gè)人感覺(jué)像是一團(tuán)陰影,而不是一個(gè)圖標(biāo)。

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

Clock

[[85157]]

Image: Dmitri Litvinov

Ipad Mini

[[85158]]

Image: Zachary VanDeHey

Social Media Flat Icons

[[85159]]

Image: Graphic Burger

Theme

[[85160]]

Image: Bosco

iOS

[[85161]]

Image: Jacob Cummings

#p#

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

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

Icons

[[85162]]

Image: Jee

Camera

[[85163]]

Image: Rovane Durso

Not the new Clear iOS 7 icon

[[85164]]

Image: Realmac Software

iOS 7 Concept

iOS 7 Concept

Image: Alex Martinov

Flat Design Icons Set Vol3

[[85165]]

Image: Pixede

#p#

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

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

Flat Icons Brownie Theme

[[85166]]

Image: Sunbzy

Android Icons Set

[[85167]]

Image: Raul Taciu

Shield Flat iOS App Icon

[[85168]]

Image: Zachary VanDeHey

Squares

[[85169]]

Image: Oleg Turbaba

Theme

[[85170]]

Image: Bosco

Flat Icon

[[85171]]

Image: Bosco

#p#

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

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

Super Simple Icons

[[85172]]

Image: Nick Kumbari

ICT7 Mockup

[[85173]]

Image: Dirk Jan Haarsma

“R” Hotel

[[85174]]

Image: Lewis James

Squares Isometric

[[85175]]

Image: Oleg Turbaba

Facebook Icon

[[85176]]

Image: Tomohiro Suzuki

#p#

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

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

Icons

[[85177]]

Image: Rovane Durso

Blue Web Identity Icons

[[85178]]

Image: Shaun Byrne

Long Shadow Flat Icons

[[85179]]

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)怎么樣,拭目以待。

你的扁平化設(shè)計(jì)有什么獨(dú)門(mén)絕招嗎?你還見(jiàn)過(guò)哪些獨(dú)具一格的扁平化設(shè)計(jì)?歡迎討論。

原文鏈接:http://naldzgraphics.net/design-2/evolution-of-flat-design/

譯文鏈接:http://www.uisdc.com/evolution-of-flat-design

責(zé)任編輯:陳四芳 來(lái)源: uisdc.com
相關(guān)推薦

2013-09-22 14:30:43

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

2013-09-22 16:36:07

扁平化UI設(shè)計(jì)

2013-09-22 16:17:59

扁平化UI設(shè)計(jì)

2013-09-22 16:22:58

扁平化UI設(shè)計(jì)

2013-06-09 11:04:07

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

2013-09-23 10:16:04

扁平化UI設(shè)計(jì)

2013-07-11 09:45:48

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

2013-09-22 16:30:13

扁平化UI設(shè)計(jì)

2013-06-12 19:51:17

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

2013-01-28 09:39:05

用戶(hù)界面扁平化設(shè)計(jì)

2013-09-22 15:43:27

扁平化UI設(shè)計(jì)

2013-09-22 15:03:27

扁平化UI設(shè)計(jì)

2013-09-22 14:56:26

扁平化UI設(shè)計(jì)

2013-09-22 14:47:50

扁平化UI設(shè)計(jì)

2014-06-27 11:01:56

2013-09-22 15:09:04

扁平化UI設(shè)計(jì)

2014-03-25 09:29:11

扁平化設(shè)計(jì)歷史

2013-05-31 16:35:37

扁平化UI設(shè)計(jì)UI設(shè)計(jì)Flat UI

2015-07-22 09:09:40

物聯(lián)網(wǎng)

2009-11-04 09:28:01

接入網(wǎng)技術(shù)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)