再議長(zhǎng)投影——起源、推薦以及教程 ? @SKYUI
扁平化設(shè)計(jì)在最近已經(jīng)被廣泛的討論,人們都想從Flat?Design中尋找到靈感和信息。Apple的iOS?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ī)
Livin的Maxton?瀏覽器
Hawk?Jon的蝙蝠俠
Slava?Breskovniy的照相機(jī)
Mitchell?Pash.的iOS7?Safari瀏覽器
Jacob?Cummings的音樂(lè)圖標(biāo)
Xalion的Dribbble圖標(biāo)
Miguelcm的Flat?Club
Kreativa?Studio的超人
Thomas?Snop的IE
JustD的SKYPE
Michael?Burns的小黃人
Mogo的Mo
Steve?Testone的北方健身
Eldin?Heric的個(gè)人圖標(biāo)
Bart?Zimny的PressPad
Plicploc的Itunes?Radio
Ben?Lee的Rubee
Noah?Stoke的Motherfuton?新聞
Eldin?Heric的Apple?Logo
Frederik?Samuel的Twitter
Brett?Carel的懲罰者
Graphic?Burger的社交扁平圖標(biāo)
Juns的下載按鈕
扁平化網(wǎng)站設(shè)計(jì)教程:http://youtu.be/sWubHWYnjpQ
UI扁平化設(shè)計(jì)教程:http://www.joocom.de/blog/tutorial-ui-flat-design-newsbeitrag-fur-blog-teil-1/
全站高品質(zhì)素材免費(fèi)下載!