第一篇：淺談網(wǎng)站BANNER圖片設(shè)計(jì)

淺談網(wǎng)站BANNER圖片設(shè)計(jì)

BANNER圖片是網(wǎng)站的重要因素，大多數(shù)網(wǎng)站一開(kāi)打就能見(jiàn)到絢麗的BANNER圖片。很多網(wǎng)站建設(shè)公司都不會(huì)讓設(shè)計(jì)師花費(fèi)大量時(shí)間設(shè)計(jì)BANNER圖片，那么怎樣才能呢個(gè)在短時(shí)間內(nèi)設(shè)計(jì)出一個(gè)精彩的BANNER圖呢？下面，是圣品小編在日常工作中針對(duì)BANNER設(shè)計(jì)整理編輯出的一些方法，希望能對(duì)大家有所幫助。

1、點(diǎn)擊才是王道

一般我們做的banner都是為了宣傳、推廣某個(gè)產(chǎn)品或新功能等，它本身就是引導(dǎo)用戶(hù)點(diǎn)擊參與的入口，我們目的就是要吸引用戶(hù)點(diǎn)擊。所以我們可以用不同形式和手法來(lái)表現(xiàn)，但相同處，通情達(dá)意，突出主題，富有樂(lè)趣，那它們則能讓瀏覽者產(chǎn)生興趣。

2、主題明確。

在著手設(shè)計(jì)之前，設(shè)計(jì)師應(yīng)該先與需求方溝通，并從中獲取需求方想要表達(dá)的主題和需要重點(diǎn)突出的點(diǎn)。然后在針對(duì)性地對(duì)廣告對(duì)象進(jìn)行訴求，形象鮮明的展示所要表達(dá)的內(nèi)容。不要放一些沒(méi)用的東西，除非你想趕走你的用戶(hù)。

3、與整個(gè)頁(yè)面相協(xié)調(diào)。

當(dāng)我們確定表達(dá)的主題之后，要在banner實(shí)際放置的環(huán)境中展開(kāi)后續(xù)的設(shè)計(jì)工作。色彩搭配要明亮干凈，要與整個(gè)頁(yè)面相協(xié)調(diào)。不能為了使banner更加吸引用戶(hù)的眼球而大面積的使用一些濃重的顏色(特殊需求除外)。

4、順應(yīng)用戶(hù)的瀏覽習(xí)慣。

我們知道大多數(shù)的用戶(hù)在瀏覽網(wǎng)頁(yè)的時(shí)候都是從上到下，從左到右的瀏覽。為了使banner更容易被用戶(hù)瀏覽,我們應(yīng)該順應(yīng)用戶(hù)這樣的瀏覽習(xí)慣，糟糕的設(shè)計(jì)會(huì)讓用戶(hù)無(wú)所適從，焦點(diǎn)到處都是。

作者用紅色的幕布和小號(hào)烘托出熱鬧的氛圍，一面精致的銅鑼第一時(shí)間吸引了瀏覽者的眼球，讓人看了就想拿起旁邊的小錘去敲打的沖動(dòng)

我們換個(gè)方式來(lái)想，設(shè)計(jì)一個(gè)banner，如做一道菜，首先我們應(yīng)該先確定想做什么菜，然后在把這道菜所需要的主輔材料放到鍋這個(gè)環(huán)境里面炒，在這 個(gè)過(guò)程中我們會(huì)根據(jù)客人喜歡的口味加入調(diào)料，裝盤(pán)后我們?yōu)榱烁愫眠@道菜的賣(mài)相，在盤(pán)子里面放入一些裝飾，達(dá)到在第一時(shí)間內(nèi)從視覺(jué)上強(qiáng)奸人們的眼球，吸引他 們來(lái)品嘗。

本文主要從主題、實(shí)際運(yùn)用環(huán)境、用戶(hù)瀏覽習(xí)慣和做banner的目的這幾個(gè)方面表達(dá)了我的見(jiàn)解，當(dāng)然，除了上面所說(shuō)的方法，其實(shí)還有很多我們可以借鑒的形式與思路，這里就不一一列舉了，希望對(duì)大家有所幫助。

