淺析Banner設(shè)計(jì)
發(fā)布者：君點(diǎn)科技 時(shí)間：2019-05-30 13:40:56第一部分：顏色
1．Banner與環(huán)境對(duì)比
試想如果在一個(gè)以淺色調(diào)為基準(zhǔn)的網(wǎng)站上投放Banner，是不是從明度上拉開(kāi)對(duì)比會(huì)很好的提高用戶(hù)的注意力呢
以此也可推想出，如果在一個(gè)有顏色基調(diào)的網(wǎng)站上投放補(bǔ)色或者對(duì)比色的Banner，效果就會(huì)變得更矚目（補(bǔ)色和對(duì)比色案例）。
2．Banner顏色簡(jiǎn)單至上
（1）試想一個(gè)Banner五顏六色，是不是就能夠吸引眼球了呢？首先，先對(duì)比一下
哪個(gè)更吸引你的注意力呢？大多數(shù)人肯定會(huì)覺(jué)得后者給用戶(hù)帶來(lái)的視覺(jué)傳達(dá)力更強(qiáng)，簡(jiǎn)潔明確、樸素有力的效果，給人一種重量感和力量感。前者顏色雖多，卻沒(méi)有帶來(lái)更好的視覺(jué)傳達(dá)效果，為什么呢？顏色過(guò)度使用會(huì)打亂色彩節(jié)奏，并且，減弱了顏色間的對(duì)比，使整體效果變?nèi)酢?/p>
（2）其次， 使用顏色越多，最后保存時(shí)文件體積越大，加載起來(lái)越慢，讓用戶(hù)等待就意味著和用戶(hù)說(shuō)再見(jiàn)了，如果靠降低品質(zhì)來(lái)達(dá)到Banner的上傳要求，那展現(xiàn)給用戶(hù)的是低質(zhì)量的banner，也一樣會(huì)丟失一些用戶(hù)。
顏色簡(jiǎn)單有力，加載清晰快速，對(duì)于banner的視覺(jué)傳達(dá)很重要，只要讓用戶(hù)產(chǎn)生點(diǎn)擊欲望，我們推廣的目的就達(dá)到了。
第二部分：構(gòu)圖
1．構(gòu)圖的定義及規(guī)則
構(gòu)圖其實(shí)說(shuō)白了就是經(jīng)營(yíng)畫(huà)面，進(jìn)行布局，如何在你構(gòu)圖的引導(dǎo)下吸引用戶(hù)點(diǎn)擊，產(chǎn)生欲望，了解內(nèi)容，如果都能達(dá)到，那說(shuō)明你的構(gòu)圖成功了。構(gòu)圖的基本規(guī)則是：均衡、對(duì)比和視點(diǎn)。
均衡：均衡不是對(duì)稱(chēng)，是一種力量上的平衡感，使畫(huà)面具有穩(wěn)定性。
均衡不是對(duì)稱(chēng)
對(duì)比：在構(gòu)圖上來(lái)說(shuō)就是大小對(duì)比，粗細(xì)對(duì)比，方圓對(duì)比，曲線與直線對(duì)比等等。
白色線條的對(duì)比產(chǎn)生了空間感
視點(diǎn)：就是如何將用戶(hù)的目光集中在畫(huà)面的中心點(diǎn)上，我們可以用構(gòu)圖去引導(dǎo)用戶(hù)的視點(diǎn)
將視點(diǎn)集中引導(dǎo)到slogan上
介紹完構(gòu)圖的基本規(guī)則，舉例子檢視下：一張X-MEN的宣傳banner，這張banner人物排布既平衡又不對(duì)稱(chēng)，人物大小不一，產(chǎn)生出對(duì)比，突出了部分劇中人物。Banner正中一個(gè)大大的X，把視點(diǎn)集中到了畫(huà)面的最中心，很好的利用基本構(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)，此類(lèi)構(gòu)圖給用戶(hù)心情：產(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)。此類(lèi)構(gòu)圖給用戶(hù)心情：安全感極強(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)。此類(lèi)構(gòu)圖給用戶(hù)心情：不穩(wěn)定感激發(fā)用戶(hù)心情，給用戶(hù)運(yùn)動(dòng)的感覺(jué)。
(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)。此類(lèi)構(gòu)圖給用戶(hù)心情：動(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。此類(lèi)構(gòu)圖給用戶(hù)心情：穩(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，此類(lèi)構(gòu)圖給用戶(hù)心情：活潑動(dòng)感，產(chǎn)品豐富可靠。
(6)框架式構(gòu)圖：?jiǎn)蝹€(gè)或多個(gè)產(chǎn)品框架式構(gòu)圖，產(chǎn)品展示效果好，有畫(huà)中畫(huà)的感覺(jué)。構(gòu)圖規(guī)整平衡，穩(wěn)定堅(jiān)固。此類(lèi)構(gòu)圖給用戶(hù)心情：穩(wěn)定可信賴(lài)，產(chǎn)品可靠。
3．軟文（Slogan）
(1)俗話說(shuō)得好“話不在多，精辟就行”當(dāng)今炙手火熱的微博就是一個(gè)例子“140字概括你要說(shuō)的”，Slogan也是一樣。
(2)要言之有物，第一要抓住用戶(hù)的心里，了解用戶(hù)的想法很重要。第二我們要推給用戶(hù)什么，用戶(hù)對(duì)什么感興趣。下面舉個(gè)例子：
Slogan只有四個(gè)字，終于來(lái)了，白色iphone4吊足了apple迷門(mén)近兩年的胃口，這四個(gè)字恐怕是他們最想聽(tīng)到的。用戶(hù)從不會(huì)質(zhì)疑apple的性能，科技領(lǐng)先性及用戶(hù)體驗(yàn)性，他們最想的恐怕就是擁有自己夢(mèng)寐以求的白色iphone4。所以，apple的slogan簡(jiǎn)約而不簡(jiǎn)單。
本信息來(lái)源于：君點(diǎn)科技 fasttcp.cn 網(wǎng)站建設(shè)，網(wǎng)站設(shè)計(jì)，上海網(wǎng)站建設(shè)，上海網(wǎng)站設(shè)計(jì)，網(wǎng)站建設(shè)公司，網(wǎng)站設(shè)計(jì)公司
掃描二維碼
