“扁平化設(shè)計(jì)”的使用正逐漸成為網(wǎng)頁(yè)和UI設(shè)計(jì)近期的大趨勢(shì)，同時(shí)也是時(shí)下的一個(gè)熱門(mén)話(huà)題，各種探討和學(xué)習(xí)研究紛至沓來(lái)。鑒于我本身一直鐘情于極簡(jiǎn)主義，所以扁平化設(shè)計(jì)中的美學(xué)對(duì)我極有啟發(fā)，特別是在近期對(duì)QuoteRobot（我在2010年與他人共同完成的一個(gè)提案書(shū)寫(xiě)應(yīng)用）進(jìn)行重新設(shè)計(jì)時(shí)。

在本篇文章中，我將與大家探討什么是扁平化設(shè)計(jì)，并審視其他設(shè)計(jì)師對(duì)扁平化設(shè)計(jì)的看法，然后為大家提供一些能用于自己設(shè)計(jì)工作的小建議。

什么是扁平化設(shè)計(jì)？

從實(shí)踐角度說(shuō)，扁平化設(shè)計(jì)就是指不采用近幾年流行的漸變、像素完美陰影和擬物化方法（在后面的部分會(huì)詳細(xì)介紹）實(shí)現(xiàn)“扁平化”的界面。

感到自己深陷千篇一律的設(shè)計(jì)泥潭無(wú)法自拔？

Stylorouge的Rob O’Connor為你送上下面幾條建議幫助你解放自己的想象力。

找不到設(shè)計(jì)靈感？項(xiàng)目在眼前卻不知道如何著手或者找不到合適的入手角度？掙扎著想克服阻攔創(chuàng)意的屏障？

別著急，哪怕是最優(yōu)秀的設(shè)計(jì)師也會(huì)碰上這些問(wèn)題。你只需要找到方法讓大腦重回戰(zhàn)斗狀態(tài)，創(chuàng)意就會(huì)源源不斷滾滾而來(lái)。下面，我們?yōu)槟阏砹艘幌盗心軒椭阌行нM(jìn)行頭腦風(fēng)暴的小建議，另外還有五個(gè)絕妙的應(yīng)用協(xié)助你捋清頭腦風(fēng)暴的流程。

在如今這個(gè)崇尚干凈整潔平衡感的時(shí)代中，網(wǎng)格布局著實(shí)自成一派，形成了一種獨(dú)屬的風(fēng)格。

藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果你想尋找 一些扁平化的設(shè)計(jì)模板參考，留意一下今天的分享：50個(gè)優(yōu)秀的扁平化界面設(shè)計(jì)模板，希望其中有你喜歡和需要的，或者可以給你帶來(lái)靈感的。

Building Company Flash CMS Template

當(dāng)我們建立網(wǎng)站的時(shí)候，我們一般從定義正文開(kāi)始。正文的定義顯示了你的主欄有多寬，其它幾欄的大小就隨它自己內(nèi)容定義了。直到最近，各種屏幕分辨率或多或少是同質(zhì)化的。如今，我們要處理各種屏幕尺寸和分辨率。這讓處理變得更復(fù)雜。

在重整旗鼓的熱情中，我寫(xiě)了一篇關(guān)于響應(yīng)式排版的博客，這篇文章主要專(zhuān)注于我們最近的實(shí)驗(yàn)：響應(yīng)式字體。如果不知道IA的歷史，你可能會(huì)錯(cuò)過(guò)我們新啟動(dòng)的網(wǎng)站中的響應(yīng)式排版和設(shè)計(jì)的一些關(guān)鍵點(diǎn)。我決定從頭做起，一步一步解釋響應(yīng)式排版，而不是整理所有文章。以下是第一步。

liaochongzhi：在工作中我們經(jīng)常會(huì)有banner設(shè)計(jì)需求，和大項(xiàng)目比較，需求方從設(shè)計(jì)成本方面考慮，不會(huì)給設(shè)計(jì)師太多的時(shí)間。那么我們?nèi)绾尾拍茉诙虝r(shí)間內(nèi)做一個(gè)出彩而效果又好的banner呢？ 以下是整理的banner設(shè)計(jì)8技巧，現(xiàn)與大家分享：

一、主題明確

要突出產(chǎn)品主題，讓用戶(hù)一眼就能識(shí)別廣告含義，減少過(guò)多的輔助干擾元素。切忌，banner被切割的太細(xì)碎，內(nèi)容繁多，沒(méi)有瀏覽重心。很多廣告主往往會(huì)認(rèn)為傳達(dá)的信息越多，用戶(hù)越有興趣，其實(shí)并不然，什么都想說(shuō)的廣告，就是什么都沒(méi)說(shuō)好。

在日常工作中，我們會(huì)經(jīng)常做一些小的廣告圖，一般的廣告設(shè)計(jì)的時(shí)間都在1個(gè)小時(shí)內(nèi)，如何在這么短的時(shí)間做出有品質(zhì)的廣告，接下來(lái)跟大家分享下經(jīng)驗(yàn)。

一、做形式

廣告語(yǔ)：2014水滸服務(wù)年，年度S計(jì)劃

分析：水滸Q傳是一款Q版游戲，我們可以從卡通動(dòng)畫(huà)海報(bào)上去找找靈感，以下為兩個(gè)海報(bào)參考，我們看到海報(bào)文字都比較活潑，靈動(dòng)，所以我們的廣告也可以從文字變形方面進(jìn)行設(shè)計(jì)：

從前面我們講的響應(yīng)可以看到，響應(yīng)是雙方的，是互動(dòng)的過(guò)程，在這個(gè)過(guò)程中我們要考慮雙方的承受能力，比如我們總不能讓小孩子扛大包。在咱們網(wǎng)頁(yè)設(shè)計(jì)方面就是咱們要考慮設(shè)備的性能，從網(wǎng)速、Dom 節(jié)點(diǎn)數(shù)量、屏幕的大小等等，如果我們從前后端結(jié)合，對(duì)小孩子給糖果，給苦力大包，那樣就做到了響應(yīng)式。

藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

商務(wù)Web應(yīng)用程序的界面設(shè)計(jì)是一項(xiàng)艱巨的工作，它充斥著各項(xiàng)妥協(xié)。你必須在客戶(hù)和用戶(hù)需求之間，商務(wù)需求和用戶(hù)之間，新手和專(zhuān)家用戶(hù)之間，功能和簡(jiǎn)潔之間妥協(xié)。它需要你充分理解用戶(hù)和他們的任務(wù)，以及界面設(shè)計(jì)準(zhǔn)則和版式。盡管困難，但這項(xiàng)工作卻很有趣，你可以從每個(gè)項(xiàng)目中學(xué)到很多新的東西，并將它用到網(wǎng)站設(shè)計(jì)中去