第二篇：6大精品圖片網(wǎng)站推薦

6大精品網(wǎng)站推薦

在日常上網(wǎng)中，我們經(jīng)常會(huì)用到一些圖片。而在互聯(lián)網(wǎng)，圖片網(wǎng)站也是十分之多的，那么今天我就給大家推薦下6大精品網(wǎng)站，希望對(duì)你有所幫助

圖片大全

百度圖片http://image.baidu.com/ 這個(gè)不用介紹了吧…需要什么搜什么，萬(wàn)能的度娘都會(huì)給你

圖片分享：

美圖村http://004km.cn/

美圖村是在線(xiàn)分享，收集美麗圖片，共同發(fā)現(xiàn)生活快樂(lè)的圖片分享社區(qū)。在這里你可以分享美好、優(yōu)美圖片。用圖片記錄生活，分享點(diǎn)滴美好，與大家共同找到分享的快樂(lè)，交流興趣愛(ài)好。這里有關(guān)于唯美意境、插畫(huà)手繪、旅行風(fēng)景、美食菜譜、手工DIY、潮流街拍、美妝造型等等圖片，愛(ài)分享的你不要錯(cuò)過(guò)哦！

圖片素材：

昵圖網(wǎng)http://004km.cn/ 昵圖網(wǎng)是一個(gè)素材設(shè)計(jì)的共享平臺(tái)，每天都有海量的素材與設(shè)計(jì)發(fā)布更新，如果你在找素材，這里有你需要的！

非主流圖片：

FZLOL圖片網(wǎng)http://004km.cn/ 非常全面的非主流圖片，總有你好的那一種！

QQ應(yīng)用類(lèi)：

QQJAY http://004km.cn/ 愛(ài)弄空間，QQ個(gè)性的朋友們必上的網(wǎng)站，這里有關(guān)于QQ空間，QQ的一切圖片信息。

圖片壁紙類(lèi)：

桌酷壁紙http://004km.cn/ 想給電腦換桌面背景？想找背景圖片？想下套圖？那就來(lái)這里吧，全是高清大圖，爽翻天！，覺(jué)得好的朋友可以轉(zhuǎn)載咯，讓更多有需要的朋友看到哦~

第三篇：Banner廣告設(shè)計(jì)

Banner廣告設(shè)計(jì)

教學(xué)設(shè)計(jì)：

讓自己創(chuàng)作的Flash能動(dòng)起來(lái)，是Flash教學(xué)中學(xué)生感覺(jué)十分神奇的部分，首先讓學(xué)生通過(guò)觀察、比較Internet上優(yōu)秀的Banner廣告，思考、討論、總結(jié)出Banner中有哪些主要元素（鮮艷的色塊、運(yùn)動(dòng)的文字、圖片等），接著教師講解最基本的運(yùn)動(dòng)漸變動(dòng)畫(huà)的制作方法，并引導(dǎo)學(xué)生通過(guò)對(duì)運(yùn)動(dòng)漸變的屬性面板的探索，試著制作出透明度、顏色、旋轉(zhuǎn)、速度等變化效果，最后結(jié)合本班級(jí)的特色為班級(jí)主頁(yè)設(shè)計(jì)制作一個(gè)Banner廣告，即體現(xiàn)了軟件的實(shí)用性和趣味性，也提高了學(xué)生的學(xué)習(xí)積極性和創(chuàng)新能力的培養(yǎng)。

教學(xué)目的：

知識(shí)與能力：1．通過(guò)教學(xué)使學(xué)生初步掌握Flash動(dòng)畫(huà)中運(yùn)動(dòng)漸變的制作方法；

2．進(jìn)一步提高學(xué)生制作中色彩搭配、構(gòu)圖等技巧運(yùn)用能力。結(jié)

合符號(hào)、圖層、時(shí)間軸等已掌握的技能為班級(jí)主頁(yè)（個(gè)人主頁(yè)）

設(shè)計(jì)制作Banner。

