banner設(shè)計(jì)圖片（banner設(shè)計(jì)圖片素材）

大家好！今天讓小編來大家介紹下關(guān)于banner設(shè)計(jì)圖片的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、Banner如何進(jìn)行設(shè)計(jì)制作？?

• 2、網(wǎng)頁(yè)設(shè)計(jì)中banner設(shè)計(jì)尺寸是多少

• 3、怎么設(shè)計(jì)網(wǎng)頁(yè)banner

• 4、網(wǎng)站建設(shè)中 網(wǎng)站banner多大尺寸才合適

一、Banner如何進(jìn)行設(shè)計(jì)制作？?

3、Banner的整體配色

既然我們想要做一個(gè)好的Banner圖片，那么在配色上，就得下點(diǎn)功夫了，簡(jiǎn)單大氣的配色，可以瞬間讓Banner甚至網(wǎng)站整體，提升一個(gè)檔次。

4、整體的Banner排版

上邊，基本把Banner圖片的排版給確定了，這一步，其實(shí)就是讓我們的Banner圖片變的好看點(diǎn)。 以上呢，就是簡(jiǎn)單的步驟，其實(shí)做好Banner圖，很簡(jiǎn)單的。

二、網(wǎng)頁(yè)設(shè)計(jì)中banner設(shè)計(jì)尺寸是多少

不同的環(huán)境下設(shè)置的尺寸都不一樣

1、800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。

2、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)決定。

3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右。

4、1024*768 下網(wǎng)頁(yè)的尺寸:width=955,height=600                                              

800*600 下網(wǎng)頁(yè)的尺寸:width=760,height=420。

5、一般分辨率在800*600的情況下，頁(yè)面的顯示尺寸為：780*428px，

分辨率在640*480的情況下，頁(yè)面的顯示尺寸為:620*311px，

分辨率在1024*768的情況下，頁(yè)面的顯示尺寸為：1007*600px。

擴(kuò)展資料：

banner設(shè)計(jì)標(biāo)準(zhǔn)尺寸大全

Internet Advertising Bureau

(IAB，國(guó)際廣告局)的"標(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 長(zhǎng)方形

4、300×250 中級(jí)長(zhǎng)方形

6、240×400 豎長(zhǎng)方形

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、頁(yè)面長(zhǎng)度原則上不超過3屏，寬度不超過1屏。

3、每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過60K，全尺寸banner不超過14K。

4、每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5*11英寸。

參考資料來源：百度百科-網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)

三、怎么設(shè)計(jì)網(wǎng)頁(yè)banner

Banner規(guī)格尺寸大小不一，文件大小也有一定的限制，這就使得在設(shè)計(jì)上增加了許多障礙，顏色不能太豐富，否則會(huì)在文件大小的限制下失真，軟文不

能太多，否則會(huì)沒有重點(diǎn)，得不償失，怎么在方寸間把握平衡，變得十分重要。接下來，我為大家總結(jié)累一些，如有鄙陋，請(qǐng)指正，萬(wàn)分感謝。

第一部分：顏色

1．Banner與環(huán)境對(duì)比

試想如果在一個(gè)以淺色調(diào)為基準(zhǔn)的網(wǎng)站上投放Banner，是不是從明度上拉開對(duì)比會(huì)很好的提高用戶的注意力呢(相反亦然)。

以此也可推想出，如果在一個(gè)有顏色基調(diào)的網(wǎng)站上投放補(bǔ)色或者對(duì)比色的Banner，效果就會(huì)變得更矚目(補(bǔ)色和對(duì)比色案例)。

2．Banner顏色簡(jiǎn)單至上

(1)試想一個(gè)Banner五顏六色，是不是就能夠吸引眼球了呢?首先，先對(duì)比一下

哪個(gè)更吸引你的注意力呢?大多數(shù)人肯定會(huì)覺得后者給用戶帶來的視覺傳達(dá)力更強(qiáng)，簡(jiǎn)潔明確、樸素有力的效果，給人一種重量感和力量感。前者顏色雖多，卻沒有帶來更好的視覺傳達(dá)效果，為什么呢?顏色過度使用會(huì)打亂色彩節(jié)奏，并且，減弱了顏色間的對(duì)比，使整體效果變?nèi)酢?/p>

