比起純粹的商務(wù)網(wǎng)站，設(shè)計(jì)師會(huì)更青睞允許自由發(fā)揮創(chuàng)意的項(xiàng)目。從網(wǎng)頁(yè)設(shè)計(jì)的角度上來(lái)說(shuō)，“普通”的網(wǎng)站也正是需要借助創(chuàng)意來(lái)脫穎而出，尤其是產(chǎn)品宣傳網(wǎng)站，更是有足夠的空間來(lái)供設(shè)計(jì)師來(lái)發(fā)揮他們的狂拽酷炫的創(chuàng)意。實(shí)際上如果你正在尋求網(wǎng)站設(shè)計(jì)創(chuàng)意靈感的話，那么這些宣傳網(wǎng)站正是你需要的。

接下來(lái)我們要推薦的20個(gè)宣傳網(wǎng)站中，既有精致的產(chǎn)品宣傳頁(yè)，也有氛圍營(yíng)造得恰如其分的活動(dòng)宣傳頁(yè)，還有幾個(gè)創(chuàng)意爆棚的個(gè)人宣傳網(wǎng)站。這些網(wǎng)站無(wú)一不是設(shè)計(jì)精美的典范，更重要的是其中包含了設(shè)計(jì)師精心設(shè)計(jì)的交互和動(dòng)效。如果你有時(shí)間的話，每個(gè)網(wǎng)站都仔細(xì)把玩一番，絕對(duì)讓你獲益匪淺！

編者按：今天微博上看到一位設(shè)計(jì)師說(shuō)：做，就會(huì)錯(cuò)；可不做，永遠(yuǎn)對(duì)不了。深以為然，趕緊點(diǎn)贊。如果那么巧，你剛好在不斷試錯(cuò)的設(shè)計(jì)階段，那今天這篇好聞推薦學(xué)習(xí)一下。作者分享了9個(gè)實(shí)用的小技巧，幫你的半成品設(shè)計(jì)變成完整好看的作品，希望同學(xué)們多動(dòng)手多看前輩的經(jīng)驗(yàn)，一起加油。

說(shuō)這句話的設(shè)計(jì)師是@牛MO王涵 ，他也在優(yōu)設(shè)分享過(guò)很多好文喲：《過(guò)稿有訣竅！5個(gè)超實(shí)用技巧讓設(shè)計(jì)作品變得高大上》

也許你還是一個(gè)設(shè)計(jì)新手，但你也想讓你的設(shè)計(jì)作品看起來(lái)更好看些（可是你的作品還不太符合既定的模板）。或許你也想明白到底是什么因素成就了那些偉大的設(shè)計(jì)作品，但現(xiàn)在，你必須先去完成一些其他的事情。根據(jù)這個(gè)建議，你應(yīng)該先學(xué)習(xí)如何去完善你的半成品設(shè)計(jì)，簡(jiǎn)而言之，你應(yīng)該是去學(xué)習(xí)，而不是在想象的海洋中盲目掙扎。那么讓我們言歸正傳吧。

“扁平化設(shè)計(jì)”的使用正逐漸成為網(wǎng)頁(yè)和UI設(shè)計(jì)近期的大趨勢(shì)，同時(shí)也是時(shí)下的一個(gè)熱門(mén)話題，各種探討和學(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)暴的流程。

當(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)品主題，讓用戶一眼就能識(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)畫(huà)海報(bào)上去找找靈感，以下為兩個(gè)海報(bào)參考，我們看到海報(bào)文字都比較活潑，靈動(dòng)，所以我們的廣告也可以從文字變形方面進(jìn)行設(shè)計(jì)：