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