網(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é)合。