2013扁平化設(shè)計(jì)終極指南:從天而降的扁平化設(shè)計(jì)
2013可以說是扁平化設(shè)計(jì)的一年。
即便是擬物設(shè)計(jì)的***者蘋果,也不得不轉(zhuǎn)變?cè)O(shè)計(jì)思路,在iOS 7上開始著手扁平化設(shè)計(jì)的探索。
你是否落伍了呢?想不想嘗試一下扁平化設(shè)計(jì)?但是又不知道該要怎么開始?沒關(guān)系,小編將幫助你!我們精心收集了一些扁平化資源,從UI套件到調(diào)色工具,再到字體選擇和WP主題,從理論文章再到創(chuàng)意圖庫(kù),我們將呈遞給您體系化的扁平化資源!
如果想要試水扁平化設(shè)計(jì),或者想要更進(jìn)一步,本系列文章都適合您,應(yīng)有盡有。
從天而降的扁平化設(shè)計(jì)
對(duì)于設(shè)計(jì)師來說,扁平化設(shè)計(jì)是一種實(shí)打?qū)嵉脑O(shè)計(jì)風(fēng)格,不要花招,不要粉飾。而扁平化時(shí)代之前,設(shè)計(jì)師的作品往往非常的寫實(shí),非常的有立體感。從整體的角度來講,扁平化設(shè)計(jì)是一種極簡(jiǎn)主義美學(xué),附以明亮柔和的色彩,***配上粗重醒目,而風(fēng)格又復(fù)古的字體。扁平化設(shè)計(jì)簡(jiǎn)化了諸如按鈕、圖標(biāo)一類的界面元 素。
扁平化設(shè)計(jì)要求盡量避免使用凹凸、陰影、斜角、漸變、材質(zhì)等裝飾手段。
對(duì)于那些頁面不多或者用以推廣移動(dòng)應(yīng)用的簡(jiǎn)單網(wǎng)站來說,扁平化設(shè)計(jì)非常符合他們的需求,因此廣泛流行。扁平化設(shè)計(jì)同時(shí)也遭到了一些非議,批評(píng)者認(rèn)為這種全面簡(jiǎn)化的風(fēng)格無法更好的引導(dǎo)用戶,用戶界面太過簡(jiǎn)單,可能一些用戶無法理解。
大圖片取代了動(dòng)效。在極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)中,設(shè)計(jì)師通常給予內(nèi)容充足的空間以供傳達(dá),這樣就能夠簡(jiǎn)單、直接的講述內(nèi)容。
從扁平化設(shè)計(jì)中又衍生出幾個(gè)不同的小流派:”似扁平化設(shè)計(jì)”和”長(zhǎng)投影設(shè)計(jì)”就是最近被反復(fù)強(qiáng)調(diào)的兩個(gè)概念。
“似扁平化設(shè)計(jì)”(Almost Flat Design)是以扁平化設(shè)計(jì)為基礎(chǔ),但是添加了一些簡(jiǎn)單的效果,比如簡(jiǎn)單的投影,基本的漸變。
“長(zhǎng)投影設(shè)計(jì)”圖標(biāo)設(shè)計(jì)中使用較多,一般是一道45度角的陰影從圖標(biāo)中延伸而出,最近的圖標(biāo)設(shè)計(jì),大部分都采用”長(zhǎng)投影設(shè)計(jì)”。
扁平化設(shè)計(jì)強(qiáng)調(diào)了極簡(jiǎn)主義,提倡功能大于形式。提倡了一種少即是多,留白大于填充的美學(xué)。僅僅具有色彩、形狀、線條等基本元素。字體選擇上也務(wù)求簡(jiǎn)單、基本。
專題地址:2013扁平化設(shè)計(jì)***指南
專題系列文章:
- 2013扁平化設(shè)計(jì)***指南:UI套件
- 2013扁平化設(shè)計(jì)***指南:扁平化圖標(biāo)
- 2013扁平化設(shè)計(jì)***指南:其他扁平化資源
- 2013扁平化設(shè)計(jì)***指南:55個(gè)WordPress主題
- 2013扁平化設(shè)計(jì)***指南:template模板
- 2013扁平化設(shè)計(jì)***指南:配色方案
- 2013扁平化設(shè)計(jì)***指南:Typography字體
- 2013扁平化設(shè)計(jì)***指南:教程與理念
- 2013扁平化設(shè)計(jì)***指南:扁平化設(shè)計(jì)靈感圖庫(kù)




















