網(wǎng)頁推廣設(shè)計的幾個要點
2011-08-26 文章來源: 深達(dá)設(shè)計
在開始聊我在阿里四個月的網(wǎng)頁推廣設(shè)計之前，我想先來說說我對平面設(shè)計和網(wǎng)頁設(shè)計的認(rèn)識。
它們之間的交集。
它們都是集藝術(shù)創(chuàng)作、電腦技術(shù)和數(shù)字技術(shù)于一體的，以“視覺”（包括符號、圖片和文字）作為溝通和表現(xiàn)方式的一種創(chuàng)造過程。設(shè)計師一般會利用字體排印、視覺藝術(shù)、版面編排（page layout）等方面的專業(yè)技巧，來達(dá)成創(chuàng)作計劃的目的。
它們都講求視覺上的快速、正確、有效的信息傳達(dá)，都在訴說一個理念或品牌，都具有商業(yè)價值，它們的目標(biāo)是信息、提示、促銷和產(chǎn)生連鎖反應(yīng)等。
同時他們之間的區(qū)別也是顯而易見的，主要表現(xiàn)在：
1.設(shè)計實現(xiàn)的介質(zhì)不同。
平面設(shè)計實現(xiàn)的載體具有多樣性，紙、塑料、布、木頭、金屬等，一般都與印刷有關(guān)，因此它受到印刷的限制最大，例如對印刷紙張的材質(zhì)、規(guī)格的要求，對字種字號的要求等，最明顯的是印刷的最小字體普遍使用識別性較好的有襯線字體。平面設(shè)計給人的體驗主要來自視、觸覺兩個方面。
網(wǎng)頁設(shè)計通過屏幕的顯示來實現(xiàn)，它與平面設(shè)計最大的區(qū)別是介入了多媒體技術(shù)的應(yīng)用，但同時受網(wǎng)速的制約。在文字處理上，屏幕的像素化顯示要求文字必須設(shè)置消除鋸齒來保證文字的識別性。網(wǎng)頁設(shè)計通過視聽被用戶感知。
2.信息的承載量不同。
平面設(shè)計的產(chǎn)出物包括海報、宣傳冊、雜志、包裝、廣告等，它們每一次所承載的內(nèi)容是相對有限的，而網(wǎng)頁設(shè)計每屏的信息承載量比平面設(shè)計大很多（因為網(wǎng)頁的滾動條可以無限拖動）。
進阿里近兩個多月時做的推廣設(shè)計，我一直在范本末倒置的錯誤。為了突出推廣產(chǎn)品的品質(zhì)感，我把對優(yōu)質(zhì)的產(chǎn)品圖，合適的人物、場景圖的選擇作為看作推廣視覺表達(dá)的最重要的環(huán)節(jié)。某天有個同事在我身后說：設(shè)計與繪畫一樣，當(dāng)你停下來的任何時候它都應(yīng)該是完整的！因為這句話，我逐漸對推廣設(shè)計的要點進行了歸納、分析，下面這幾點是我這段時間做網(wǎng)頁推廣設(shè)計的認(rèn)識。
1.正確地理解需求的訴求點，并盡快達(dá)成共識。
當(dāng)我們接到一個需求demo時，設(shè)計師會先獨立地解讀，包括：對需求訴求點的明確，頁面的整體氛圍的感受等，接下來就是對網(wǎng)頁設(shè)計新人而言比較有挑戰(zhàn)性的環(huán)節(jié)——需求溝通。由于知識結(jié)構(gòu)的不同，設(shè)計師和需求方對于同一個效果的認(rèn)識會不盡相同，這時我們可以進入到下一個環(huán)節(jié)。
2.明確頁面設(shè)計的主題，投放的環(huán)境等，確定設(shè)計的氛圍和色調(diào)。
這個過程中我們應(yīng)該盡量多地讓需求方來描述她們所認(rèn)為的這個活動想傳達(dá)給人的感覺，設(shè)計師借此把這種感覺用關(guān)鍵的文字與需求方達(dá)成共識。
3.主題文字的重中之重的確定，交互稿子的審核。
經(jīng)過這兩步，設(shè)計師可以花半個到一個小時的時間勾勒下這個頁面的框架，包括構(gòu)圖，主題文字、元素的組合，行動點的安排等等，把第一個大致的稿子給需求方過一遍，進一步的溝通和明確以后可以開始設(shè)計了。這樣做的好處是，設(shè)計的方向相當(dāng)明確。
4.合理有效地編排設(shè)計。
網(wǎng)頁設(shè)計不同于平面設(shè)計，它的顯示空間完全依賴顯示器的大小，因此網(wǎng)頁設(shè)計的第一屏給人的印象直接決定了用戶下一次還會不會再光顧，這就要求設(shè)計師必須同時合理安排好頁面的各個板塊的布局和銜接，保證信息傳達(dá)的快速、準(zhǔn)確、有效性，做到明確而自然。這里要強調(diào)一點的是過度渲染視覺效果的熱鬧而讓客戶不知所云的設(shè)計是沒有價值的。
最后，當(dāng)我們的頁面有了重點，細(xì)節(jié)塑造以后，我們需要對頁面進行最終的整合，頁面左右上下是不是均衡，色調(diào)，光線是不是統(tǒng)一等等，做一些輕微的調(diào)整。
下面是我畢業(yè)這幾個月做的一些推廣banner，包括活動營銷推廣、商品營銷推廣、郵件/論壇帖。
從我這幾個月的設(shè)計感受來說，對于一個剛畢業(yè)的設(shè)計師，在溝通方面的能力提高最重要，要學(xué)會換位思考。對需求的認(rèn)識和理解要及時與需求方探討，挖掘需求的訴求點進行突出表現(xiàn)。在技術(shù)上要堅持不斷地練習(xí)、探索，嘗試用不同的表現(xiàn)風(fēng)格（可愛、炫酷、手繪、簡約、雅致等），不斷提高專業(yè)技能，使創(chuàng)意和技術(shù)達(dá)到完美結(jié)合。