過(guò)程與方法：1．通過(guò)觀察與思考使學(xué)生學(xué)習(xí)并歸納Internet上優(yōu)秀的Banne

r設(shè)計(jì)的主要元素，引導(dǎo)學(xué)生在對(duì)比中探討不同Banner合理運(yùn)

用的方法；

2．通過(guò)布置主題任務(wù)，給學(xué)生提供設(shè)計(jì)創(chuàng)新的空間，從而使學(xué)

生能夠獨(dú)立制作并完成任務(wù)，培養(yǎng)學(xué)生的實(shí)踐、創(chuàng)新能力。

3．通過(guò)交流與分享，以及教師的及時(shí)鼓勵(lì)使學(xué)生體會(huì)成功的喜

悅和合作的價(jià)值。

情感、態(tài)度與價(jià)值觀：鼓勵(lì)學(xué)生在學(xué)習(xí)的過(guò)程中養(yǎng)成多觀察、多思考、多

模仿、多嘗試、多創(chuàng)新的學(xué)習(xí)習(xí)慣和方法。

教學(xué)重點(diǎn)：

掌握Flash動(dòng)畫(huà)中運(yùn)動(dòng)漸變的制作要領(lǐng)，學(xué)會(huì)設(shè)計(jì)制作Banner的基本方法。教學(xué)難點(diǎn)：

提高學(xué)生制作中色彩搭配、構(gòu)圖等技巧運(yùn)用能力。能創(chuàng)作出有個(gè)人特色的Banner。

教學(xué)過(guò)程：

一、什么是Banner

Banner，一般翻譯為旗幟廣告、橫幅廣告等。是一個(gè)表現(xiàn)商家廣告內(nèi)容的圖片，是互聯(lián)網(wǎng)廣告中最基本的廣告形式。

一、Banner廣告的作用：

1．放置在廣告商的網(wǎng)站頁(yè)面上，展現(xiàn)商家的產(chǎn)品，起到自我介紹的作用。如： 東方航空，MSN

2．放置在其他網(wǎng)站頁(yè)面上，向網(wǎng)頁(yè)瀏覽者推介自己的產(chǎn)品或一些活動(dòng)，引起網(wǎng)頁(yè)瀏覽者的興趣，也是這些網(wǎng)站用來(lái)盈利的途徑。

如：搜狐

3．發(fā)布一些重要信息。

富有獨(dú)特創(chuàng)意的橫幅廣告形式是在互聯(lián)網(wǎng)上建立并推廣客戶(hù)品牌形象的有效途徑。

二、Banner廣告的特點(diǎn)：

推廣信息簡(jiǎn)單明了 創(chuàng)造出一種點(diǎn)擊的緊迫感 明確表達(dá)對(duì)用戶(hù)的利益 具有趣味性

三、Banner廣告的形式：

橫幅廣告，尺寸一般是480*60像素，或233*30像素，也可以根據(jù)內(nèi)容和網(wǎng)頁(yè)上可用空間的多少，增加或減少尺寸。

一般是使用GIF格式的圖像文件，可以使用靜態(tài)圖形，也可用多幀圖像拼接為動(dòng)畫(huà)圖像。除普通GIF格式外，目前流行使用動(dòng)感更強(qiáng)，交互性更高的Flash形式。這樣更具有吸引力。

四、Flash Banner的組成元素和各元素的呈現(xiàn)形式

學(xué)生活動(dòng)1：觀察教師準(zhǔn)備的幾個(gè)網(wǎng)上下載的Flash Banner，討論組成的元素

及其呈現(xiàn)的形式。

逐幀動(dòng)畫(huà)、符號(hào)的使用、運(yùn)動(dòng)漸變動(dòng)畫(huà)（大小、位置、顏色、透明

度、旋轉(zhuǎn)、速度等的變化）、層和影片實(shí)例的運(yùn)用。

五、講解運(yùn)動(dòng)漸變動(dòng)畫(huà)的制作方法

