平面Banner如何進(jìn)行設(shè)計(jì)制作?
平面Banner如何進(jìn)行設(shè)計(jì)制作?
我們的網(wǎng)站,是由若干個(gè)“碎片”組成的,那么其中Banner的作用,想必大家都知道,或許很多朋友,對于親手操刀Banner來說,事件不可想象的事情,自己審美不行、技術(shù)不行等,做不了,其實(shí)呢,Banner的制作很簡單。
首先我們要知道,Banner不僅僅是裝飾網(wǎng)站,更重要的是,Banner需要給用戶傳遞有用的信息,并且,并不是越復(fù)雜的Banner就是越好的Banner,只要Banner做的簡單、唯美,達(dá)到了傳達(dá)信息的作用,就是一個(gè)出色的Banner。
1、我們的Banner需要給客戶傳遞什么信息?
這個(gè)第一步呢,主要是讓我們自身知道,我們的Banner主要給用戶傳遞什么信息,基本與設(shè)計(jì)沒什么關(guān)系,簡單的說,比如,我們需要用Banner圖片,來給用戶傳遞品牌LOGO信息、一套html與css的視頻教程信息,只要我們知道這個(gè),就OK,可以看下一步了。
2、誰前誰后?
我們剛剛在第一步中,知道了Banner圖要給用戶傳遞什么信息,那么到這一步,就快慢慢接觸到設(shè)計(jì)了,我們要定一個(gè)“誰前誰后”,其實(shí)就是讓用戶看這個(gè)Banner圖的時(shí)候,是先看到LOGO信息,還是先看到html與css的視頻教程信息,其實(shí)就是引導(dǎo)用戶看哪里,給我們想要表達(dá)的信息定一個(gè)優(yōu)先級(jí)。 比如,用戶閱讀網(wǎng)頁也好,圖片也罷,都是至上而下,至左而右,所以,一般的網(wǎng)站設(shè)計(jì),都是將LOGO放到左上角。
blob.png
3、Banner的整體配色
既然我們想要做一個(gè)好的Banner圖片,那么在配色上,就得下點(diǎn)功夫了,簡單大氣的配色,可以瞬間讓Banner甚至網(wǎng)站整體,提升一個(gè)檔次。
4、整體的Banner排版
上邊,基本把Banner圖片的排版給確定了,這一步,其實(shí)就是讓我們的Banner圖片變的好看點(diǎn)。 以上呢,就是簡單的步驟,其實(shí)做好Banner圖,很簡單的。