(2)其次， 使用顏色越多，最后保存時(shí)文件體積越大，加載起來越慢，讓用戶等待就意味著和用戶說再見了，如果靠降低品質(zhì)來達(dá)到Banner的上傳要求，那展現(xiàn)給用戶的是低質(zhì)量的banner，也一樣會(huì)丟失一些用戶。

所以，顏色簡(jiǎn)單有力，加載清晰快速，對(duì)于banner的視覺傳達(dá)很重要，只要讓用戶產(chǎn)生點(diǎn)擊欲望，我們推廣的目的就達(dá)到了。

第二部分：構(gòu)圖

1．構(gòu)圖的定義及規(guī)則

構(gòu)圖其實(shí)說白了就是經(jīng)營(yíng)畫面，進(jìn)行布局，如何在你構(gòu)圖的引導(dǎo)下吸引用戶點(diǎn)擊，產(chǎn)生欲望，了解內(nèi)容，如果都能達(dá)到，那說明你的構(gòu)圖成功了。構(gòu)圖的基本規(guī)則是：均衡、對(duì)比和視點(diǎn)。

均衡：均衡不是對(duì)稱，是一種力量上的平衡感，使畫面具有穩(wěn)定性。

均衡不是對(duì)稱

對(duì)比：在構(gòu)圖上來說就是大小對(duì)比，粗細(xì)對(duì)比，方圓對(duì)比，曲線與直線對(duì)比等等。

白色線條的對(duì)比產(chǎn)生了空間感

視點(diǎn)：就是如何將用戶的目光集中在畫面的中心點(diǎn)上，我們可以用構(gòu)圖去引導(dǎo)用戶的視點(diǎn)

將視點(diǎn)集中引導(dǎo)到slogan上

介紹完構(gòu)圖的基本規(guī)則，舉例子檢視下：一張X-MEN的宣傳banner，這張banner人物排布既平衡又不對(duì)稱，人物大小不一，產(chǎn)生出對(duì)比，突

出了部分劇中人物。Banner正中一個(gè)大大的X，把視點(diǎn)集中到了畫面的最中心，很好的利用基本構(gòu)圖規(guī)則進(jìn)行banner設(shè)計(jì)。

2．構(gòu)圖的樣式

構(gòu)圖大概分以下幾種：(1).垂直水平式構(gòu)圖 (2).三角形構(gòu)圖(正三角和倒三角)(3)漸次式構(gòu)圖 (4).輻射式構(gòu)圖 (5).框架式構(gòu)圖 (6)對(duì)角線構(gòu)圖

(1)垂直水平式構(gòu)圖：

平行排列每一個(gè)產(chǎn)品，每個(gè)產(chǎn)品展示效果都很好，各個(gè)產(chǎn)品所占比重相同，秩序感強(qiáng)，此類構(gòu)圖給用戶心情：產(chǎn)品規(guī)矩正式、高大、安全感強(qiáng)。

(2)正三角形和倒三角構(gòu)圖：

多個(gè)產(chǎn)品進(jìn)行正三角構(gòu)圖，產(chǎn)品立體感強(qiáng)，各個(gè)產(chǎn)品所占比重有輕有重，構(gòu)圖穩(wěn)定自然，空間感強(qiáng)。此類構(gòu)圖給用戶心情：安全感極強(qiáng)、穩(wěn)定可靠。

多個(gè)產(chǎn)品進(jìn)行倒三角構(gòu)圖，產(chǎn)品立體感極強(qiáng)，各個(gè)產(chǎn)品所占比重有輕有重，構(gòu)圖動(dòng)感活潑失衡，運(yùn)動(dòng)感空間感強(qiáng)。此類構(gòu)圖給用戶心情：不穩(wěn)定感激發(fā)用戶心情，給用戶運(yùn)動(dòng)的感覺。

