企業(yè)Banner設(shè)計(jì)之平面構(gòu)成

前半部分是給大家講解的基礎(chǔ)知識(shí)，后半部分是運(yùn)用這些基礎(chǔ)知識(shí)結(jié)合實(shí)例講解，所以建議從頭到位耐心看完哦，需要些時(shí)間消化(經(jīng)濟(jì)基礎(chǔ)決定上層建筑嘛，前面不看后面也就看不懂了，以下就是贏在威客網(wǎng)為您推薦的企業(yè)Banner設(shè)計(jì)之平面構(gòu)成。

一、平面構(gòu)成的含義是什么?

百度百科的解釋是：平面構(gòu)成是視覺(jué)元素在二次元的平面上，按照美的視覺(jué)效果，力學(xué)的原理，進(jìn)行編排和組合，它是以理性和邏輯推理來(lái)創(chuàng)造形象、研究形象與形象之間的排列的方法，是理性與感性相結(jié)合的產(chǎn)物。

而我的理解是：平面構(gòu)成主要是在二維空間運(yùn)用點(diǎn)、線、面結(jié)合一定的規(guī)律所形成的一種視覺(jué)語(yǔ)言，他可以是抽象的，也可以是具象的，可以是感性的，也可以是理性的，同時(shí)它也不是獨(dú)立存在的，而是伴隨著色彩/肌理/光影等而存在的?；旧鲜篱g萬(wàn)物，所有我們接觸到的或無(wú)法接觸到的，看得見(jiàn)的或看不見(jiàn)的事物里都有平面構(gòu)成的運(yùn)用和身影。

二、電商Banner圖是由什么組成的?

Banner組成要素包含4個(gè)方面：文案 、商品/模特、背景、點(diǎn)綴物(可有可無(wú))。

而我在之前反復(fù)強(qiáng)調(diào)過(guò)的，Banner的作用是：宣傳/展示/廣而告之/準(zhǔn)確傳達(dá)信息。

三、我們?cè)撊绾卧贐anner圖設(shè)計(jì)中運(yùn)用平面構(gòu)成呢?

在前面我們提到，平面構(gòu)成主要是在二維空間運(yùn)用點(diǎn)、線、面結(jié)合一定的規(guī)律所形成的一種視覺(jué)語(yǔ)言，而B(niǎo)anner中的所有元素(文案/商品或模特/背景/點(diǎn)綴物)其實(shí)都可以看作是平面構(gòu)成里的點(diǎn)線面這些構(gòu)成元素。

那么，接下來(lái)我們就需要了解3個(gè)有關(guān)平面構(gòu)成的概念了：

1、元素與元素之間的排列關(guān)系

2、所有元素在一起所體現(xiàn)的構(gòu)成形式

3、了解幾個(gè)常用的平面術(shù)語(yǔ)

接下來(lái)，我們分別了解下這幾個(gè)概念：

1、元素與元素之間的排列關(guān)系

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

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

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

重疊：形與形之間覆疊關(guān)系，由此產(chǎn)生上下前后的空間關(guān)系。

透疊：形與形有透明性的相互交疊，但不產(chǎn)生上下前后的空間關(guān)系。

結(jié)合：形與形相互結(jié)合成較大的新形狀。

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

差疊：形與形相互交疊，交疊的部分產(chǎn)生一個(gè)新的形。

重合：形與形相互重合，變?yōu)橐惑w。

2、所有元素在一起所體現(xiàn)的構(gòu)成形式

從所有元素(點(diǎn)線面)整體看，其構(gòu)成形式主要有重復(fù)、近似、漸變、變異、對(duì)比、集結(jié)、發(fā)射、特異、空間與矛盾空間、分割、肌理及錯(cuò)視等等。

(1)重復(fù)，指在同一設(shè)計(jì)中，相同的形象出現(xiàn)過(guò)兩次以上，重復(fù)是設(shè)計(jì)中比較常用的手法，以加強(qiáng)給人的印象，造成有規(guī)律的節(jié)奏感，使畫面統(tǒng)一。所謂相同，在重復(fù)的構(gòu)成中主要是指形狀、顏色、大小等方面的相同。

(2)近似，近似指的是在形狀、大小、色彩、肌理等方面有著共同特征，它表現(xiàn)了在統(tǒng)一中呈現(xiàn)生動(dòng)變化的效果。近似的程度可大可小，如果近似的程度大就產(chǎn)生了重復(fù)感。近似程度小就會(huì)破壞統(tǒng)一。

(3)漸變，是我常常聽(tīng)說(shuō)的一種效果，在自然界中能親身體驗(yàn)到，在行駛的道路上我們會(huì)感到樹(shù)木由近到遠(yuǎn)、由大到小的漸變。