banner設(shè)計(jì)的標(biāo)準(zhǔn)是什么?
打開網(wǎng)站頁面我們會(huì)看到顏色豐富、圖案各異的banner圖片,它們的大小也是不一樣的。banner的設(shè)計(jì)尺寸是由網(wǎng)站本身的設(shè)計(jì)規(guī)格和廣告圖片的規(guī)格決定的,可以說它的設(shè)計(jì)規(guī)格是沒有固定要求的。雖然沒有嚴(yán)格的規(guī)定banner的設(shè)計(jì)尺寸,但是從網(wǎng)站banner設(shè)計(jì)的頁面規(guī)格分析,下面時(shí)間財(cái)富威客網(wǎng)就帶您一起來了解下常用的網(wǎng)站banner設(shè)計(jì)尺寸標(biāo)準(zhǔn)。
Internet Advertising Bureau (IAB,國際廣告局)的"標(biāo)準(zhǔn)和管理委員會(huì)"聯(lián)合Coalition for Advertising Supported Informatiln and Entertainment(CASIE,廣告支持信息和娛樂聯(lián)合會(huì))聯(lián)合推出了一系列網(wǎng)絡(luò)廣告宣傳物的標(biāo)準(zhǔn)尺寸。這些尺寸作為建議,提供給廣告生產(chǎn)省和消費(fèi)者,使大家都能接受?,F(xiàn)在網(wǎng)站上的廣告幾乎都遵循IAC/CASIE標(biāo)準(zhǔn)。
1997年第一次標(biāo)準(zhǔn)公布
Num Size(pix) Name
1 468×60 全尺寸banner
2 392×72 全尺寸帶導(dǎo)航條banner
3 234×60 半尺寸banner
4 125×125 方形按鈕
5 120×90 按鈕#1或小圖標(biāo)
6 120×60 按鈕#2或小圖標(biāo)
7 88×31 小按鈕或banner
8 120×240 垂直banner
2001年第二次標(biāo)準(zhǔn)公布
Num Size(pix) Name
1 120×600 "摩天大樓"形
2 160×600 寬"摩天大樓"形
3 180×150 長方形
4 300×250 中級(jí)長方形
5 336×280 大長方形
6 240×400 豎長方形
7 250×250 "正方形彈出式"廣告
IAB 將不再支持1997年第一次公布標(biāo)準(zhǔn)中的392×72形。
從banner自身的設(shè)計(jì)大小看
1、全尺寸banner橫幅設(shè)計(jì)為468*60px,半尺寸banner為234*60px,小banner為88*31px,另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸;2、頁面長度原則上不超過3屏,寬度不超過1屏。
3、每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K。
4、每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小,即8.5*11英寸。
除了標(biāo)準(zhǔn)標(biāo)志廣告,早期的網(wǎng)絡(luò)廣告還有一種略小一點(diǎn)的廣告,稱為按鈕式廣告(BUTTON),常用的按鈕廣告尺寸有四種:125×125(方形按鈕),120×90,120×60,88×31。隨著網(wǎng)絡(luò)廣告的不斷發(fā)展,新形式和規(guī)格的網(wǎng)絡(luò)廣告不斷出現(xiàn),因此美國交互廣告署(IAB)也在不斷頒布新的網(wǎng)絡(luò)廣告標(biāo)準(zhǔn)。
動(dòng)態(tài)banner設(shè)計(jì)的設(shè)計(jì)技巧有哪些?
在工作中我們經(jīng)常會(huì)有banner設(shè)計(jì)需求,和大項(xiàng)目比較,需求方從設(shè)計(jì)成本方面考慮,不會(huì)給設(shè)計(jì)師太多的時(shí)間。那么我們?nèi)绾尾拍茉诙虝r(shí)間內(nèi)做一個(gè)出彩而效果又好的banner呢?
一、主題明確
要突出產(chǎn)品主題,讓用戶一眼就能識(shí)別廣告含義,減少過多的輔助干擾元素。切忌,banner被切割的太細(xì)碎,內(nèi)容繁多,沒有瀏覽重心。很多廣告主往往會(huì)認(rèn)為傳達(dá)的信息越多,用戶越有興趣,其實(shí)并不然,什么都想說的廣告,就是什么都沒說好。
二、重點(diǎn)文字突出
用文字進(jìn)一步的告訴用戶,是打折或還是新貨上市?如果我們最大的買點(diǎn)就是”4.1″折起,那么毫無疑問,”4.1″折的字樣一定要大,要醒目,其余的則需要相應(yīng)的弱化。
三、符合閱讀習(xí)慣
閱讀視線要符合用戶從左到右、從上到下的瀏覽習(xí)慣。
四、用最短時(shí)間激起點(diǎn)擊欲望
用戶瀏覽網(wǎng)頁的集中注意力時(shí)間一般也就幾秒,所以不需要太多過場動(dòng)畫,需第1時(shí)間進(jìn)行產(chǎn)品的展示,命中主題。并配以鼓動(dòng)人心的措辭口號(hào)引導(dǎo)用戶。
五、色彩不要過于要醒目
有些廣告主要求使用比較夸張的色彩來吸引訪問者眼球,希望由此提升Banner的關(guān)注度。實(shí)際上,”亮” 色雖然能吸引眼球,但往往會(huì)讓訪問者感覺刺眼、不友好甚至產(chǎn)生反感。所以,過度耀眼的色彩是不可取的。
六、產(chǎn)品數(shù)量不宜過多
很多廣告主總是想展示更多產(chǎn)品,少則4-5個(gè),多則8-10個(gè),結(jié)果使得整個(gè)Banner變成產(chǎn)品的堆砌。Banner的顯示尺寸非常有限,擺放太多產(chǎn)品,反而被淹沒,視覺效果大打折扣。所以,產(chǎn)品圖片不是越多越好,易于識(shí)別是關(guān)鍵。
七、信息數(shù)量要平衡
很多人總認(rèn)為信息多就,覺得所有信息都很重要,都要求突出,結(jié)果其反。如果banner上滿是吸引點(diǎn),那用戶只會(huì)被注意,所以在Banner的有限空間內(nèi)做好各種信息的平衡和協(xié)調(diào)非常重要。
八、留空
banner畫面中需要留空,留空可以使圖形和文字有呼吸的空間。
總結(jié)
通過以上總結(jié)出,我們在設(shè)計(jì)制作Banner時(shí),需要注意以下幾點(diǎn)1.突出產(chǎn)品及其特征,采用有吸引力的宣傳用語,適當(dāng)弱化公司名稱和標(biāo)識(shí);2.圖片并非越多越好,突出重點(diǎn)是關(guān)鍵,必要的產(chǎn)品說明不能少3.合理安排畫面內(nèi)容,做到主次對比鮮明
4.顏色不宜過度夸張,努力營造愉悅、舒服的感觀感受