平面構成在網頁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設計中的應用研究】相關文章:
3.網頁版式設計構成