在開始聊我在阿里四個(gè)月的網(wǎng)頁推廣設(shè)計(jì)之前，我想先來說說我對(duì)平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)的認(rèn)識(shí)。

　　它們之間的交集。

　　1.它們都是集藝術(shù)創(chuàng)作、電腦技術(shù)和數(shù)字技術(shù)于一體的，以“視覺”(包括符號(hào)、圖片和文字)作為溝通和表現(xiàn)方式的一種創(chuàng)造過程。設(shè)計(jì)師一般會(huì)利用字體排印、視覺藝術(shù)、版面編排(page layout)等方面的專業(yè)技巧，來達(dá)成創(chuàng)作計(jì)劃的目的。

　　2.它們都講求視覺上的快速、正確、有效的信息傳達(dá)，都在訴說一個(gè)理念或品牌，都具有商業(yè)價(jià)值，它們的目標(biāo)是信息、提示、促銷和產(chǎn)生連鎖反應(yīng)等。

　　同時(shí)他們之間的區(qū)別也是顯而易見的，主要表現(xiàn)在

　　1.設(shè)計(jì)實(shí)現(xiàn)的介質(zhì)不同

　　平面設(shè)計(jì)實(shí)現(xiàn)的載體具有多樣性，紙、塑料、布、木頭、金屬等，一般都與印刷有關(guān)，因此它受到印刷的限制最大，例如對(duì)印刷紙張的材質(zhì)、規(guī)格的要求，對(duì)字種字號(hào)的要求等，最明顯的是印刷的最小字體普遍使用識(shí)別性較好的有襯線字體。平面設(shè)計(jì)給人的體驗(yàn)主要來自視、觸覺兩個(gè)方面。

　　網(wǎng)頁設(shè)計(jì)通過屏幕的顯示來實(shí)現(xiàn)，它與平面設(shè)計(jì)最大的區(qū)別是介入了多媒體技術(shù)的應(yīng)用，但同時(shí)受網(wǎng)速的制約。在文字處理上，屏幕的像素化顯示要求最小的文字必須設(shè)置消除鋸齒來保證文字的識(shí)別性。網(wǎng)頁設(shè)計(jì)通過視聽被用戶感知。

　　2.信息的承載量不同

　　平面設(shè)計(jì)的產(chǎn)出物包括海報(bào)、宣傳冊(cè)、雜志、包裝、廣告等，它們每一次所承載的內(nèi)容是相對(duì)有限的，而網(wǎng)頁設(shè)計(jì)每屏的信息承載量比平面設(shè)計(jì)大很多(因?yàn)榫W(wǎng)頁的滾動(dòng)條可以無限拖動(dòng))。

　　進(jìn)阿里近兩個(gè)多月時(shí)做的推廣設(shè)計(jì)，我一直在范本末倒置的錯(cuò)誤。為了突出推廣產(chǎn)品的品質(zhì)感，我把對(duì)優(yōu)質(zhì)的產(chǎn)品圖，合適的人物、場(chǎng)景圖的選擇看作推廣視覺表達(dá)的最重要的環(huán)節(jié)。某天有個(gè)同事在我身后說：設(shè)計(jì)與繪畫一樣，當(dāng)你停下來的任何時(shí)候它都應(yīng)該是完整的!因?yàn)檫@句話，我逐漸對(duì)推廣設(shè)計(jì)的要點(diǎn)進(jìn)行了歸納、分析，下面這幾點(diǎn)是我這段時(shí)間做網(wǎng)頁推廣設(shè)計(jì)的認(rèn)識(shí)。

　　1.正確地理解需求的訴求點(diǎn)，并盡快達(dá)成共識(shí)

　　當(dāng)我們接到一個(gè)需求demo時(shí)，設(shè)計(jì)師會(huì)先獨(dú)立地解讀，包括：對(duì)需求訴求點(diǎn)的明確，頁面的整體氛圍的感受等，接下來就是對(duì)網(wǎng)頁設(shè)計(jì)新人而言比較有挑戰(zhàn)性的環(huán)節(jié)——需求溝通。由于知識(shí)結(jié)構(gòu)的不同，設(shè)計(jì)師和需求方對(duì)于同一個(gè)效果的認(rèn)識(shí)會(huì)不盡相同，這時(shí)我們可以進(jìn)入到下一個(gè)環(huán)節(jié)，

　　2.明確頁面設(shè)計(jì)的主題，投放的環(huán)境等，確定設(shè)計(jì)的氛圍和色調(diào)

　　這個(gè)過程中我們應(yīng)該盡量多地讓需求方來描述她們所認(rèn)為的這個(gè)活動(dòng)想傳達(dá)給人的感覺，設(shè)計(jì)師借此把這種感覺用關(guān)鍵的文字與需求方達(dá)成共識(shí)，

　　3.主題文字的重中之重的確定，交互稿子的審核

　　經(jīng)過這兩步，設(shè)計(jì)師可以花半個(gè)到一個(gè)小時(shí)的時(shí)間勾勒下這個(gè)頁面的框架，包括構(gòu)圖，主題文字、元素的組合，行動(dòng)點(diǎn)的安排等等，把第一個(gè)大致的稿子給需求方過一遍，進(jìn)一步的溝通和明確以后可以開始設(shè)計(jì)了。這樣做的好處是，設(shè)計(jì)的方向相當(dāng)明確，

　　4.合理有效地編排設(shè)計(jì)。

　　網(wǎng)頁設(shè)計(jì)不同于平面設(shè)計(jì)，它的顯示空間完全依賴顯示器的大小，因此網(wǎng)頁設(shè)計(jì)的第一屏給人的印象直接決定了用戶下一次還會(huì)不會(huì)再光顧，這就要求設(shè)計(jì)師必須同時(shí)合理安排好頁面的各個(gè)板塊的布局和銜接，保證信息傳達(dá)的快速、準(zhǔn)確、有效性，做到明確而自然。這里要強(qiáng)調(diào)一點(diǎn)的是過度渲染視覺效果的熱鬧而讓客戶不知所云的設(shè)計(jì)是沒有價(jià)值的。

　　最后，當(dāng)我們的頁面有了重點(diǎn)，細(xì)節(jié)塑造以后，我們需要對(duì)頁面進(jìn)行最終的整合，頁面左右上下是不是均衡，色調(diào)，光線是不是統(tǒng)一等等，做一些輕微的調(diào)整。

　　下面是我畢業(yè)這幾個(gè)月做的一些推廣banner,包括活動(dòng)營(yíng)銷推廣、商品營(yíng)銷推廣、郵件/論壇帖。