教師：介紹制作運(yùn)動(dòng)漸變動(dòng)畫(huà)的一般方法。（強(qiáng)調(diào)只有對(duì)符號(hào)才能設(shè)置運(yùn)動(dòng)漸變）學(xué)生活動(dòng)2：教師簡(jiǎn)單提一下運(yùn)動(dòng)漸變的屬性面板的組成，由學(xué)生探索如何產(chǎn)生

透明度、顏色、旋轉(zhuǎn)、速度等變化效果。

六、以2人一小組創(chuàng)作

學(xué)生活動(dòng)3：為班級(jí)主頁(yè)（或個(gè)人主頁(yè)）設(shè)計(jì)并制作 FlashBanner

七、展示、交流、評(píng)價(jià)

學(xué)生活動(dòng)4：作品展示、交流

八、小結(jié) Banner 制作的注意點(diǎn)

1．文字：不要太多，盡量用粗壯的字體。

2．色彩：合理使用色彩的對(duì)比關(guān)系。

3．圖形：要簡(jiǎn)潔，不需太繁、雜。

Banner在設(shè)計(jì)上還應(yīng)該要做到制作美觀、方便點(diǎn)擊、與網(wǎng)頁(yè)協(xié)調(diào)和整體構(gòu)成合理。

表-1 注目程度高的配色：

順序１ ２ ３ ４ ５ ６ ７ ８ ９ 10

底色黑 黃 黑 紫 紫 藍(lán) 綠 白 黃 黃

圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍(lán)

表-2 注目程度低的配色：

順序１ ２ ３ ４ ５ ６ ７ ８ ９ 10

底色黃 白 紅 紅 黑 紫 灰 紅 綠 黑

圖形色 白 黃 綠 藍(lán) 紫 黑 黑 紫 紅 藍(lán)

第四篇：banner心得

1，banner廣告在網(wǎng)頁(yè)中的第一感覺(jué)：對(duì)于網(wǎng)站廣告條的目的就是吸引用戶(hù)注意，然后吸引用戶(hù)點(diǎn)擊。所以一個(gè)優(yōu)秀的廣告條首先要做到的就是必須能 夠吸引用戶(hù)瀏覽。而用戶(hù)瀏覽網(wǎng)頁(yè)的時(shí)間一般也就十幾秒中，因此廣告條必須在第一時(shí)間內(nèi)吸引到用戶(hù)的眼球。在設(shè)計(jì)廣告條時(shí)，我們必須要考慮用戶(hù)的瀏覽習(xí)慣，也就是只瞄一眼情況下，是否能引起用戶(hù)足夠的重視。所以第一感覺(jué)對(duì)于廣告條設(shè)計(jì)是最重要的一點(diǎn)。

2，廣告條文本內(nèi)容：對(duì)于廣告條的文本文字內(nèi)容來(lái)說(shuō)，必須保持文字簡(jiǎn)短，重點(diǎn)突出。能在第一時(shí)間將最重要的信息高速用戶(hù)才是設(shè)計(jì)目的。

3，banner廣告條中的圖片內(nèi)容統(tǒng)一性：如果你是一家銷(xiāo)售電子產(chǎn)品的網(wǎng)站，那么你的廣告條中就因該以電子產(chǎn)品為主，曾經(jīng)看到一些產(chǎn)品廣告條使用的圖片全部都是一些人物，而真正的產(chǎn)品缺只是以文字形式表達(dá)，這樣的廣告條設(shè)計(jì)師很失敗的。

