杜艷艷

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

關鍵詞：平面構成；網(wǎng)頁banner設計

一、平面構成的含義

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

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

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

三、在網(wǎng)頁Banner設計中的平面構成

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

（一）元素與元素之間的排列關系

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（三）形式美法則

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

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

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

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

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