毫無(wú)疑問(wèn)網(wǎng)站的配色是非常重要的。創(chuàng)建一套具有凝聚力又能抓人眼球的色板是創(chuàng)建一個(gè)成功網(wǎng)站的先決條件。在技術(shù)發(fā)展的驅(qū)動(dòng)之下，我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)的時(shí)候可以更加地控制色彩，這也使得色板的精細(xì)打磨顯得更加必要和重要。今天這個(gè)網(wǎng)站配色完全學(xué)習(xí)指南，就是想更加系統(tǒng)地解決這個(gè)問(wèn)題。

UI最重要組建之一就是圖標(biāo)，隨著扁平化設(shè)計(jì)的發(fā)展趨勢(shì)，越來(lái)越注重圖標(biāo)的簡(jiǎn)潔與寓意表達(dá)，平面圖標(biāo)已占主導(dǎo)地位。

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

眾所周知，時(shí)下的設(shè)計(jì)發(fā)展趨勢(shì)是扁平化、簡(jiǎn)約。谷歌的視覺(jué)表達(dá)創(chuàng)意實(shí)驗(yàn)室曾創(chuàng)作出許多優(yōu)秀的作品，現(xiàn)在讓我們來(lái)分析一下谷歌的視覺(jué)表達(dá)設(shè)計(jì)理念。希望能對(duì)您的設(shè)計(jì)有所幫助。

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

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

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

在重整旗鼓的熱情中，我寫了一篇關(guān)于響應(yīng)式排版的博客，這篇文章主要專注于我們最近的實(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)品主題，讓用戶一眼就能識(shí)別廣告含義，減少過(guò)多的輔助干擾元素。切忌，banner被切割的太細(xì)碎，內(nèi)容繁多，沒(méi)有瀏覽重心。很多廣告主往往會(huì)認(rèn)為傳達(dá)的信息越多，用戶越有興趣，其實(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)畫海報(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ì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)