淺析平面構(gòu)成在網(wǎng)頁Banner設(shè)計(jì)中的應(yīng)用

杜艷艷

摘要：平面構(gòu)成主要是在二維空間運(yùn)用點(diǎn)、線、面結(jié)合一定的規(guī)律所形成的一種視覺語言，而Banner中的所有元素（文字、圖像、背景、點(diǎn)綴物）其實(shí)都可以看作是平面構(gòu)成里的點(diǎn)線面這些構(gòu)成元素。運(yùn)用平面構(gòu)成的設(shè)計(jì)法則可以更好的完成網(wǎng)頁banner的設(shè)計(jì)。

關(guān)鍵詞：平面構(gòu)成；網(wǎng)頁banner設(shè)計(jì)

一、平面構(gòu)成的含義

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

二、網(wǎng)頁Banner設(shè)計(jì)的主要組成

在網(wǎng)頁設(shè)計(jì)中，網(wǎng)頁Banner的主要作用，包括宣傳、展示、廣而告之、準(zhǔn)確傳達(dá)信息等。分析Banner設(shè)計(jì)中的組成要素，主要包含四個(gè)方面：文字（文案） 、圖像（商品、模特等的圖像）、背景以及部分點(diǎn)綴物。

三、在網(wǎng)頁Banner設(shè)計(jì)中的平面構(gòu)成

平面構(gòu)成主要是在二維空間運(yùn)用點(diǎn)、線、面結(jié)合一定的規(guī)律所形成的一種視覺語言，而Banner中的所有元素其實(shí)都可以看作是平面構(gòu)成里的點(diǎn)線面這些構(gòu)成元素。

（一）元素與元素之間的排列關(guān)系

元素與元素之間的排列主要有以下幾種：分離、相切、重疊、透疊、結(jié)合、減缺、差疊、重疊等。分離是形與形之間不接觸，并有一定距離；相切是形與形之間的邊緣正好相切；重疊指形與形之間疊蓋、遮擋關(guān)系；透疊是形與形有透明性的相互交疊，但不產(chǎn)生上下前后的空間關(guān)系；結(jié)合是形與形相互結(jié)合成新的形狀；減缺是形與形相互疊壓，疊壓的形狀被剪掉，形成新的形狀；差疊是形與形相互交疊，交疊的部分產(chǎn)生一個(gè)新的形；重合是形與形相互重合，變?yōu)橐惑w。

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

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

（1）重復(fù)，指在同一設(shè)計(jì)中，相同的形象出現(xiàn)過兩次以上，重復(fù)是設(shè)計(jì)中比較常用的手法，以加強(qiáng)印象，造成有規(guī)律的節(jié)奏感。如：形狀、骨骼、大小、色彩、肌理、方向的重復(fù)等。

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

（3）漸變，是banner設(shè)計(jì)中常用的一種效果，在行駛的道路上我們會(huì)感到樹木由近到遠(yuǎn)、由大到小的漸變。類似的有形狀、方向、位置、大小、色彩、骨骼、光影的漸變等。

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

（5）密集，在設(shè)計(jì)中是一種常用的組織圖面的手法，基本形在整個(gè)構(gòu)圖中可自由散布，有疏有密。最疏或最密的地方常常成為整個(gè)設(shè)計(jì)的視覺焦點(diǎn)。包括，點(diǎn)、線、面的密集等形式。

（6）發(fā)射，是一種常見的自然現(xiàn)象。發(fā)射具有方向的規(guī)律性，發(fā)射中心為最重要的視覺焦點(diǎn)，所有的形象均向中心集中，或由中心散開，有強(qiáng)烈的視覺效果。有中心點(diǎn)、螺旋式、同心式的發(fā)射等。

（7）特異，是指構(gòu)成要素在有次序的關(guān)系里，有意違反次序，使少數(shù)個(gè)別的要素顯得突出，以打破規(guī)律性。包括形狀、大小、色彩、方向、肌理的特異等。

（8）空間，可以利用大小產(chǎn)生空間感，比如近大遠(yuǎn)?。灰部梢岳弥丿B，塑造前后、上下等關(guān)系；利用陰影可以使物體具有立體感、空間感；通過疏密可以塑造不同的距離感；利用透視，平行線由寬到窄；利用色彩，冷色遠(yuǎn)離，暖色靠近；利用肌理，越粗糙越近，越細(xì)膩越遠(yuǎn)等。

（9）分割，把整體分成小的部分。像等形分割、自由分割、比例與數(shù)量等。

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

（11）錯(cuò)視，因空間距離或周圍環(huán)境所造成的視覺差。主要有繆勒—萊依爾錯(cuò)視、垂直線與水平線的錯(cuò)視、透視錯(cuò)視、正方形的錯(cuò)視、黑白錯(cuò)視、由于圖形結(jié)構(gòu)的影響而產(chǎn)生的錯(cuò)視、對(duì)比錯(cuò)視等。

（三）形式美法則

美的主要形式有和諧統(tǒng)一、對(duì)比突出、對(duì)稱、畫面平衡、視覺重心、節(jié)奏韻律等。

和諧統(tǒng)一，是指元素與元素之間，或所有元素構(gòu)成的整體是一種協(xié)調(diào)的關(guān)系，比如大小、顏色風(fēng)格等的協(xié)調(diào)；對(duì)比突出，比如大小、數(shù)量、色彩、形狀的對(duì)比；對(duì)稱，假設(shè)在一個(gè)圖形中間畫一條垂直或水平線后，畫面的左右或上下2邊是可以完全重合的，則我們稱之為對(duì)稱；畫面平衡，即元素與元素之間，元素與整體之間的大小、形狀、數(shù)量、色彩、材質(zhì)等的分布與視覺上的平衡；視覺重心，通過對(duì)畫面中元素的數(shù)量、顏色、位置、大小、材質(zhì)等進(jìn)行處理，畫面中所出現(xiàn)的視覺焦點(diǎn)；節(jié)奏韻律，畫面中的一種或多種元素按一定的規(guī)律排列，會(huì)產(chǎn)生音樂一般的旋律感。

在設(shè)計(jì)中，所有的Banner版式都是有一定的規(guī)律可循的，前面提到，Banner是由文字、模特或商品、背景、點(diǎn)綴物等組成的，而所有這些元素就相當(dāng)于我們平面構(gòu)成里的點(diǎn)線面，當(dāng)我們改變這些元素的角度、距離、大小、數(shù)量、樣式、顏色等，新的版式也就產(chǎn)生了。

四、平面構(gòu)成在網(wǎng)頁Banner圖設(shè)計(jì)中的作用

綜上，網(wǎng)頁Banner中的所有元素其實(shí)都相當(dāng)于平面構(gòu)成里的點(diǎn)線面，而所有元素所組成的Banner畫面其實(shí)又是一種設(shè)計(jì)和信息的表達(dá)。所以當(dāng)我們獲取設(shè)計(jì)需求時(shí)，需要確定設(shè)計(jì)風(fēng)格，而這個(gè)風(fēng)格的確定可以從活動(dòng)主題、信息層級(jí)、品牌調(diào)性、視覺美感等方面去理解，確定網(wǎng)頁banner所有的構(gòu)成元素，運(yùn)用構(gòu)成技法確定設(shè)計(jì)風(fēng)格及設(shè)計(jì)方向。