(4)對(duì)比，有時(shí)候是形態(tài)上的對(duì)比，有時(shí)是色彩和質(zhì)感的對(duì)比。對(duì)比可產(chǎn)生明朗、肯定、強(qiáng)烈的視覺(jué)效果，給人深刻的印象。

(5)密集，密集在設(shè)計(jì)中是一種常用的組織圖面的手法，基本形在整個(gè)構(gòu)圖中可自由散布，有疏有密。最疏或最密的地方常常成為整個(gè)設(shè)計(jì)的視覺(jué)焦點(diǎn)，他其實(shí)也是對(duì)比的一種情況，越密集的地方給人感覺(jué)距離越遠(yuǎn)，反之越近。

(6)發(fā)射，是一種常見(jiàn)的自然現(xiàn)象，太陽(yáng)四射的光芒就是發(fā)射的。發(fā)射具有方向的規(guī)律性，發(fā)射中心為最重要的視覺(jué)焦點(diǎn)，所有的形象均向中心集中，或由中心散開(kāi)，有時(shí)可造成光學(xué)動(dòng)感，會(huì)產(chǎn)生爆炸的感覺(jué)，有強(qiáng)烈的視覺(jué)效果。

(7)特異，是指構(gòu)成要素在有次序的關(guān)系里，有意違反次序，使少數(shù)個(gè)別的要素顯得突出，以打破規(guī)律性。

(8)空間利用大小：比如近大遠(yuǎn)小。利用重疊：前后/上下等關(guān)系。利用陰影：使物體具有立體感/空間感。利用疏密：比如間隔越小，越密集，感覺(jué)就越遠(yuǎn)。利用透視：平行線由寬到窄。利用色彩：冷色遠(yuǎn)離，暖色靠近。利用肌理：越粗糙越近，越細(xì)膩越遠(yuǎn)。矛盾空間：真實(shí)不存在的空間，假想的。虛實(shí)關(guān)系：遠(yuǎn)景/中景/近景。

(9)分割，把整體分成小的部分。

(10)肌理，又稱質(zhì)感，由于物體的材料不同，表面的排列、組織、構(gòu)造等不同，因而產(chǎn)生粗糙感、光滑、軟硬感。

(11)錯(cuò)視，因空間距離或周圍環(huán)境所造成的視覺(jué)差。主要有下面幾種：

1.繆勒—萊依爾錯(cuò)視：兩條線是等長(zhǎng)的，由于上下線段兩端的箭頭方向相反，上線段的箭頭占據(jù)的空間大，所以上面的線顯的較長(zhǎng)。

2.垂直線與水平線的錯(cuò)視：大多數(shù)人往往把垂直線看的比水平線要長(zhǎng)，這是高估的錯(cuò)覺(jué)。在水平線長(zhǎng)度為8-10mm時(shí)，這種錯(cuò)覺(jué)最大。

3.透視錯(cuò)視：兩條線是相等的?？雌饋?lái)下面的要短，是因?yàn)橥敢暤腻e(cuò)覺(jué)。

4.正方形的錯(cuò)視：標(biāo)準(zhǔn)的正方形左右的邊看上去大于上下的邊。

5.黑白錯(cuò)視：黑白線段，由于白線段明度大，具有膨脹的現(xiàn)象，所以看以來(lái)比黑線段長(zhǎng)。

6.由于圖形結(jié)構(gòu)的影響而產(chǎn)生的錯(cuò)視：組成三、四、五邊形的邊長(zhǎng)都相等，但由于周長(zhǎng)和面積的不同，產(chǎn)生邊長(zhǎng)的不同。

7.對(duì)比錯(cuò)視：高個(gè)子和矮個(gè)子在一起，高的會(huì)顯的越高，矮的會(huì)顯的越矮。

到此，平面構(gòu)成之于Banner設(shè)計(jì)的奧秘我就講完了，這次的內(nèi)容量非常大，估計(jì)夠你們消化不止一周了，而我也沒(méi)有分為上下篇來(lái)寫，原因有二：一方面是跟我自己的性格有關(guān)，我不太習(xí)慣分篇來(lái)講一個(gè)知識(shí)點(diǎn)，一個(gè)完整的知識(shí)點(diǎn)不管從哪里切斷我都會(huì)感覺(jué)不舒服，就像你吃一個(gè)東西吃得正爽，卻被別人告知說(shuō)：“另一半要留著下次再吃哦”，雖然這樣子可以增加大家對(duì)下一篇文章的期待，但也會(huì)感覺(jué)不爽吧。

另一方面，因?yàn)槲业倪@些知識(shí)點(diǎn)是要編輯到書(shū)本里的，所以我多寫一點(diǎn)，那離我完成書(shū)本的寫作也就近了一點(diǎn)，這也是我傾盡所有來(lái)寫這些內(nèi)容的原因，雖然每次寫完一篇我就感覺(jué)自己的白頭發(fā)又多了幾根，啊哈哈。