banner設計

① banner在設計中是什麼意思

banner指的就是橫幅、廣告，一般就是在網站投放的時候使用，簡單來說就是橫幅設計~順便介紹個專業的banner製作網站給你--我拉網，能夠免費製作banner、logo等等，有眾多現成的優秀模板，你只要挑選完再輸入自己的文字就可以了，製作banner挺便捷的哦。

② 網頁設計中banner設計尺寸是多少

不同的環境下設置的尺寸都不一樣

1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2、1024*768下，網頁寬度保持在1002以內，就不會出現水平滾動條，高度則視版面和內決定。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右。

4、1024*768 下網頁的尺寸:width=955,height=600

800*600 下網頁的尺寸:width=760,height=420。

5、一般解析度在800*600的情況下，頁面的顯示尺寸為：780*428px，

解析度在640*480的情況下，頁面的顯示尺寸為:620*311px，

解析度在1024*768的情況下，頁面的顯示尺寸為：1007*600px。

(2)banner設計擴展閱讀：

banner設計標准尺寸大全

Internet Advertising Bureau
(IAB，國際廣告局)的"標准和管理委員會"聯合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE，廣告支持信息和娛樂聯合會)聯合推出了一系列網路廣告宣傳物的標准尺寸。

這些尺寸作為建議，提供給廣告生產省和消費者，使大家都能接受。現在網站上的廣告幾乎都遵循IAC/CASIE標准。

1997年第一次標准公布

Num Size(pix) Name

1、468×60 全尺寸banner

2、392×72 全尺寸帶導航條banner

3、234×60 半尺寸banner

4、125×125 方形按鈕

5、120×90 按鈕＃1或小圖標

6、120×60 按鈕＃2或小圖標

7、88×31 小按鈕或banner

8、120×240 垂直banner

2001年第二次標准公布

Num Size(pix) Name

1、120×600 "摩天大樓"形

2、160×600 寬"摩天大樓"形

3、180×150 長方形

4、300×250 中級長方形

6、240×400 豎長方形

7、250×250 "正方形彈出式"廣告

IAB 將不再支持1997年第一次公布標准中的392×72形。

從banner自身的設計大小看

1、全尺寸banner橫幅設計為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標准尺寸。

2、頁面長度原則上不超過3屏，寬度不超過1屏。

3、每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K。

4、每個標准頁面為A4幅面大小，即8.5*11英寸。

參考資料來源：網路-網頁設計標准

③ 電商banner設計是什麼

電商banner設計是指網站頁面的橫幅廣告，banner主要體現中心意旨，形象鮮明表達最主要的情感思想或內宣傳中容心。
電商，是在互聯網、內部網和增值網上以電子交易方式進行交易活動和相關服務活動，是傳統商業活動各環節的電子化、網路化。電子商務包括電子貨幣交換、供應鏈管理、電子交易市場、網路營銷、在線事務處理、電子數據交換、存貨管理和自動數據收集系統。在此過程中，利用到的信息技術包括互聯網、外聯網、電子郵件、資料庫、電子目錄和行動電話。

④ banner設計的標準是什麼

1997年第一次標准公布
Num Size(pix) Name
1 468×60 全尺寸banner
2 392×72 全尺寸帶導航條banner
3 234×60 半尺寸banner
4 125×125 方形按鈕
5 120×90 按鈕＃1或小圖標
6 120×60 按鈕＃2或小圖標
7 88×31 小按鈕或banner
8 120×240 垂直banner
2001年第二次標准公布
Num Size(pix) Name
1 120×600 "摩天大樓"形
2 160×600 寬"摩天大樓"形
3 180×150 長方形
4 300×250 中級長方形
5 336×280 大長方形
6 240×400 豎長方形
7 250×250 "正方形彈出式"廣告
IAB 將不再支持1997年第一次公布標准中的392×72形。
從banner自身的設計大小看
1、全尺寸banner橫幅設計為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標准尺寸;
2、頁面長度原則上不超過3屏，寬度不超過1屏。
3、每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K。
4、每個標准頁面為A4幅面大小，即8.5*11英寸。
除了標准標志廣告，早期的網路廣告還有一種略小一點的廣告，稱為按鈕式廣告（BUTTON），常用的按鈕廣告尺寸有四種：125×125(方形按鈕)，120×90，120×60，88×31。隨著網路廣告的不斷發展，新形式和規格的網路廣告不斷出現，因此美國交互廣告署（IAB）也在不斷頒布新的網路廣告標准。

⑤ 網店Banner設計與製作方法是怎樣的

