第一篇：淺談網站BANNER圖片設計

淺談網站BANNER圖片設計

BANNER圖片是網站的重要因素，大多數網站一開打就能見到絢麗的BANNER圖片。很多網站建設公司都不會讓設計師花費大量時間設計BANNER圖片，那么怎樣才能呢個在短時間內設計出一個精彩的BANNER圖呢？下面，是圣品小編在日常工作中針對BANNER設計整理編輯出的一些方法，希望能對大家有所幫助。

1、點擊才是王道

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

2、主題明確。

在著手設計之前，設計師應該先與需求方溝通，并從中獲取需求方想要表達的主題和需要重點突出的點。然后在針對性地對廣告對象進行訴求，形象鮮明的展示所要表達的內容。不要放一些沒用的東西，除非你想趕走你的用戶。

3、與整個頁面相協調。

當我們確定表達的主題之后，要在banner實際放置的環境中展開后續的設計工作。色彩搭配要明亮干凈，要與整個頁面相協調。不能為了使banner更加吸引用戶的眼球而大面積的使用一些濃重的顏色(特殊需求除外)。

4、順應用戶的瀏覽習慣。

我們知道大多數的用戶在瀏覽網頁的時候都是從上到下，從左到右的瀏覽。為了使banner更容易被用戶瀏覽,我們應該順應用戶這樣的瀏覽習慣，糟糕的設計會讓用戶無所適從，焦點到處都是。

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

我們換個方式來想，設計一個banner，如做一道菜，首先我們應該先確定想做什么菜，然后在把這道菜所需要的主輔材料放到鍋這個環境里面炒，在這 個過程中我們會根據客人喜歡的口味加入調料，裝盤后我們為了搞好這道菜的賣相，在盤子里面放入一些裝飾，達到在第一時間內從視覺上強奸人們的眼球，吸引他 們來品嘗。

本文主要從主題、實際運用環境、用戶瀏覽習慣和做banner的目的這幾個方面表達了我的見解，當然，除了上面所說的方法，其實還有很多我們可以借鑒的形式與思路，這里就不一一列舉了，希望對大家有所幫助。

第二篇：6大精品圖片網站推薦

6大精品網站推薦

在日常上網中，我們經常會用到一些圖片。而在互聯網，圖片網站也是十分之多的，那么今天我就給大家推薦下6大精品網站，希望對你有所幫助

圖片大全

百度圖片http://image.baidu.com/ 這個不用介紹了吧…需要什么搜什么，萬能的度娘都會給你

圖片分享：

美圖村http://www.tmdps.cn/

美圖村是在線分享，收集美麗圖片，共同發現生活快樂的圖片分享社區。在這里你可以分享美好、優美圖片。用圖片記錄生活，分享點滴美好，與大家共同找到分享的快樂，交流興趣愛好。這里有關于唯美意境、插畫手繪、旅行風景、美食菜譜、手工DIY、潮流街拍、美妝造型等等圖片，愛分享的你不要錯過哦！

圖片素材：

昵圖網http://www.tmdps.cn/ 昵圖網是一個素材設計的共享平臺，每天都有海量的素材與設計發布更新，如果你在找素材，這里有你需要的！

非主流圖片：

FZLOL圖片網http://www.tmdps.cn/ 非常全面的非主流圖片，總有你好的那一種！

QQ應用類：

QQJAY http://www.tmdps.cn/ 愛弄空間，QQ個性的朋友們必上的網站，這里有關于QQ空間，QQ的一切圖片信息。

圖片壁紙類：

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

第三篇：Banner廣告設計

Banner廣告設計

教學設計：

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

教學目的：

知識與能力：1．通過教學使學生初步掌握Flash動畫中運動漸變的制作方法；

2．進一步提高學生制作中色彩搭配、構圖等技巧運用能力。結

合符號、圖層、時間軸等已掌握的技能為班級主頁（個人主頁）

設計制作Banner。

過程與方法：1．通過觀察與思考使學生學習并歸納Internet上優秀的Banne

r設計的主要元素，引導學生在對比中探討不同Banner合理運

用的方法；

