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

在重整旗鼓的熱情中，我寫(xiě)了一篇關(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)畫(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ì)( www.li-bodun.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ù)

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

回到我們的主題，從簡(jiǎn)筆畫(huà)開(kāi)始，我想表達(dá)的是，卡通造型設(shè)計(jì)并沒(méi)有那么多的條條框框的束縛，它就像畫(huà)簡(jiǎn)筆畫(huà)一樣，是一個(gè)逐步積累，由簡(jiǎn)單到復(fù)雜，再到簡(jiǎn)單的過(guò)程，有了更多更全面的積累，就會(huì)越具備概括總結(jié)的能力。

藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.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ù)

過(guò)去這些年，HTML5顛覆了PC互聯(lián)網(wǎng)的格局，優(yōu)化了移動(dòng)互聯(lián)網(wǎng)的體驗(yàn)，接下來(lái)，HTML5將顛覆原生App世界。這聽(tīng)起來(lái)有點(diǎn)危言聳聽(tīng)，但若認(rèn)真分析HTML5的發(fā)展史，你會(huì)發(fā)現(xiàn)，這個(gè)世界的發(fā)展趨勢(shì)確實(shí)就是這樣。

藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.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ù)

現(xiàn)在，對(duì)于任何種類的網(wǎng)站開(kāi)發(fā)來(lái)說(shuō)，響應(yīng)式Web設(shè)計(jì)都不能再局限于紙上談兵，其是開(kāi)發(fā)階段的一個(gè)關(guān)鍵步驟。作為設(shè)計(jì)師和開(kāi)發(fā)人員，我們必須要了解有效響應(yīng)式設(shè)計(jì)的重要性以及其在保證優(yōu)秀終端用戶體驗(yàn)方面的作用。

藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.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í)未來(lái)如何發(fā)展是沒(méi)人能準(zhǔn)確預(yù)測(cè)的，變量非常多。但我想讓用戶和開(kāi)發(fā)者都更方便的趨勢(shì)是不會(huì)錯(cuò)的。歡迎大家一起討論 HTML5 的問(wèn)題，在爭(zhēng)議中提煉真知。

藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.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ù)