Banner圖的(de)設計在網站設計中的(de)重要性

在APP開發、網站開發時(shí)，banner圖都是最重要的(de)。特别是網站，很多(duō)網站打開首頁後，banner圖基本上覆蓋了(le)整個(gè)屏幕，banner圖基本上永遠(yuǎn)放在一個(gè)界面最重要的(de)位置，因此，banner的(de)好壞無論是對(duì)設計師還(hái)是産品本身都是非常重要的(de)。今天，樂(yuè)信科技小編帶大(dà)家聊一聊關于banner圖的(de)設計。

首先，我們先了(le)解一下(xià)什(shén)麽是平面構成。百度百科的(de)解釋是：平面構成是視覺元素在二次元的(de)平面上，按照(zhào)美(měi)的(de)視覺效果，力學的(de)原理(lǐ)，進行編排和(hé)組合，它是以理(lǐ)性和(hé)邏輯推理(lǐ)來(lái)創造形象、研究形象與形象之間的(de)排列的(de)方法，是理(lǐ)性與感性相結合的(de)産物(wù)。我的(de)理(lǐ)解，平面構成主要是在二維空間運用(yòng)點、線、面結合一定的(de)規律所形成的(de)一種視覺語言，他(tā)可(kě)以是抽象的(de)，也(yě)可(kě)以是具象的(de)，可(kě)以是感性的(de)，也(yě)可(kě)以是理(lǐ)性的(de)，同時(shí)它也(yě)不是獨立存在的(de)，而是伴随著(zhe)色彩/肌理(lǐ)/光(guāng)影(yǐng)等而存在的(de)。基本上世間萬物(wù)，所有我們接觸到的(de)或無法接觸到的(de)，看得(de)見的(de)或看不見的(de)事物(wù)裏都有平面構成的(de)運用(yòng)和(hé)身影(yǐng)。

 

其次，我們要了(le)解Banner圖是由什(shén)麽組成的(de)。比如電商Banner，組成要素一般包含4個(gè)方面：文案 、商品/模特、背景、點綴物(wù)。Banner的(de)作用(yòng)是：宣傳/展示/廣而告之/準确傳達信息。

 

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

　　那麽，接下(xià)來(lái)我們就需要了(le)解3個(gè)有關平面構成的(de)概念了(le)：

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

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

　　3、了(le)解幾個(gè)常用(yòng)的(de)平面術語

 

　　接下(xià)來(lái)，我們分(fēn)别了(le)解下(xià)這(zhè)幾個(gè)概念：

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

　　它們之間的(de)排列有下(xià)面這(zhè)麽幾種：分(fēn)離/相切/重疊/透疊/結合/減缺/差疊/重疊。

　　分(fēn)離：形與形之間不接觸，有一定距離。

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

　　重疊：形與形之間覆疊關系，由此産生上下(xià)前後的(de)空間關系。

　　透疊：形與形有透明(míng)性的(de)相互交疊，但不産生上下(xià)前後的(de)空間關系。

　　結合：形與形相互結合成較大(dà)的(de)新形狀。

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

　　差疊：形與形相互交疊，交疊的(de)部分(fēn)産生一個(gè)新的(de)形。

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

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

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

 

　　以上呢(ne)，我就先總結這(zhè)麽多(duō)，其實所有的(de)Banner版式都是大(dà)同小異的(de)，因爲我們前面提到，Banner是由文案/模特或商品/背景/點綴物(wù)組成的(de)，而所有這(zhè)些元素就相當于我們平面構成裏的(de)點線面，當我們改變這(zhè)些元素的(de)角度/距離/大(dà)小/數量/樣式/顔色等，新的(de)版式也(yě)就産生了(le)，所以，大(dà)家不妨也(yě)試試看哦。

　　當我們在做(zuò)一個(gè)banner的(de)時(shí)候，如果沒有特别的(de)要求，其實我們是有很多(duō)個(gè)方向選擇的(de)，首先問下(xià)自己你是想要突出什(shén)麽信息呢(ne)?是突出商品呢(ne)?還(hái)是突出文字呢(ne)?還(hái)是突出整體的(de)氛圍呢(ne)?還(hái)是強調整體的(de)協調感呢(ne)?還(hái)是說強調品牌呢(ne)?

　　一般來(lái)說，一個(gè)好的(de)Banner首先是要保證信息傳達準确，然後再需要保證畫(huà)面的(de)協調感和(hé)氛圍的(de)。