平面構成在網頁Banner設計中的應用研究

平面構成在網頁Banner設計中的應用研究

　　平面構成是視覺元素在二次元的平面上，按照美的視覺效果，力學的原理，進行編排和組合，它是以理性和邏輯推理來創造形象、研究形象與形象之間的排列的方法。是理性與感性相結合的產物。

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

　　關鍵詞：平面構成;網頁banner設計;應用研究

　　一、平面構成的含義

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

　　二、網頁Banner設計的主要組成

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

　　三、在網頁Banner設計中的平面構成

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

　　(一)元素與元素之間的排列關系

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　(三)形式美法則

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

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

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

　　四、平面構成在網頁Banner圖設計中的作用

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

【平面構成在網頁Banner設計中的應用研究】相關文章：

平面構成在園林設計中的應用研究03-07

簡論平面設計教學中網頁的設計理念03-21

高校藝術設計專業平面構成的形態論文11-19

藝術設計平面構成課程教學現狀研究論文12-02

英國的獨立平面設計在設計中啟示12-06

談設計教學中素描與構成之間的具體聯系12-06

工科院校工業設計專業平面構成教學探討03-19

平面設計中的創意與審美研究12-02

園林環境設計中的平面環境設計研究11-18

淺探平面構成與傳統圖案的對比與和諧03-18