2．通過布置主題任務，給學生提供設計創新的空間，從而使學

生能夠獨立制作并完成任務，培養學生的實踐、創新能力。

3．通過交流與分享，以及教師的及時鼓勵使學生體會成功的喜

悅和合作的價值。

情感、態度與價值觀：鼓勵學生在學習的過程中養成多觀察、多思考、多

模仿、多嘗試、多創新的學習習慣和方法。

教學重點：

掌握Flash動畫中運動漸變的制作要領，學會設計制作Banner的基本方法。教學難點：

提高學生制作中色彩搭配、構圖等技巧運用能力。能創作出有個人特色的Banner。

教學過程：

一、什么是Banner

Banner，一般翻譯為旗幟廣告、橫幅廣告等。是一個表現商家廣告內容的圖片，是互聯網廣告中最基本的廣告形式。

一、Banner廣告的作用：

1．放置在廣告商的網站頁面上，展現商家的產品，起到自我介紹的作用。如： 東方航空，MSN

2．放置在其他網站頁面上，向網頁瀏覽者推介自己的產品或一些活動，引起網頁瀏覽者的興趣，也是這些網站用來盈利的途徑。

如：搜狐

3．發布一些重要信息。

富有獨特創意的橫幅廣告形式是在互聯網上建立并推廣客戶品牌形象的有效途徑。

二、Banner廣告的特點：

推廣信息簡單明了 創造出一種點擊的緊迫感 明確表達對用戶的利益 具有趣味性

三、Banner廣告的形式：

橫幅廣告，尺寸一般是480*60像素，或233*30像素，也可以根據內容和網頁上可用空間的多少，增加或減少尺寸。

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

四、Flash Banner的組成元素和各元素的呈現形式

學生活動1：觀察教師準備的幾個網上下載的Flash Banner，討論組成的元素

及其呈現的形式。

逐幀動畫、符號的使用、運動漸變動畫（大小、位置、顏色、透明

度、旋轉、速度等的變化）、層和影片實例的運用。

五、講解運動漸變動畫的制作方法

教師：介紹制作運動漸變動畫的一般方法。（強調只有對符號才能設置運動漸變）學生活動2：教師簡單提一下運動漸變的屬性面板的組成，由學生探索如何產生

透明度、顏色、旋轉、速度等變化效果。

六、以2人一小組創作

學生活動3：為班級主頁（或個人主頁）設計并制作 FlashBanner

七、展示、交流、評價

學生活動4：作品展示、交流

八、小結 Banner 制作的注意點

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

2．色彩：合理使用色彩的對比關系。

3．圖形：要簡潔，不需太繁、雜。

Banner在設計上還應該要做到制作美觀、方便點擊、與網頁協調和整體構成合理。

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

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

底色黑 黃 黑 紫 紫 藍 綠 白 黃 黃

圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍

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

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

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

圖形色 白 黃 綠 藍 紫 黑 黑 紫 紅 藍

第四篇：banner心得

1，banner廣告在網頁中的第一感覺：對于網站廣告條的目的就是吸引用戶注意，然后吸引用戶點擊。所以一個優秀的廣告條首先要做到的就是必須能 夠吸引用戶瀏覽。而用戶瀏覽網頁的時間一般也就十幾秒中，因此廣告條必須在第一時間內吸引到用戶的眼球。在設計廣告條時，我們必須要考慮用戶的瀏覽習慣，也就是只瞄一眼情況下，是否能引起用戶足夠的重視。所以第一感覺對于廣告條設計是最重要的一點。

2，廣告條文本內容：對于廣告條的文本文字內容來說，必須保持文字簡短，重點突出。能在第一時間將最重要的信息高速用戶才是設計目的。

3，banner廣告條中的圖片內容統一性：如果你是一家銷售電子產品的網站，那么你的廣告條中就因該以電子產品為主，曾經看到一些產品廣告條使用的圖片全部都是一些人物，而真正的產品缺只是以文字形式表達，這樣的廣告條設計師很失敗的。

