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