別說你聽的想吐了，也別說你不想討論。除非有一天你想落伍離大家越來越遠(yuǎn)。

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

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

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

長投影

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

收集的長投影設(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

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

已經(jīng)變得非常尋常了，iOS7在設(shè)計(jì)中便采用了這種方法。為設(shè)計(jì)增加一種精致感。跟長投影的初衷一樣，是為了給圖標(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

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

和長投影不同之處在于長投影是"投影"，而這種帶陰影的效果能夠給圖標(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

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

你可能認(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ì)

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

Icons

Image: Rovane Durso

Blue Web Identity Icons

Image: Shaun Byrne

Long Shadow Flat Icons

Image: Xklibur Clab

What Now?

世界是平衡的，當(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ì)中的種種趨勢一樣，趨勢來了又走，只有不斷堅(jiān)持的設(shè)計(jì)師。我們需要更多的實(shí)驗(yàn)、更多的靈感、更多的創(chuàng)意。未來怎么樣，拭目以待。

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

原文地址：http://naldzgraphics.net/design-2/evolution-of-flat-design/
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量47萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：