(3)對(duì)角線構(gòu)圖：一個(gè)產(chǎn)品或兩個(gè)產(chǎn)品進(jìn)行組合對(duì)角線構(gòu)圖，產(chǎn)品的空間感強(qiáng)，各個(gè)產(chǎn)品所占比重相對(duì)平衡，構(gòu)圖動(dòng)感活潑穩(wěn)定，運(yùn)動(dòng)感空間感強(qiáng)。此類構(gòu)圖給用戶心情：動(dòng)感十足且穩(wěn)定。

(4)漸次式構(gòu)圖：多個(gè)產(chǎn)品進(jìn)行漸次式排列，產(chǎn)品展示空間感強(qiáng)，各個(gè)產(chǎn)品所占比重不同，由大及小，構(gòu)圖穩(wěn)定，次序感強(qiáng)，利用透視引導(dǎo)指向slogan。此類構(gòu)圖給用戶心情：穩(wěn)定自然，產(chǎn)品豐富可靠。

(5)輻射式構(gòu)圖：多個(gè)產(chǎn)品進(jìn)行輻射式構(gòu)圖，產(chǎn)品空間感強(qiáng)，各個(gè)產(chǎn)品所占比重不同，由大及小。構(gòu)圖動(dòng)感活潑，次序感強(qiáng)，利用透視指向slogan，此類構(gòu)圖給用戶心情：活潑動(dòng)感，產(chǎn)品豐富可靠。

(6)框架式構(gòu)圖：?jiǎn)蝹€(gè)或多個(gè)產(chǎn)品框架式構(gòu)圖，產(chǎn)品展示效果好，有畫中畫的感覺。構(gòu)圖規(guī)整平衡，穩(wěn)定堅(jiān)固。此類構(gòu)圖給用戶心情：穩(wěn)定可信賴，產(chǎn)品可靠。

3．軟文（Slogan）

(1)俗話說得好“話不在多，精辟就行”當(dāng)今炙手火熱的微博就是一個(gè)例子“140字概括你要說的”，Slogan也是一樣。

(2)要言之有物，第一要抓住用戶的心里，了解用戶的想法很重要。第二我們要推給用戶什么，用戶對(duì)什么感興趣。下面舉個(gè)例子：

Slogan只有四個(gè)字，終于來了，白色iphone4吊足了apple迷門近兩年的胃口，這四個(gè)字恐怕是他們最想聽到的。用戶從不會(huì)質(zhì)疑apple的性

能，科技領(lǐng)先性及用戶體驗(yàn)性，他們最想的恐怕就是擁有自己夢(mèng)寐以求的白色iphone4。所以，apple的slogan簡(jiǎn)約而不簡(jiǎn)單。

四、網(wǎng)站建設(shè)中 網(wǎng)站banner多大尺寸才合適

網(wǎng)站布局不同，banner圖片的大小就不同，如果不知道網(wǎng)站banner圖片大小，可以將鼠標(biāo)放在banner圖處右擊審查元素，就可以查看banner圖大小，然后就可以按照這個(gè)尺寸進(jìn)行設(shè)計(jì)banner圖片?！军c(diǎn)擊查看做個(gè)網(wǎng)站到底多少錢】

想要了解更多有關(guān)網(wǎng)站建設(shè)的相關(guān)信息，推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)有千萬(wàn)服務(wù)商為企業(yè)、公共機(jī)構(gòu)和個(gè)人提供定制化的解決方案，將創(chuàng)意、智慧、技能轉(zhuǎn)化為商業(yè)價(jià)值和社會(huì)價(jià)值。2011年豬八戒網(wǎng)獲得IDG投資并被評(píng)選為中國(guó)2011年度“最佳商業(yè)模式十強(qiáng)”企業(yè)；在行業(yè)內(nèi)口碑極佳，受到了廣大客戶的一致好評(píng)。

以上就是小編對(duì)于banner設(shè)計(jì)圖片問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

nba年薪排行榜2016（nba年薪排行榜2022）

nba歷史出手排行榜（nba歷史出手排行榜前十名）

nbamvp排行榜2017是誰(shuí)（2017年nbamvp是誰(shuí)）

嘉興屋頂景觀設(shè)計(jì)公司（嘉興屋頂景觀設(shè)計(jì)公司有哪些）

如何熱搜降熱度（如何給熱搜降熱度）