4，在廣告條中放入你的網(wǎng)址與標(biāo)志：如果你的廣告目的是以品牌推廣為主，那么i標(biāo)志與網(wǎng)站地址將是廣告設(shè)計(jì)的重點(diǎn)，同樣即便不是以品牌為主的banner，也有必要加入一些標(biāo)志與網(wǎng)址信息，或是一些宣傳口號(hào)。5，banner設(shè)計(jì)中最好放上“點(diǎn)擊這里”等字樣：你可以在廣告條的某個(gè)角落，或動(dòng)態(tài)廣告條的最后一幀上加上“點(diǎn)擊”這類(lèi)字樣，這是一種常用的設(shè)計(jì)經(jīng)驗(yàn)。6，廣告條的尺寸：這個(gè)無(wú)需多數(shù)，對(duì)于banner來(lái)說(shuō)大小一半不要超過(guò)50K，即便是一些FLASH廣告也盡量減少下載時(shí)間，因?yàn)槿绻愕某叽巛^ 大，當(dāng)用戶(hù)訪(fǎng)問(wèn)這個(gè)頁(yè)面時(shí)，可能網(wǎng)頁(yè)內(nèi)容全部顯示完了，你的廣告條還沒(méi)加載完成，而用戶(hù)可能就在此時(shí)離開(kāi)這個(gè)頁(yè)面，那樣看上去你的廣告被瀏覽了，其實(shí)沒(méi)有 任何效果

7，廣告條的長(zhǎng)度：這一點(diǎn)是針對(duì)GIF與FLASH廣告條而言，長(zhǎng)度最好控制在3秒以?xún)?nèi)

8，廣告條的顏色：顏色是人們的第一視覺(jué)體驗(yàn)，曾經(jīng)看過(guò)很多網(wǎng)站廣告通過(guò)刺眼的黃色來(lái)吸引用戶(hù)眼球，這個(gè)我給的意見(jiàn)是，顏色需要醒目，但并能讓用戶(hù) 產(chǎn)生反感，因?yàn)樽罱K目的是希望用戶(hù)能點(diǎn)擊，所以色彩的應(yīng)用很有講究，要讓用戶(hù)眼前一亮，但不能產(chǎn)生反感。這里有個(gè)技巧，就是使用統(tǒng)一的大色塊配色，同是顏 色盡量選擇一些一般網(wǎng)站中很少用的色彩，比如深綠色，綠色，深紅色，黑色等。

9，盡量不要用FLASH來(lái)設(shè)計(jì)廣告條

10，用藍(lán)色來(lái)強(qiáng)調(diào)點(diǎn)擊：在廣告條中點(diǎn)擊的按鈕文字可以用帶有下劃線(xiàn)的藍(lán)色文本來(lái)顯示，因?yàn)橛脩?hù)瀏覽網(wǎng)頁(yè)時(shí)視覺(jué)是在整個(gè)網(wǎng)頁(yè)上掃視，此類(lèi)藍(lán)色點(diǎn)擊文字是最能吸引用戶(hù)的方法之一

第五篇：banner設(shè)計(jì)的四大注意事項(xiàng)

banner設(shè)計(jì)的四大注意事項(xiàng)

發(fā)布日期：2013-05-30瀏覽次數(shù)：5869找設(shè)計(jì)師在線(xiàn)設(shè)計(jì)師找設(shè)計(jì)公司

我來(lái)說(shuō)兩句

?

?

?

? 如何使banner設(shè)計(jì)具有創(chuàng)意 從banner設(shè)計(jì)的角度談如何 網(wǎng)站banner設(shè)計(jì)的常用尺寸 什么是banner設(shè)計(jì)？

一般來(lái)說(shuō)，網(wǎng)站制作一個(gè)banner分為兩個(gè)部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說(shuō)明的話(huà)，客戶(hù)就會(huì)看不懂你做的banner要表現(xiàn)什么、要說(shuō)明什么，所以文字是整個(gè)banner的主角，我們?cè)谥谱鱞anner的時(shí)候特別要注意對(duì)文字的處理和擺放。

banner的設(shè)計(jì)質(zhì)量嚴(yán)重影響著整個(gè)網(wǎng)站頁(yè)面的質(zhì)量，一個(gè)好的頁(yè)面、好的banner能夠吸引瀏覽者的眼球。雖然banner只是網(wǎng)頁(yè)頁(yè)面中一個(gè)小元素，但是這個(gè)小元素往往能夠起到關(guān)鍵性的作用。所以在進(jìn)行banner設(shè)計(jì)時(shí)需要引起足夠的重視。下邊是在banner設(shè)計(jì)中容易出現(xiàn)的一些小問(wèn)題，請(qǐng)引起重視。

