淺析Banner設(shè)計理念

1、當(dāng)今，無論任何一款互聯(lián)網(wǎng)產(chǎn)品，都需要搭載PC平臺進行推廣，Banner更是推廣的一大利 器，怎么將Banner設(shè)計好就成為一個需要探討研究的課題。Banner規(guī)格尺寸大小不一，文件大小也有一定的限制，這就使得在設(shè)計上增加了許多 障礙，顏色不能太豐富，否則會在文件大小的限制下失真，軟文不能太多，否則會沒有重 點，得不償失，怎么在方寸間把握平衡，變得十分重要。接下來，我為大家總結(jié)累一些，如 有鄙陋，請指正，萬分感謝。第一部分：顏色l.Banner與環(huán)境對比試想如果在一個以淺色調(diào)為基準(zhǔn)的網(wǎng)站上投放Banner，是不是從明度上拉開對比會很好的 提高用戶的注意力呢（相反亦然）。以此也可推想出，如果在一個

2、有顏色基調(diào)的網(wǎng)站上投放補色或者對比色的Banner，效果就 會變得更矚目（補色和對比色案例）。BannerBannerBarmer2.Banner顏色簡單至上試想一個Banner五顏六色，是不是就能夠吸引眼球了呢?首先，先對比一下哪個更吸引你的注意力呢?大多數(shù)人肯定會覺得后者給用戶帶來的視覺傳達(dá)力更強，簡潔明 確、樸素有力的效果，給人一種重量感和力量感。前者顏色雖多，卻沒有帶來更好的視覺 傳達(dá)效果，為什么呢?顏色過度使用會打亂色彩節(jié)奏，并且，減弱了顏色間的對比，使整體 效果變?nèi)酢?2)其次，使用顏色越多，最后保存時文件體積越大，加載起來越慢，讓用戶等 待就意味著和用戶說再見了，如果靠降低品質(zhì)來

3、達(dá)到Banner的上傳要求，那展現(xiàn)給用戶的 是低質(zhì)量的banner，也一樣會丟失一些用戶。所以，顏色簡單有力，加載清晰快速，對于banner的視覺傳達(dá)很重要，只要讓用戶產(chǎn) 生點擊欲望，我們推廣的目的就達(dá)到了。第二部分：構(gòu)圖構(gòu)圖的定義及規(guī)則構(gòu)圖其實說白了就是經(jīng)營畫面，進行布局，如何在你構(gòu)圖的引導(dǎo)下吸引用戶點擊，產(chǎn)生 欲望，了解內(nèi)容，如果都能達(dá)到，那說明你的構(gòu)圖成功了。構(gòu)圖的基本規(guī)則是：均衡、對比 和視點。均衡：均衡不是對稱，是一種力量上的平衡感，使畫面具有穩(wěn)定性。Slogan Slogan均衡不是對稱對比：在構(gòu)圖上來說就是大小對比，粗細(xì)對比，方圓對比，曲線與直線對比等等。mill i 11iii

4、iSloganHII I I I I I IIII白色線條的對比產(chǎn)生了空間感視點：就是如何將用戶的目光集中在畫面的中心點上，我們可以用構(gòu)圖去引導(dǎo)用戶的視 點八、將視點集中引導(dǎo)到slogan上介紹完構(gòu)圖的基本規(guī)則，舉例子檢視下：一張X-MEN的宣傳banner，這張banner人物 排布既平衡又不對稱，人物大小不一，產(chǎn)生出對比，突出了部分劇中人物。Banner正中一 個大大的X，把視點集中到了畫面的最中心，很好的利用基本構(gòu)圖規(guī)則進行banner設(shè)計。構(gòu)圖的樣式構(gòu)圖大概分以下幾種：(1).垂直水平式構(gòu)圖(2).三角形構(gòu)圖(正三角和倒三角)(3)漸次式 構(gòu)圖(4).輻射式構(gòu)圖(5).框架式構(gòu)圖(6)

5、對角線構(gòu)圖(1)垂直水平式構(gòu)圖：平行排列每一個產(chǎn)品，每個產(chǎn)品展示效果都很好，各個產(chǎn)品所占比重 相同，秩序感強，此類構(gòu)圖給用戶心情：產(chǎn)品規(guī)矩正式、高大、安全感強。A七形心情星期/只褲?A七形心情星期/只褲?A NEE DAY 1Slogan正三角形和倒三角構(gòu)圖：多個產(chǎn)品進行正三角構(gòu)圖，產(chǎn)品立體感強，各個產(chǎn)品所占比重 有輕有重，構(gòu)圖穩(wěn)定自然，空間感強。此類構(gòu)圖給用戶心情：安全感極強、穩(wěn)定可靠。多個產(chǎn)品進行倒三角構(gòu)圖，產(chǎn)品立體感極強，各個產(chǎn)品所占比重有輕有重，構(gòu)圖動感活潑失 衡，運動感空間感強。此類構(gòu)圖給用戶心情：不穩(wěn)定感激發(fā)用戶心情，給用戶運動的感覺。對角線構(gòu)圖：一個產(chǎn)品或兩個產(chǎn)品進行組合對角線構(gòu)

6、圖，產(chǎn)品的空間感強，各個產(chǎn)品所 占比重相對平衡，構(gòu)圖動感活潑穩(wěn)定，運動感空間感強。此類構(gòu)圖給用戶心情：動感十足且 穩(wěn)定。漸次式構(gòu)圖：多個產(chǎn)品進行漸次式排列，產(chǎn)品展示空間感強，各個產(chǎn)品所占比重不同， 由大及小，構(gòu)圖穩(wěn)定，次序感強，利用透視引導(dǎo)指向slogan。此類構(gòu)圖給用戶心情：穩(wěn)定自 然，產(chǎn)品豐富可靠。輻射式構(gòu)圖：多個產(chǎn)品進行輻射式構(gòu)圖，產(chǎn)品空間感強，各個產(chǎn)品所占比重不同，由大 及小。構(gòu)圖動感活潑，次序感強，利用透視指向slogan，此類構(gòu)圖給用戶心情：活潑動感， 產(chǎn)品豐富可靠。(6)框架式構(gòu)圖：單個或多個產(chǎn)品框架式構(gòu)圖，產(chǎn)品展示效果好，有畫中畫的感覺。構(gòu) 圖規(guī)整平衡，穩(wěn)定堅固。此類構(gòu)圖給用戶心情：穩(wěn)定可信賴，產(chǎn)品可靠。軟文(Slogan)(1)俗話說得好“話不在多，精辟就行”當(dāng)今炙手火熱的微博就是一個例子“140字概括你要 說的”，Slogan也是一樣。(2)要言之有物，第一要抓住用戶的心里，了解用戶的想法很重要。 第二我們要推給用戶什么，用戶對什么感興趣。下面舉個例子：終于來了絕妙的iPhone 4,白色機型現(xiàn)已上市。,二Slogan只有四個字，終于來了，白色iphone4吊足了 appl