好的Banner設計，雖然都是由圖片加文字組成，但也絕不是「1＋1＝2」那麼簡單地疊加。如同一首樂曲，可以是古典交響樂，可以是流行電子樂，亦或民間小調，形式多樣，手法不一。有時候需要像作詩般字斟句酌，有時候也會有妙手偶得的驚喜。受制於互聯網視覺設計的特點，往往需要通過設計師的經驗思考，在較短的時間內製作出能夠通情達意的作品。下面為一運用Photoshop軟體進行的網店Banner設計與製作方法舉例。

（1）運行Photoshop軟體，執行「Ctrl」＋「N」命令創建一個新文件，設置新圖像文件的大小為寬度1920像素，高度為260像素（高度要根據具體情況來定），圖像解析度為72像素／英寸，顏色模式為RGB模式，背景色為白色。（2）搜索Banner設計的背景圖片，注意背景圖像的寬度必須大於或等於1920像素，選擇好背景圖像後，在Photoshop中打開圖像文件。（3）將選擇好的背景圖像，應用軟體的移動工具拖進第一步創建的Banner圖像文件中，並運用移動工具進行位置的調整，把需要的部分圖像放置在合適的位置。（4）在Photoshop軟體的圖層面板，設置背景圖像所在的圖層不透明度為40%，以降低圖像的不透明度，使背景圖像與白色的背景圖層融合。（5）把事先拍攝好的、事先計劃好要重點推薦與推銷的商品圖像在軟體中打開，運用Photoshop軟體中的魔術棒選擇工具，先在圖像的白色區域進行選擇，然後執行「Ctrl」＋「Shift」＋「I」反選命令把無線路由器產品圖像選中。（6）運用軟體的移動工具分別把上一步選擇完成的無線路由器側面圖與無線路由器背面圖拖移到Banner文件中，執行「Ctrl」＋「T」命令對無線路由器圖像進行大小與位置調整。（7）接下來運用文本工具添加文本，選擇字體為「方正蘭亭特黑」，字體大小為72點，設置字體為「斜體」，字體顏色為「藍色」，RGB數值為（6、68、182），字體顯示模式為「犀利」，輸入「數碼惠聚」幾個字。(8)執行「Ctrl」＋「T」自由變換命令，對「數碼惠聚」文字進行旋轉調整，轉動一定的角度。(9)繼續運用文本工具輸入文字，選擇字體為「方正蘭亭特黑」，字體大小為24點，設置字體為「斜體」，字體顏色為「藍色」，RGB數值為（53、98、4），字體顯示模式為「犀利」，輸入促銷文字，然後執行「Ctrl」＋「T」命令對文字的角度與位置進行調整。(10)運用上一步的方法與技巧，繼續輸入文本，除「1212」四個字的大小為30點，顏色為RGB（192、6、6）以外，其他文字屬性與上一步相同，然後一樣進行位置與角度調整。(11)繼續運用文本工具輸入文字，選擇字體為「方正蘭亭特黑」，字體大小為24點，設置字體為「斜體」，字體顏色為「藍色」，RGB數值為（6、68、182），字體顯示模式為「犀利」，輸入如下圖所示的促銷文字，然後執行「Ctrl」＋「T」命令對文字的角度與位置進行調整。(12)運用軟體的多邊形選擇工具，在工具屬性欄中設置羽化值為0。(13)在圖層面板新建一個圖層，並且用RGB數值為（6、68、182）的藍色對三角形選區進行填充顏色。並對這個圖層進行圖層樣式設置，圖層樣式為「斜面與浮雕」中的「內斜面」，方式為「雕刻清晰」。(14)設置好圖層樣式後，執行「Ctrl」＋「D」取消選擇命令。(15)把上面創建的三角形樣式所在的圖層進行4個復制，分別放置在如圖所示的位置，同時運用「Ctrl」＋「T」命令適當調整三角形樣式圖像的角度、大小、位置與不透明度，完成Banner設計。

⑥ 企業網站banner設計技巧有哪些