4，在廣告條中放入你的網址與標志：如果你的廣告目的是以品牌推廣為主，那么i標志與網站地址將是廣告設計的重點，同樣即便不是以品牌為主的banner，也有必要加入一些標志與網址信息，或是一些宣傳口號。5，banner設計中最好放上“點擊這里”等字樣：你可以在廣告條的某個角落，或動態廣告條的最后一幀上加上“點擊”這類字樣，這是一種常用的設計經驗。6，廣告條的尺寸：這個無需多數，對于banner來說大小一半不要超過50K，即便是一些FLASH廣告也盡量減少下載時間，因為如果你的尺寸較 大，當用戶訪問這個頁面時，可能網頁內容全部顯示完了，你的廣告條還沒加載完成，而用戶可能就在此時離開這個頁面，那樣看上去你的廣告被瀏覽了，其實沒有 任何效果

7，廣告條的長度：這一點是針對GIF與FLASH廣告條而言，長度最好控制在3秒以內

8，廣告條的顏色：顏色是人們的第一視覺體驗，曾經看過很多網站廣告通過刺眼的黃色來吸引用戶眼球，這個我給的意見是，顏色需要醒目，但并能讓用戶 產生反感，因為最終目的是希望用戶能點擊，所以色彩的應用很有講究，要讓用戶眼前一亮，但不能產生反感。這里有個技巧，就是使用統一的大色塊配色，同是顏 色盡量選擇一些一般網站中很少用的色彩，比如深綠色，綠色，深紅色，黑色等。

9，盡量不要用FLASH來設計廣告條

10，用藍色來強調點擊：在廣告條中點擊的按鈕文字可以用帶有下劃線的藍色文本來顯示，因為用戶瀏覽網頁時視覺是在整個網頁上掃視，此類藍色點擊文字是最能吸引用戶的方法之一

第五篇：banner設計的四大注意事項

banner設計的四大注意事項

發布日期：2013-05-30瀏覽次數：5869找設計師在線設計師找設計公司

我來說兩句

?

?

?

? 如何使banner設計具有創意 從banner設計的角度談如何 網站banner設計的常用尺寸 什么是banner設計？

一般來說，網站制作一個banner分為兩個部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說明的話，客戶就會看不懂你做的banner要表現什么、要說明什么，所以文字是整個banner的主角，我們在制作banner的時候特別要注意對文字的處理和擺放。

banner的設計質量嚴重影響著整個網站頁面的質量，一個好的頁面、好的banner能夠吸引瀏覽者的眼球。雖然banner只是網頁頁面中一個小元素，但是這個小元素往往能夠起到關鍵性的作用。所以在進行banner設計時需要引起足夠的重視。下邊是在banner設計中容易出現的一些小問題，請引起重視。

1、banner設計中的文字注意事項

一般來說，網站制作一個banner分為兩個部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說明的話，客戶就會看不懂你做的banner要表現什么、要說明什么，所以文字是整個banner的主角，我們在制作banner的時候特別要注意對文字的處理和擺放。

①分清主標和副標，從主次上來說，主標為主，字體要大顏色要醒目。副標起到從內容上和形式上都輔助主標的作用。一個好的banner標題文字處理都比較飽滿，比較集中。

②如果主標太長，需求方不舍得刪文字的情況下，對主標中重要關鍵字進行權重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X屆’這種信息量不大的詞。

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

2、Banner有動態和靜態兩種。在瀏覽網頁的過程中，雖然閃爍的圖案會產生瞬間記憶刺激，引起注意，但這種記憶往往為壓迫性的，久之易產生負面效應，從而模糊記憶。而穩定的畫面不易引發特殊的關注，但如果有良好的界面引導和內容，可產生良性的記憶，持久而牢固。根據粗略統計，100個Banner里面有1/3是靜態的。

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

4、從banner設計上來看，需要注意：

①Banner的文字不能太多，用一兩句話來表達即可。

②廣告語要朗朗上口，可以第一時間的讓人捕獲表達的重點。

③圖形無須太繁雜，文字盡量使用黑體等粗壯的字體，否則在視覺上很容易被網頁其他內容淹沒。

④圖形盡量選擇顏色數少，能夠說明問題的事物。

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

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

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