杜艷艷

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（三）形式美法則

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

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

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

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

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