1、banner設(shè)計(jì)中的文字注意事項(xiàng)

一般來(lái)說(shuō)，網(wǎng)站制作一個(gè)banner分為兩個(gè)部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說(shuō)明的話(huà)，客戶(hù)就會(huì)看不懂你做的banner要表現(xiàn)什么、要說(shuō)明什么，所以文字是整個(gè)banner的主角，我們?cè)谥谱鱞anner的時(shí)候特別要注意對(duì)文字的處理和擺放。

①分清主標(biāo)和副標(biāo)，從主次上來(lái)說(shuō)，主標(biāo)為主，字體要大顏色要醒目。副標(biāo)起到從內(nèi)容上和形式上都輔助主標(biāo)的作用。一個(gè)好的banner標(biāo)題文字處理都比較飽滿(mǎn)，比較集中。

②如果主標(biāo)太長(zhǎng)，需求方不舍得刪文字的情況下，對(duì)主標(biāo)中重要關(guān)鍵字進(jìn)行權(quán)重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X屆’這種信息量不大的詞。

③如果需求方整體文字太短，畫(huà)面太空，可以用一些加入一些輔助信息豐富畫(huà)面。如加點(diǎn)英文，域名，頻道名等。

2、Banner有動(dòng)態(tài)和靜態(tài)兩種。在瀏覽網(wǎng)頁(yè)的過(guò)程中，雖然閃爍的圖案會(huì)產(chǎn)生瞬間記憶刺激，引起注意，但這種記憶往往為壓迫性的，久之易產(chǎn)生負(fù)面效應(yīng)，從而模糊記憶。而穩(wěn)定的畫(huà)面不易引發(fā)特殊的關(guān)注，但如果有良好的界面引導(dǎo)和內(nèi)容，可產(chǎn)生良性的記憶，持久而牢固。根據(jù)粗略統(tǒng)計(jì)，100個(gè)Banner里面有1/3是靜態(tài)的。

3、Banner的“重量”要輕。以468×60的Banner為例，最好是15K左右，不要超過(guò)22K。而88×31的Banner最好在5K左右，不要超過(guò)7K太大的會(huì)引起網(wǎng)頁(yè)打開(kāi)速度，導(dǎo)致瀏覽下降，這里面也有個(gè)量的問(wèn)題，太多的廣告而影響瀏覽者瀏覽網(wǎng)頁(yè)，導(dǎo)致反感這也是一個(gè)問(wèn)題。所以放廣告條的時(shí)候要考慮到廣告的大小和多少，還有就是搭配問(wèn)題。

4、從banner設(shè)計(jì)上來(lái)看，需要注意：

①Banner的文字不能太多，用一兩句話(huà)來(lái)表達(dá)即可。

②廣告語(yǔ)要朗朗上口，可以第一時(shí)間的讓人捕獲表達(dá)的重點(diǎn)。

③圖形無(wú)須太繁雜，文字盡量使用黑體等粗壯的字體，否則在視覺(jué)上很容易被網(wǎng)頁(yè)其他內(nèi)容淹沒(méi)。

④圖形盡量選擇顏色數(shù)少，能夠說(shuō)明問(wèn)題的事物。

⑤如果選擇顏色很復(fù)雜的物體，要考慮一下在低顏色數(shù)情況下，是否會(huì)有明顯的色斑。

⑥盡量不要使用彩虹色、暈邊等復(fù)雜的特技圖形效果，這樣做會(huì)大大增加圖形所占據(jù)的顏色數(shù)，增大體積。

⑦產(chǎn)品數(shù)量不宜過(guò)多。很多廣告主總是想展示更多產(chǎn)品，少則4-5個(gè)，多則8-10個(gè)，結(jié)果使得整個(gè) Banner 變成產(chǎn)品的堆砌。Banner 的顯示尺寸非常有限，擺放太多產(chǎn)品，反而被淹沒(méi)，視覺(jué)效果大打折扣。所以，產(chǎn)品圖片不是越多越好，易于識(shí)別是關(guān)鍵。