我們口中所說的Banner圖是作為網(wǎng)頁首頁/APP首頁、活動(dòng)頁的橫幅廣告，一般會(huì)放在頁面的最頂部，有些放在中部，以及最下部。通過圖片的形式，比文字更多的直觀性和視覺吸引性，容易引起訪問者的點(diǎn)擊。
而Banner的設(shè)計(jì)也是有多重風(fēng)格，有些簡(jiǎn)潔高端，有些色彩斑斕吸引人眼球，有些視覺沖擊性強(qiáng)，并不是某一種風(fēng)格總是能夠吸引人的眼球，更重要的是組成Banner的元素搭配要合理。
怎么合理法？就要回歸設(shè)計(jì)Banner的初衷：Banner是用來干什么的？
一、總體上
一眼望去，給人的感覺是很協(xié)調(diào)，很有Feel，能夠讓我在眾多的Banner圖中看到它。
二、細(xì)節(jié)上
1、背景
重度虛化后的城市燈光夜景，在顏色的變化上和虛實(shí)結(jié)合有了空間感，突顯出主題人物和文字。在我們選擇背景的同時(shí)，還要考慮上本次活動(dòng)的主題是否適合，以及產(chǎn)品/活動(dòng)的定位風(fēng)格。
2、產(chǎn)品
上圖宣傳的主體是以文字的形式來體現(xiàn)的，簡(jiǎn)單的“滿月慶”三個(gè)字表達(dá)這個(gè)活動(dòng)是“搖看”這個(gè)平臺(tái)滿一個(gè)月的活動(dòng)慶典；當(dāng)然有些活動(dòng)可以用圖片來表述的話會(huì)更加直觀，這要看你的主體適合哪一種形式
3、顏色
互補(bǔ)和對(duì)比色會(huì)帶來更大視覺的沖擊力，顯得更加突出
鄰近色和同類色的使用會(huì)顯得平衡、舒適、和諧
上圖采用冷暖色搭配，背景色彩飽和度低顯得柔和，人物主色調(diào)為暖色，跟背景融為一體，不會(huì)搶了內(nèi)容的重點(diǎn)，黃色字體＋紅色背景突出重點(diǎn)，一目了然。
4、字體
三種不同格式、不同大小的字體體現(xiàn)了設(shè)計(jì)的對(duì)比性，紅色圓形的背景字體居中，日期加入底色，字體中心加入一束圓形亮光，這些都是為了突出內(nèi)容重點(diǎn)，與人物和背景形成對(duì)比。
5、添加元素
適當(dāng)?shù)奶砑釉乜梢载S富Banner的內(nèi)容，上圖添加的元素是幾片虛實(shí)不同的花瓣，增加的動(dòng)感，大的花瓣虛融入背景，小的花瓣實(shí)視覺上顯得距離近，虛實(shí)遠(yuǎn)近結(jié)合；
圖片添加類似光線的棱形圖層，讓畫面看起來更加立體。
最后還有圖片的構(gòu)圖：左圖右文。左右平衡，突出內(nèi)容，符合正常的閱讀習(xí)慣。