網頁設計中的 Banner設計其實是我們接觸互聯網工作後，最常見一種工作。那麼Banner到底是什麼呢？Banner的核心使命其實是吸引用戶關注，然後被點擊。他的主旨就是主題明確，突出關鍵內容，抓住用戶眼球。一個Banner他是由「背景、主視覺和標題文字」三部分組成，在我剛剛接到需求的時候，我首先分析他的重點詞、字，想要表達什麼，分析好了後可以在紙上畫下草稿，在大腦里有個大概的視覺效果，想法多的話可以畫幾版不一樣的，最後根據草稿定一個定稿，接下來就可以找素材著手做了。在做期間，還要注意整體的美觀，讓人看起來舒服。
關於Banner的設計，相信已經有很多人都看過這方面經驗的分享了，我來公司也做過了一些Banner的設計，那在這其中通過不斷的學習、實踐積累了自己的一些小小經驗和方法，下面給大家淺淺的分享下我總結的Banner設計經驗。如有錯誤，盡管拍磚。下面從這三部分逐一給大家分享下。
一、背景
我們畫畫的同學可能都知道，一個畫面不可能都面面俱到，重點的需要細致刻畫，有的一筆帶過即可。設計一個Banner有時候就像畫畫似的，首先要有大的環境，那Banner的背景就好比大環境，其實主要是起到襯托、烘托氣氛的作用。一個新需求過來，首先我們考慮要營造一個什麼樣的環境，什麼樣的氣氛，是歡快的、悲傷的、可愛的還是…比如過年，可能就用紅橙色，比如兒童類的，顏色上就要純一點，活潑點等等。
但是需要注意一點，背景不能太花，否則會影響整體的一個可讀識性，簡單，清晰即可。
二、主視覺元素
設計中的主視覺要清楚，符合主題，元素不可太多，否則看起來跟人感覺就會亂。有的人在做時只要是有地，就全放滿，其實頁面適當的「留白」也是提升畫面品質的一個好方法。視覺元素不論是人物，還是其他，一定要清晰，在我們找素材的時候也要找像素質量高的。
東西太多，想表達的也太多，這時候需要用戶去花時間思考它想告訴我們什麼，而往往這時候用戶是不願意是思考的，一是畫面不知道他要表達什麼，二是整體上沒有吸引住用戶的眼睛，這種情況下這個Banner設計是做到比較失敗的。
三、標題文字
標題文字非常重要，是整個Banner的主題，重點文字一定要在背景中突出出來，不論用顏色對比、放大、變形設計還是即便做立體效果等等。（這里我分享一個經驗，就是在頁面上新建一個黑色的圖層，樣式改成飽和度，整體上成黑白的效果後一眼就能看出來了）
最後總結幾點：
1.畫面整體統一，顏色搭配的看起來舒服；
2.頁面元素要以組為單位；（如文字和文字之間的間距不要過大，讓人看起來是一組）
3.採用吸引力的用語，或者添加「火速參與」等刺激性的詞語按鈕等，讓用戶在最短的時間內有去點擊他的慾望。
4.主次對比分明，合理安排頁面布局；
5.輸出K數不宜過大，否則載入速度會慢；
6.最後最重要的一點是，前期工作一定要與需求方溝通好，要知道，在工作中，溝通是非常重要的一件事情。

⑦ 優秀的Banner設計是怎麼做出來的

一、一致的風格

一般情況下風格在跟需求方溝通的時候就已經定好了大概的方向，同時我們可以問他要一些參考，進一步確認風格，還有種情況是需求方方沒有任何的要求，就說讓你自己把握就好，那這個我覺得也是分兩種情況，一種是需求方真的信任你，放手讓做，還有種就是其實他自己也不知道要什麼樣的，只是想等你做出來以後看了再說，如果是這種情況不講清楚的話很有可能就會面臨重做的悲劇。第一種類型基本就不需要太操心，自己根據內容什麼的來把握就好。第二種類型的話就需要引起注意了，我們可以自己找一些認為比較合適的參考讓需求方來選擇，然後根據他的選擇和需求方確認風格，防止他後面說什麼不要這種風格的，重做一版看看之類的。下面是一些比較常見的風格，可以參考一下。

時尚風：

可以看到上面這2個banner都有共同的特點，大標題、模特，報刊潮流雜志風。

復古風：

復古風的重點是傳統元素和復古圖案，像第一個用了書法字體跟水墨感覺的圖案， 第二個則是包含了傳統的剪紙元素 。

清新風：

簡約風的特點就是極簡主義、大空間，就像這個banner沒有任何過多的裝飾元素 ，整體感覺就是非常的透氣

二。有原則的排版

所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調整位置、大小，使版面達到美觀的視覺效果。之前在網上看到過一篇關於ppt排版六原則（對齊，聚攏，重復，對比，強調，留白）的文章，小編覺得這個在banner的設計中也是同樣適用。以下是一些排版原則哦，大家注意。

一、對齊原則

相關的內容要對齊，方便用戶視線快速移動，一眼看到最重要的信息。

二、聚攏原則

將內容分成幾個區域，相關內容都聚在一個區域中。

三、留白原則

千萬不要把banner排得密密麻麻，要留出一定的空間，這樣既減少了banner的壓迫感，又可以引導讀者視線，突出重點內容。

四、降噪原則

顏色過多、字體過多、圖形過繁，都是分散讀者注意力的」噪音」。

五、重復原則

排版時，要注意整個設計的一致性和連貫性，避免出現不同類型的視覺元素。

六、對比原則

加大不同元素的視覺差異，這樣既增加了banner的活潑，又突出了視覺重點，方便用戶一眼瀏覽到重要的信息。

⑧ Banner設計的形式美法則是什麼樣的

在Banner設計中遵循形式美的法則，採用特殊的形式結構，會使網頁變得個性十足，並能很好地區別於同類網站，讓人記憶深刻。

