網(wǎng)頁banner制作的技巧

以下是贏在威客網(wǎng)小編整理的網(wǎng)頁banner制作技巧如下：

　　網(wǎng)頁設(shè)計中的 Banner設(shè)計其實是我們接觸互聯(lián)網(wǎng)工作后，最常見一種工作。那么Banner到底是什么呢？Banner的核心使命其實是吸引用戶關(guān)注，然后被點(diǎn)擊。他的主旨就是主題明確，突出關(guān)鍵內(nèi)容，抓住用戶眼球。一個Banner他是由“背景、主視覺和標(biāo)題文字”三部分組成，在我剛剛接到需求的時候，我首先分析他的重點(diǎn)詞、字，想要表達(dá)什么，分析好了后可以在紙上畫下草稿，在大腦里有個大概的視覺效果，想法多的話可以畫幾版不一樣的，最后根據(jù)草稿定一個定稿，接下來就可以找素材著手做了。在做期間，還要注意整體的美觀，讓人看起來舒服。

　　關(guān)于Banner的設(shè)計，相信已經(jīng)有很多人都看過這方面經(jīng)驗的分享了，我來公司也做過了一些Banner的設(shè)計，那在這其中通過不斷的學(xué)習(xí)、實踐積累了自己的一些小小經(jīng)驗和方法給大家分享。

　　一、背景

　　我們畫畫的同學(xué)可能都知道，一個畫面不可能都面面俱到，重點(diǎn)的需要細(xì)致刻畫，有的一筆帶過即可。設(shè)計一個Banner有時候就像畫畫似的，首先要有大的環(huán)境，那Banner的背景就好比大環(huán)境，其實主要是起到襯托、烘托氣氛的作用。一個新需求過來，首先我們考慮要營造一個什么樣的環(huán)境，什么樣的氣氛，是歡快的、悲傷的、可愛的還是…比如過年，可能就用紅橙色，比如兒童類的，顏色上就要純一點(diǎn)，活潑點(diǎn)等等。

　　但是需要注意一點(diǎn)，背景不能太花，否則會影響整體的一個可讀識性，簡單，清晰即可。

　　二、主視覺元素

　　設(shè)計中的主視覺要清楚，符合主題，元素不可太多，否則看起來跟人感覺就會亂。有的人在做時只要是有地，就全放滿，其實頁面適當(dāng)?shù)摹傲舭住币彩翘嵘嬅嫫焚|(zhì)的一個好方法。視覺元素不論是人物，還是其他，一定要清晰，在我們找素材的時候也要找像素質(zhì)量高的，我一般會去站酷、昵圖網(wǎng)、花瓣或者直接google搜，不要太多。還有一點(diǎn)注意的是不可盜用他人的作品，頭像等等。

　　東西太多，想表達(dá)的也太多，這時候需要用戶去花時間思考它想告訴我們什么，而往往這時候用戶是不愿意是思考的，一是畫面不知道他要表達(dá)什么，二是整體上沒有吸引住用戶的眼睛，這種情況下這個Banner設(shè)計是做到比較失敗的。

　　三、標(biāo)題文字

　　標(biāo)題文字非常重要，是整個Banner的主題，重點(diǎn)文字一定要在背景中突出出來，不論用顏色對比、放大、變形設(shè)計還是即便做立體效果等等。（這里我分享一個經(jīng)驗，就是在頁面上新建一個黑色的圖層，樣式改成飽和度，整體上成黑白的效果后一眼就能看出來了）

　　最后總結(jié)幾點(diǎn)：


　　1.畫面整體統(tǒng)一，顏色搭配的看起來舒服；

　　2.頁面元素要以組為單位；（如文字和文字之間的間距不要過大，讓人看起來是一組）

　　3.采用吸引力的用語，或者添加“火速參與”等刺激性的詞語按鈕等，讓用戶在最短的時間內(nèi)有去點(diǎn)擊他的欲望。

　　4.主次對比分明，合理安排頁面布局；

　　5.輸出K數(shù)不宜過大，否則加載速度會慢；

　　6.最后最重要的一點(diǎn)是，前期工作一定要與需求方溝通好，要知道，在工作中，溝通是非常重要的一件事情。