SKYUI帶你重新認(rèn)識(shí)什么是長(zhǎng)投影的起源、長(zhǎng)投影的設(shè)計(jì)思想

再議長(zhǎng)投影——起源、推薦以及教程 ? @SKYUI

扁平化設(shè)計(jì)在最近已經(jīng)被廣泛的討論,人們都想從Flat?Design中尋找到靈感和信息。AppleiOS?7的推出為扁平化設(shè)計(jì)打了一針強(qiáng)心劑。于是無(wú)數(shù)的設(shè)計(jì)師在這種風(fēng)格上進(jìn)行了探索,也有很多有創(chuàng)意的靈感。越來(lái)越多的網(wǎng)站,越來(lái)越平的風(fēng)格。很多設(shè)計(jì)師所謂的扁平化教程,并不能夠?qū)W習(xí)到怎樣去創(chuàng)造扁平化設(shè)計(jì)。

最近呢,一種獨(dú)一無(wú)二的趨勢(shì)像萌芽一樣,迅速?zèng)_破了設(shè)計(jì)的地標(biāo)。Jeff?Escalante,最早展開(kāi)了關(guān)于這種趨勢(shì)的討論,稱之為長(zhǎng)投影設(shè)計(jì)。設(shè)計(jì)師們仔細(xì)研究了扁平化設(shè)計(jì),出現(xiàn)了一種飄忽不定的長(zhǎng)投影設(shè)計(jì),這并沒(méi)有破壞扁平化設(shè)計(jì)的初衷,然而加入了一種不尋常的視覺(jué)維度。據(jù)Jeff說(shuō),正如名字長(zhǎng)投影設(shè)計(jì)所暗示的,提供了一些卓越的特性諸如:45度角上延長(zhǎng)的陰影,大小大約有物體的2.5倍大。但這并不是所有設(shè)計(jì)師的菜,因?yàn)橄胍獎(jiǎng)?chuàng)造這種效果,需要CSS3的支持,同時(shí)看上去圖標(biāo)有點(diǎn)不那么“扁平”了,但結(jié)果是很吸引人的。陰影給予圖標(biāo)不尋常的視覺(jué)深度,而且如果設(shè)計(jì)得當(dāng)也不會(huì)破壞扁平風(fēng)格的外觀。

長(zhǎng)投影是否能一統(tǒng)江湖,現(xiàn)在尚不能定論,但我相信開(kāi)發(fā)者和設(shè)計(jì)師的一些奇人將會(huì)把這種風(fēng)格發(fā)揚(yáng)光大。在Dribbble上這種讓你吃驚的風(fēng)格已經(jīng)出現(xiàn)很久了。如果你去看看這種風(fēng)格,你便會(huì)發(fā)現(xiàn)它其實(shí)很有趣。為了提供一些靈感,我列出了一些不錯(cuò)的設(shè)計(jì)師,在文章的最后也提供了教程,能夠幫助你成為這種風(fēng)格的專家。學(xué)習(xí)長(zhǎng)投影設(shè)計(jì),會(huì)增加你對(duì)未來(lái)設(shè)計(jì)的洞察力

 

Jacob?Cummings.的照相機(jī)

2

 

LivinMaxton?瀏覽器

3

 

Hawk?Jon的蝙蝠俠

4

 

Slava?Breskovniy的照相機(jī)

5

 

Mitchell?Pash.的iOS7?Safari瀏覽器

6

 

Jacob?Cummings的音樂(lè)圖標(biāo)

7

 

Xalion的Dribbble圖標(biāo)

8

 

Miguelcm的Flat?Club

9

 

Kreativa?Studio的超人

10

 

Thomas?Snop的IE

11

 

JustD的SKYPE

12

 

Michael?Burns的小黃人

13

 

Mogo的Mo

14

 

Steve?Testone的北方健身

15

 

Eldin?Heric的個(gè)人圖標(biāo)

16

 

Bart?Zimny的PressPad

17

 

Plicploc的Itunes?Radio

18

 

Ben?Lee的Rubee

19

 

Noah?Stoke的Motherfuton?新聞

20

 

Eldin?Heric的Apple?Logo

21

 

Frederik?Samuel的Twitter

22

 

Brett?Carel的懲罰者

23

 

Graphic?Burger的社交扁平圖標(biāo)

24

 

Juns的下載按鈕

25

 

 

26

 

扁平化網(wǎng)站設(shè)計(jì)教程:http://youtu.be/sWubHWYnjpQ

27

 

UI扁平化設(shè)計(jì)教程:http://www.joocom.de/blog/tutorial-ui-flat-design-newsbeitrag-fur-blog-teil-1/

 

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!