別說你聽的想吐了,也別說你不想討論。除非有一天你想落伍離大家越來越遠(yuǎn)。
事實(shí)證明,關(guān)于扁平化空前的爭(zhēng)議和討論導(dǎo)致了扁平化風(fēng)格的多樣化。沒有爭(zhēng)論,就沒有變革!
信息層級(jí)的簡(jiǎn)化、極簡(jiǎn)主義,這是我認(rèn)為扁平化的核心,不同的設(shè)計(jì)師肯定對(duì)此理解也不同,大家有沒有發(fā)現(xiàn),最近的扁平化變了。
實(shí)驗(yàn),加入效果,失敗!再實(shí)驗(yàn),再次加入效果,成功,付諸實(shí)踐!就是這么簡(jiǎn)單。所以現(xiàn)在的扁平化設(shè)計(jì)變得”不那么”扁平了或者”更”扁平了。
好吧,先推薦一片文章An Extensive Look at Flat Design

我們稍微挖掘了一下網(wǎng)絡(luò),我們?cè)噲D搞清楚,這些設(shè)計(jì)師在干什么,在試驗(yàn)什么,在借鑒什么。以下是我們的小發(fā)現(xiàn)。來瞧瞧扁平化設(shè)計(jì)目前進(jìn)化成哪幾個(gè)類別了:)
上帝看到扁平化設(shè)計(jì),說”要有光”,于是就有光,然后也就有了投影。
延伸投影,一般都是45度角,投影一般為物體的2.5倍大,給圖標(biāo)加入了一種深度。陰影也是扁平的,無漸變、明暗和衰退。
但是壞處是,往往用戶被陰影給吸引了,用戶更關(guān)注陰影而不是圖標(biāo)。導(dǎo)致了一種阻礙效果。我個(gè)人看法是,這種設(shè)計(jì)個(gè)人感覺像是一團(tuán)陰影,而不是一個(gè)圖標(biāo)。
收集的長(zhǎng)投影設(shè)計(jì)如下:
Clock

Image: Dmitri Litvinov
Ipad Mini

Image: Zachary VanDeHey
Social Media Flat Icons

Image: Graphic Burger
Theme

Image: Bosco
iOS

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

Image: Jee
Camera

Image: Rovane Durso
Not the new Clear iOS 7 icon

Image: Realmac Software
iOS 7 Concept

Image: Alex Martinov
Flat Design Icons Set Vol3

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

Image: Sunbzy
Android Icons Set

Image: Raul Taciu
Shield Flat iOS App Icon

Image: Zachary VanDeHey
Squares

Image: Oleg Turbaba
Theme

Image: Bosco
Flat Icon

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

Image: Nick Kumbari
ICT7 Mockup

Image: Dirk Jan Haarsma
“R” Hotel

Image: Lewis James
Squares Isometric

Image: Oleg Turbaba
Facebook Icon

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

Image: Rovane Durso
Blue Web Identity Icons

Image: Shaun Byrne
Long Shadow Flat Icons

Image: Xklibur Clab
世界是平衡的,當(dāng)我們從擬物的極端突然背道而馳,到達(dá)了扁平的極端,這時(shí)候,就需要一點(diǎn)平衡和折中。
無數(shù)的設(shè)計(jì)師試圖在扁平化設(shè)計(jì)中加入一點(diǎn)精致的效果,扁平化設(shè)計(jì)的進(jìn)化由此開始。
打破常規(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ì)來了又走,只有不斷堅(jiān)持的設(shè)計(jì)師。我們需要更多的實(shí)驗(yàn)、更多的靈感、更多的創(chuàng)意。未來怎么樣,拭目以待。
你的扁平化設(shè)計(jì)有什么獨(dú)門絕招嗎?你還見過哪些獨(dú)具一格的扁平化設(shè)計(jì)?歡迎討論。
情非得已
21個(gè)Sketch實(shí)用高頻小技巧2019-02-15
25款值得收藏的優(yōu)秀網(wǎng)站模板免費(fèi)下載2015-09-16
20套高質(zhì)量的免費(fèi)網(wǎng)頁模版PSD素材2013-09-02
20款國外時(shí)尚大氣的按鈕開關(guān)PSD素材下載2013-07-31
CSS實(shí)例教程:十步學(xué)會(huì)用CSS建站2011-10-05
網(wǎng)頁設(shè)計(jì)師:淺淡網(wǎng)頁BANNER設(shè)計(jì)2010-09-27
網(wǎng)頁細(xì)節(jié)教程:WEB設(shè)計(jì)精確點(diǎn)滴2010-09-13
網(wǎng)頁設(shè)計(jì)中的點(diǎn)滴細(xì)節(jié)把握2010-09-01
總結(jié)交互組件創(chuàng)新的四種方式2010-06-28
最全的國外電子商務(wù)CSS模板下載2010-06-18
實(shí)例解析3種文檔大屏適配方法
相關(guān)文章2632020-03-09
詳細(xì)解析UI設(shè)計(jì)中搜索欄設(shè)計(jì)的技巧
相關(guān)文章6092019-03-31
UI設(shè)計(jì)師如何設(shè)計(jì)最常見的關(guān)閉按鈕
相關(guān)文章4042019-02-24
設(shè)計(jì)師解讀如何讓扁平的網(wǎng)頁更出彩
相關(guān)文章10302018-12-07
UI設(shè)計(jì)師需要學(xué)習(xí)的保存功能設(shè)計(jì)總結(jié)
相關(guān)文章3422018-12-07
7招表單設(shè)計(jì)設(shè)計(jì)師方法提升表單體驗(yàn)
相關(guān)文章5672018-12-07
UI設(shè)計(jì)師必學(xué)柵格設(shè)計(jì)原理和技巧
相關(guān)文章4992018-11-29
5個(gè)網(wǎng)站設(shè)計(jì)實(shí)例解析網(wǎng)頁設(shè)計(jì)趨勢(shì)
相關(guān)文章4452018-11-29
