在APP開發、網站開發時，banner圖都是最重要的。特別是網站，很多網站打開首頁后，banner圖基本上覆蓋了整個屏幕，banner圖基本上永遠放在一個界面最重要的位置，因此，banner的好壞無論是對設計師還是產品本身都是非常重要的。今天，樂信科技小編帶大家聊一聊關于banner圖的設計。

首先，我們先了解一下什么是平面構成。百度百科的解釋是：平面構成是視覺元素在二次元的平面上，按照美的視覺效果，力學的原理，進行編排和組合，它是以理性和邏輯推理來創造形象、研究形象與形象之間的排列的方法，是理性與感性相結合的產物。我的理解，平面構成主要是在二維空間運用點、線、面結合一定的規律所形成的一種視覺語言，他可以是抽象的，也可以是具象的，可以是感性的，也可以是理性的，同時它也不是獨立存在的，而是伴隨著色彩/肌理/光影等而存在的。基本上世間萬物，所有我們接觸到的或無法接觸到的，看得見的或看不見的事物里都有平面構成的運用和身影。

 

其次，我們要了解Banner圖是由什么組成的。比如電商Banner，組成要素一般包含4個方面：文案 、商品/模特、背景、點綴物。Banner的作用是：宣傳/展示/廣而告之/準確傳達信息。

 

第三、我們該如何在Banner圖設計中運用平面構成呢？在前面我們提到，平面構成主要是在二維空間運用點、線、面結合一定的規律所形成的一種視覺語言，而Banner中的所有元素(文案/商品或模特/背景/點綴物)其實都可以看作是平面構成里的點線面這些構成元素。

　　那么，接下來我們就需要了解3個有關平面構成的概念了：

　　1、元素與元素之間的排列關系

　　2、所有元素在一起所體現的構成形式

　　3、了解幾個常用的平面術語

 

　　接下來，我們分別了解下這幾個概念：

　　1、元素與元素之間的排列關系

　　它們之間的排列有下面這么幾種：分離/相切/重疊/透疊/結合/減缺/差疊/重疊。

　　分離：形與形之間不接觸，有一定距離。

　　相切：形與形之間的邊緣正好相切。

　　重疊：形與形之間覆疊關系，由此產生上下前后的空間關系。

　　透疊：形與形有透明性的相互交疊，但不產生上下前后的空間關系。

　　結合：形與形相互結合成較大的新形狀。

　　減缺：形與形相互覆疊，覆疊的形狀被剪掉。

　　差疊：形與形相互交疊，交疊的部分產生一個新的形。

　　重合：形與形相互重合，變為一體。

　　2、所有元素在一起所體現的構成形式

　　從所有元素(點線面)整體看，其構成形式主要有重復、近似、漸變、變異、對比、集結、發射、特異、空間與矛盾空間、分割、肌理及錯視等等。

 

　　以上呢，我就先總結這么多，其實所有的Banner版式都是大同小異的，因為我們前面提到，Banner是由文案/模特或商品/背景/點綴物組成的，而所有這些元素就相當于我們平面構成里的點線面，當我們改變這些元素的角度/距離/大小/數量/樣式/顏色等，新的版式也就產生了，所以，大家不妨也試試看哦。

　　當我們在做一個banner的時候，如果沒有特別的要求，其實我們是有很多個方向選擇的，首先問下自己你是想要突出什么信息呢?是突出商品呢?還是突出文字呢?還是突出整體的氛圍呢?還是強調整體的協調感呢?還是說強調品牌呢?

　　一般來說，一個好的Banner首先是要保證信息傳達準確，然后再需要保證畫面的協調感和氛圍的。