Banuer詞在英文中的意思為旗幟,也就是常說(shuō)的廣告條,主要用于傳遞些信息,起到廣而告之的目的,例如,網(wǎng)站要開(kāi)展的活動(dòng)網(wǎng)站的新動(dòng)同、商品信息等。Banner與LOGO在傳遞信息方面的區(qū)別在于網(wǎng)站的Banner可以用于非本網(wǎng)站的信息傳遞。下面網(wǎng)站制作公司就bannuer圖對(duì)于網(wǎng)站的重要性作如下說(shuō)明:
網(wǎng)站Banner
相信大家對(duì)網(wǎng)站的Banuer都很熟悉,因?yàn)樵跒g覽網(wǎng)頁(yè)時(shí),經(jīng)常會(huì)被各種各樣設(shè)計(jì)獨(dú)特、色彩艷麗的Banner所吸引。由于網(wǎng)站Banner的作用就是向廣大的訪(fǎng)問(wèn)者傳遞信息,而且隨著網(wǎng)絡(luò)的發(fā)展,網(wǎng)站Banner已經(jīng)成為網(wǎng)絡(luò)廣告的重要途徑,也是一些以廣告為盈利目的網(wǎng)站的重要手段,所以在設(shè)計(jì)網(wǎng)站Banner時(shí)應(yīng)該注意以下幾點(diǎn)。
1.具有鮮明的色彩
網(wǎng)站Banner只有具有鮮明的色彩,才能在第時(shí)間吸引訪(fǎng)問(wèn)者的注意,色彩的選用,應(yīng)該盡量使用紅、橙、藍(lán)、綠、黃等艷麗的顏色,
網(wǎng)站設(shè)計(jì)制作bannuer圖9-68所示的Banner使用了4種顏色組合。
2.語(yǔ)言具有號(hào)召力
日常生活中做廣告的目的,就是要使消費(fèi)者去購(gòu)買(mǎi)所宣傳的產(chǎn)品,在消費(fèi)者的心中樹(shù)立該產(chǎn)品的形象。如熟悉的雪碧飲料的廣告語(yǔ)“晶晶亮,透心涼”,奧柯瑪冰柜的廣告語(yǔ)“沒(méi)有最好,只有更好”等,這些廣告都是通過(guò)具有號(hào)召力的語(yǔ)言而深入人心。在網(wǎng)站的Banner中也同樣具有這個(gè)特點(diǎn),讓文字給訪(fǎng)問(wèn)者很強(qiáng)的號(hào)召力、吸引力,如圖9-69所示的Banuer所使用的語(yǔ)言。
網(wǎng)站設(shè)計(jì)Bannuer制作語(yǔ)言圖9-69語(yǔ)言具有號(hào)召力
3.文字的字體
Banner的設(shè)計(jì)初衷就是要最大限度地吸引訪(fǎng)問(wèn)者的注意力,所以字體的字號(hào)不能過(guò)小,字體的間隙也不能過(guò)于擁擠,一般來(lái)說(shuō)選擇的字體要大小適中,字體之間要用足夠的間隙,使其能夠清晰地展現(xiàn)在訪(fǎng)問(wèn)者的視線(xiàn)中。如圖9-70所示的
Banner的字體就十分清晰,使訪(fǎng)問(wèn)者能很直觀地了解其所傳遞的信息。
4.圖形
在Banner設(shè)計(jì)中,主體圖形一般都會(huì)放置在Banner的左側(cè),這樣符合瀏覽的習(xí)慣,因?yàn)槿嗽诳次矬w時(shí),都是按照視覺(jué)習(xí)睫,從左到右瀏覽,所以將圖形放置到Banuer的左側(cè),更能吸引訪(fǎng)問(wèn)者的注意,如圖9-71所示。
網(wǎng)站設(shè)計(jì)Bannuer制作示意圖9-71圖形的使用
網(wǎng)站制作公司Banner實(shí)例設(shè)計(jì)步驟
Banner和LOGO樣也有一定的標(biāo)準(zhǔn),1999年美國(guó)報(bào)業(yè)協(xié)會(huì)第次公布了網(wǎng)絡(luò)廣告(Banner)標(biāo)準(zhǔn)。
1.橫幅廣告長(zhǎng)寬為468×60像素。
2.導(dǎo)航廣告長(zhǎng)寬為392×9 2像素。
3.半幅廣告長(zhǎng)寬為234×60像素。
4.豎幅廣告長(zhǎng)寬為120×240像素。
2001年美國(guó)互聯(lián)網(wǎng)廣告聯(lián)合會(huì)公布了新網(wǎng)絡(luò)廣告標(biāo)準(zhǔn)
1.“摩天大樓”形長(zhǎng)寬為120×600像素。
2.“寬摩天大樓”形長(zhǎng)寬為160×600像素
3.長(zhǎng)方形長(zhǎng)寬為180×150像素。
4.中級(jí)長(zhǎng)方形長(zhǎng)寬為300×250像素。
5.大長(zhǎng)方形長(zhǎng)寬為336×280像素。
6.豎長(zhǎng)方形長(zhǎng)寬為240×400像素。
7.“正方形彈出”式廣告長(zhǎng)寬為200×250像素。
目前,制作Banner所使用的工具主要包括Flash、Photoshop等。Flash適臺(tái)制作超眩動(dòng)態(tài)效果的網(wǎng)頁(yè)廣告,而Photoshop僅能夠制作靜態(tài)圖像廣告,不過(guò)其適應(yīng)范圍和適應(yīng)能力部比較強(qiáng)。
網(wǎng)站設(shè)計(jì)制作公司下面通過(guò)個(gè)實(shí)例介紹在Photoshop中制作廣告條的般方法和步驟,顯示效果如圖9-72所示
設(shè)計(jì)思路:本作品是個(gè)溫泉廣告,溫泉總是給人種溫暖的、放松的感覺(jué),這種感覺(jué)好像人沐浴在春風(fēng)里樣。這讓人想到了春天和春天里面的桃花。同時(shí),洗溫泉時(shí).需要用到的木桶木盆。所用素材:雪山大地、枝桃花、一個(gè)術(shù)盆,一個(gè)木勺。
【操作步驟】
第1步.啟動(dòng)Photoshop.新建個(gè)寬為0372像素,高為188像素的文檔.保存為banner.psd。
第2步,選擇【文件】 【置人】命令,導(dǎo)入素村文件l_ jpg。調(diào)整大小和位置,使完全覆蓋文檔窗口,如圖9-73所示。使用冰天雪地營(yíng)造一個(gè)藍(lán)天的背景。
網(wǎng)站設(shè)計(jì)制作示意圖9-73導(dǎo)入素材圖像
第3步,由于藍(lán)色和白色分明,對(duì)其進(jìn)行高斯模糊,突出前景的桃花.設(shè)計(jì)層次感和對(duì)比感。選擇【濾鏡】 【模糊】 【高斯模糊】命令,打開(kāi)【高斯模糊】對(duì)話(huà)框,設(shè)置模糊半徑為25像素,單擊【確定】按鈕,效果如圖9-74所示。
網(wǎng)站設(shè)計(jì)制作Bannuer步驟示意圖9-74高斯模糊素材圖像
網(wǎng)站設(shè)計(jì)制作Bannuer步驟圖-9-7調(diào)整素材圖像色調(diào)
第5步,打開(kāi)素材文件2.jpg,該圖的背景顏色比較統(tǒng),摳圖就很簡(jiǎn)單。在工具箱中選中【魔棒工具】,設(shè)置【容差】為20像素,按住Shift鍵,多次單擊,選中背景,然后按Shift+Ctrl+l組合鍵反選選區(qū),獲取桃花的選區(qū)范圍,如圖9-76所示。
網(wǎng)站設(shè)計(jì)制作Bannuer步驟示意圖9-76摳取素材圖像
第6步,把桃花摳出來(lái)后,按Ctr-l+C-快捷鍵,把它復(fù)制到banner.psd文件中,調(diào)整大小和位置,如圖9-77所示。
網(wǎng)站制作Bannuer設(shè)計(jì)步驟示意圖9-77調(diào)整桃花的位置和大小
第7步,調(diào)整桃花的飽和度和亮度。按Ctrl+U快捷鍵,打開(kāi)【色相/飽和度】對(duì)話(huà)框,按圖9-78左圖進(jìn)行調(diào)整,使桃花更鮮亮;按Ctrl+M-快捷鍵,打開(kāi)【曲線(xiàn)】對(duì)話(huà)框,適當(dāng)向上調(diào)整曲線(xiàn),設(shè)計(jì)較亮的桃花效果,如圖9-78右圖所示。
網(wǎng)站設(shè)計(jì)制作Bannuer步驟示意圖9-78調(diào)整桃花飽和度和亮度
第8步,對(duì)桃花進(jìn)行局部模糊處理,在工具箱中選擇【模糊工具】,涂抹遠(yuǎn)景花瓣,讓前景主題的大花朵清晰,背景的小花朵模糊,同時(shí)也形成一個(gè)對(duì)比,突出重點(diǎn),效果如圖9-79所示。
第9步,打開(kāi)素材文件6.jpg,摳出其中的人物和木桶對(duì)象到banner.psd,然后按Ctrl+T-快捷鍵縮放大小,并調(diào)整位置,如圖9-80所示。
第10步,使用【鋼筆工具】繪制個(gè)任意形狀的封閉路徑,然后在【路徑】面板中單擊底部的【將路徑作為選區(qū)載入】按鈕,把路徑轉(zhuǎn)換為選區(qū)。新建圖層,使用#d70d47~i色填充選區(qū),效果如圖9-81所示。
網(wǎng)站設(shè)計(jì)制作Bannuer步驟示意9-81繪制圖形并填色
第11步,使用【文本工具】輸入LOGO標(biāo)識(shí)文字,并在【字符】面板中設(shè)置字體顏邑為白色,字體類(lèi)型為新宋體,字體大小為12點(diǎn),字體高度位80%,如圖9-82所示。
第12步,繼續(xù)輸入文字“溫泉”,設(shè)置字體類(lèi)型為華文隸書(shū),字體大小為36點(diǎn),字體顏色為黑色,調(diào)整字符排列位置,效果如圖9-83所示。
網(wǎng)站制作Bannuer操作示意圖9-83設(shè)計(jì)LOGO文字
第13步,繼續(xù)使用【文本工具】輸入詳細(xì)宣傳信息,字體大小為14點(diǎn),顏色為紅色( #d70d47),字體類(lèi)型為黑體,然后放在LOGO標(biāo)識(shí)的下面,效果如圖9-84所示。
好了,深圳網(wǎng)站制作公司,關(guān)于網(wǎng)站設(shè)計(jì)時(shí)怎樣做好網(wǎng)站Bannuer的步驟以及它的重要性,本文就介紹到這里。謝謝關(guān)注。博納網(wǎng)絡(luò)編輯整理。