跟著網頁輪制作播圖學設計

2019-12-06 點擊量：

輪播圖或者說banner圖是用戶在網站首頁最先看到的畫面，所以品牌方和設計師都會比較重視，再加上網頁設計自帶互聯網屬性，又是RGB顏色模式，所以有很多優秀的作品，是學習排版、構圖、形式、配色的好對象，以下便是蔥爺最新收集的一波banner圖設計作品，來看看它們分別有哪些設計技巧值得我們學習。

▲用斜色塊橫跨背景，嘉瑞廣告，然后把主體壓在色塊上是一種很經典的設計形式，能夠有效增強視覺沖擊。

 

▲在灰黑的背景上搭配以白色為主、暖色為輔的主體元素。

 

▲把特寫人物或動物五官的圖片作為畫面主體，全貌圖則縮小作為點綴即可，背景盡量簡單、模糊一點，這種形式具有很強的吸引力和感染力，但對圖片質量要求比較高。

 

▲把具有重復元素的圖片平鋪當成背景，如草叢、樹叢、花叢、森林、沙灘等等，通常會有不錯的效果。

 

▲低飽和度深藍色搭配香檳金，字體選用襯線體，老高級了。

 

▲去底的大圖與不去底的小圖形成內容上的呼應，既能增強對比，又能加強畫面的整體性。

 

▲大面積的紫色與小面積藍色、白色、黃色、玫紅色搭在一起，會顯得比較時尚、年輕。

 

▲把同類型的2-3張圖片分別嵌入到大小相同的圓內，然后把圖片交叉的部分裁成直邊，錯位組合，并把圖片與圖片交接處用直線隔開。此形式給人的感覺既統一又具有變化。

 

▲在黑色背景中搭配高飽和度的漸變色塊，色塊的布局要有大小和疏密對比。

 

▲把背景等分成三份，任意相連兩個色塊使用近似色，另一色塊使用與其對比較強的顏色（可以是色相對比、明度對比或飽和度對比），然后把主體置于形成對比關系的兩個色塊交匯處。另，在標題中建立文字的粗細對比會顯得更精致。

 

▲把背景分為對比鮮明的兩個色塊，還是把主體置于色塊交匯處，然后把圖片屬于相應色塊的部分調成與色塊同色系。

 

▲把標題與內文左對齊，然后用短線把二者隔開，標題與內文距離短線的高度控制在內文文字高度的2-4倍為最佳。

 

▲把去底圖片嵌入圓形色塊中，并把圖片顏色與色塊顏色統一，在排版時，可以把部分標題文字疊加在色塊上。

 

▲把照片疊印在背景色塊中，并使用比較低的透明度，可以使畫面更有細節和空間感。

 

▲把文字或圖形作為產品圖片的背景，可以增加設計感。