（1）有機形的柔和與美。

有機形是由一定數量的曲線組合而成的，是自然物外力與內力相抗衡而形成的形態。有機形富有內在的張力，給人以純朴、溫暖而富有生命力的感覺。例如在圖5.56中，曲線與個性化的插圖形成強烈的對比。（2）偶然形的獨特魅力。

偶然形是在力的作用下隨機形成的圖形，有很強的隨機性，它具有天然成趣的效果，利用偶然因素提煉美的方法，讓Banner設計更加與眾不同。Photoshop中畫筆的定義、畫筆的形狀、散布、紋理，以及濾鏡效果等有很強的隨機性，可以應用於Banner設計。

（3）預留大面積的Banner空間創作。

在網頁設計中可以為Banner設計預留空間，如果Banner設計佔用很大的空間，且佔用的空間是重要而有價值的面積，設計過程中可能會比較難處理，但是如果處理得好的話，它將會事半功倍，而且信息傳達非常有效。（4）有效的措辭與行為導向按鈕。

在Banner設計中通過真實產品的展示，並配以鼓動人心的措辭口號及醒目的文字，可以直接誘導用戶點擊的行為導向按鈕，讓網頁獲得更多的用戶點擊和關注度，能起到非常好的設計效果。（5）豐富的產品展示組合效果。

用堆積方法設計Banner特效，來展示不同的作品示例，並附上一條介紹性質的口號，便網頁變得更有說服力，內容豐富而且整個頁面富有層次感，能收到比較好的效果。

⑨ banner設計需要注意哪些事項

1.文字

一張圖片，若想表達豐富的內容，就必須配合文字的使用。使用戶更能直觀，快速的理解產品設計者的意圖。

怎麼開網店，分清主標題和副標題，主標題要醒目，字體上要偏大。優秀的字體設計要飽滿，集中。

如果主標太長，需求方不捨得刪文字的情況下，對主標中重要關鍵詞優化，突出主要的信息，弱化『的』、『之』、『和』、年』、『第X屆』這種信息量不大的詞。若標題很短，並且畫面不夠飽滿的情況下，可以點綴一些域名等信息做補充。

2.動態和靜態

禁用動圖作為banner，動圖會給用戶造成瀏覽壓力。靜態圖片會讓用戶更加的輕松，而沒有視覺疲勞感。

3.「重量」要輕

注意用PS修改圖片大小，在保證圖片精度的情況下，盡量將突破壓縮在最小，以提高網頁載入速度。

4.banner設計的原則

對齊原則

相關的內容要對齊，方便用戶實現快速移動，一眼看到最重要的信息。

聚攏原則

將內容分成幾個區域，相關內容都聚在一個區域中。

留白原則

開網店賣家千萬不要把排得密密麻麻，要留出一定的空間，這樣既減少了壓迫感，又可以引導讀者視線，突出重點內容。

降噪原則

顏色過多、字體過多、圖形過繁，都是分散讀者注意力的」噪音」。

⑩ banner設計如何創作完美配色方案

1、從色輪開始
色彩看起來非常的簡單，但是直到今天它依然是設計師手中最實用的利器。色輪不僅僅是一系列色彩的簡單組合，它暗含色彩之間的關系和規律，可以幫你構思配色，確定色彩之間的搭配是否協調。
2、色調和色彩
很少有設計師直接在色輪上取色就直接拿來用的，因為絕大多數時候，配色是需要經過調整才能用的。這個時候，你就需要調整色彩、色度和色調這些屬性：
色彩：顏色+白色
色度：顏色+黑色
色調：顏色+灰色/白色/黑色
這些調整方式能改變色彩的飽和度，讓你的配色方案變的不一樣。
3、黑色、白色和中性配色
挑選一兩個明亮的色彩並不足以支撐整個配色方案，那些經常被人忽視的色彩可能占據整個設計的色彩中的絕大部分，它們就是以黑和白為代表的中性色。
中性色為其他色彩搭建了表現的舞台，讓他們展現性格營造氛圍。
4、避免彩虹式配色
色彩的使用應該是有節制的。你的配色方案中並不需要5種甚至10種色彩同時存在，最好的配色方案通常只是2~4種色彩的搭配。好的設計和配色方案會讓每種色彩具備它獨有的作用與角色，讓色彩各司其職。
5、結合內容考慮配色
優秀的配色方案並不只是確保視覺上的一致性，會讓內容和色調情緒上保持一致。
6、堅持遵循配色方案
當你創造出一套優秀的配色方案的時候，你會盡量將這個方案貫穿整個項目。這個時候，你應當建立一套規則，來確保整個配色能夠系統化地貫穿到整個項目當中。
所以在banner設計中，大家需要做好配色方案的設計工作，這樣設計出來的banner才是優質的。