一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

網頁設計與平面構成

 ydx 2010-09-28
平面設計在網頁設計中占有相當大的比重,而平面設計的重要理論基礎則是平面構成,所以說,平面構成也是網頁設計的重要理論依據和知識基礎。不懂平面構成的網頁設計人員在處理視覺元素時,就不能夠得心應手表達出自己的所設想的藝術視覺效果。

1、平面構成概述

A、平面構成的概念

    平面構成是一種視覺形象構成。是以研究視覺語言的特性、構成規(guī)律以及審美原理為目的。它重在研究和分析視覺語言的形態(tài)、空間、運動、比例等因素的變化和形式規(guī)律。平面構成是為視覺語言的表達提供某種可循規(guī)律,為提高視覺形象表現力服務。

B、平面構成在網頁設計領域中的運用

    隨著互聯(lián)網上站點增多,“眼球經濟”意識的深入,人們對網頁形態(tài)的審美要求也越來越高。很多網頁設計師將平面構成理論作為網頁設計視覺形象表現的指導思想,在具體設計過程中大膽運用多種視覺形態(tài)變化和表現手法。在兼顧網頁功能的基礎上,使頁面的外觀藝術視覺效果突破傳統(tǒng)的框架約束,在形狀、色彩、比例、空間的精神作用上有了一定的外延拓展和深度挖掘。

2平面構成的形態(tài)要素

    要想掌握平面構成的技法,我們必須系統(tǒng)的了解平面構成的形態(tài)要素。

A、形態(tài)的分類

    平面構成是從視覺語言的基本要素入手,分析、研究這些要素的規(guī)律和特性。形態(tài)要素分為概念和現實形態(tài)

概念形態(tài),指人的視覺和觸覺不能直接感知的形態(tài),而現實形態(tài)則是能看到或能觸到的形態(tài),即實際感覺到的形態(tài)。它又可分為具象形和抽象形,具象形又包括自然形態(tài)和人為形態(tài),抽象形則包括幾何學形態(tài)和非幾何學形態(tài)。

    自然形態(tài)是指自然界本身具有的形態(tài),即自然界中存在的有機形態(tài)和無機形態(tài)。如日、月、山、川、森林、動物等,現實中存在的形態(tài)是人類藝術創(chuàng)作的根源。這些有形的機體無論在形狀、質感、色彩上都會使人產生某種聯(lián)想,成為創(chuàng)作的原體,在從事具體創(chuàng)作設計過程中受到有益的啟發(fā)。

    人為形態(tài)是指人類創(chuàng)造出來的形態(tài),它是人類勞動成果的凝結,集中反映了人類文化思想。不同的地域環(huán)境、不同的歷史時期,人為形態(tài)的文化蘊含也是各不相同的。

    抽象形態(tài)是對具象形態(tài)的高度升華和概括,是在認識自然過程中,對客觀存在由感性到理性發(fā)展的視覺創(chuàng)造。抽象形態(tài)中的幾何學形態(tài)和非幾何學形態(tài)又稱作冷抽象和熱抽象。抽象形態(tài)中的點、線、面、形、色等的變化能夠發(fā)出人的情感,如中國的書法藝術,簡練的抽象線條卻勾勒出人的豐富的思想和精神。

B、點的構成

    點,一般用來表示相對的空間位置,它沒指向性和具體的尺度,是相對周圍環(huán)境所定義的一個相對概念。它作為一種視覺元素,其意義較為豐富,在自然形態(tài)和人為形態(tài)中,點具有可視特征,一般是把物象進行濃縮或簡化而成。在構圖布局中,點具有很強的調節(jié)和修飾作用。

    點,具有求心屬性。例如,在平面上只有一個點時,我們的視線就會集中在這個點上。在同一個空間內,有兩個等大的點且相距一定的距離,那么,我們的視線焦點就會在兩點這間往返,在心理上也就產生了一種“線”的反映。當兩個點大小不同時,人們的視覺焦點首先就會落在大點上,然后再將視線按最短的距離移到小點的位置上。這里,點起到了視線轉移作用。在幾何學里就有“不在同一條直線上的三個點決定一個面”這樣的定理。

    在具體的構圖設計過程中,點并非都是以圓點形狀出現,一些個體較小的元素都可視之為點。例如,在網頁中的一些按鈕,就可以當作“點”來處理。同實際上的點有著相同的作用和功能。

C、線的構成

    線作為重要的造型元素,它以抽象的形態(tài)存在于自然形態(tài)中,是一種重要的構成語言。自從人類文明產生,人們就不斷地對線認識、應用、創(chuàng)造。如甲骨文、陶器上的紋飾等。

    線有長度的屬性,而無粗細的限制。線比點具有強的心理感受,如直線給人的感覺是直接、明晰,而線給人的感覺則是柔軟、彈力、運動。

直線的心理效果:

中等粗細的直線:明晰、單純、直接、固執(zhí)。

粗直線:強力、笨重。

細直線:敏感、脆弱。

鋸狀直線:不安定、焦慮浮躁。

曲線分為幾何曲線和自由曲線。

幾何曲線,是用圓規(guī)繪制出來的。它有曲線的一般特征。既有速度、彈力等心理感受,還具有直線的簡單、明快的性質。

自由曲線是信手繪出或自然形成的一種曲線。它更具有曲線的性質,富有自由、隨意、柔軟、女性美特征。自由曲線的獨特性主要體現在它的韻律、彈性和自由的伸展性。再者,在變化方面,自由曲線要比幾何曲線更隨意、更復雜。

線的方向不同,也能激發(fā)起不同的心理感受。

如:水平方向的線——保持重力與均衡、安定、平和、順從。

垂直方向的線——暗示著強有力的支柱,公正、信任。

斜線——生動、活潑、不穩(wěn)定。

根據線條的空間性、方向性、節(jié)奏感可以構成不同的形態(tài),表征著不同的心理感受。

線的構圖在網頁設計中有著廣泛的運用,平面知識豐富的網頁設計師常用簡潔的線條進行頁面構圖,以用來傳達豐富的視覺信息和思想情感。

D、面的構成

    面由線構成,具有二維空間屬性。既可以說面是由點密集而成,也可以說面是線平移的結果。它綜合著點和線的特性。面的形狀無限多種,通常分為直線形、曲線形和偶然形。

直線形面又分為幾何直線和自由直線形。它具有明快、簡潔、有序和理性特征。容易被人理解和記憶,制作起來較為方便。

曲線形面也分為幾何曲線形和自由曲線形兩種類型。曲線形面比直線形面要復雜,并富于變化和動感。它所表現出來的流動性和彈性給人以無限想象,使人感到有種生命活力。它具有同曲線一樣的女性特征。

偶然形面是在現實生活中偶然獲得的一種視覺形態(tài)。在平面設計領域的大部分偶然形面是通過特殊技法(如繪圖軟件中的特效濾鏡)獲得。它表現出來的是一種自然的、無序的形態(tài),有著豐富的象征意義。

面是構圖中常用的視覺元素,它的大小、曲直變化都在影響著頁面的整體布局,在網頁設計中,我們都在有意或無意的進行著面的組織和面的創(chuàng)造,運用著面的分割、組合、虛實交替等手法來增強頁面的整體效果。

3、平面構成的形態(tài)變化

   平面構成的形態(tài)變化和人們的心理感受有著密切的關系。在網頁設計領域。常用形態(tài)的變化來傳達某種視覺信息及用文字無法表達的心理感受。平面構成的形態(tài)變化主要表現在空間、運動、光、質感、變形等方面。

A、空間

   在平面設計中,視覺元素的載體是二維平面,所謂空間感只是一種假象,是通過平面上視覺元素的獨特布局方式表現出來的錯覺。

    在藝術型的網頁作品中,頁面中的空白往往占有很大的比例,使人的視覺自由流動,形成一種無限的想象空間。若整個頁面不留設空白,擁擠著各種視覺元素,那么給人閉塞的感覺。所以,善于在頁面中留設空白,是現代設計的一種重要的表現技法,它是創(chuàng)造意境、產生聯(lián)想的必備前提。

B、運動

    這里所說的“運動”并不是指動態(tài)網頁中某些視覺元素的位移,而是指在靜態(tài)的平面構成中,利用點的排列、線的疏密組合、面的分割及虛實變化等方式所形成的一種動感。

    在網頁設計中,由平面視覺元素產生的動感和網頁動畫給人的感覺是不同的,前者是人們受畫面布局的影響而主動產生的聯(lián)想,是一種藝術性的視覺沖擊。后者則是人們無需想象而被動接受的一種客觀存在。

C、光

    光在平面構成中具有很強的氛圍渲染效果,它能給人帶來某種精神作用和情緒變化。在網頁制作中,不僅僅能用平面構成藝術來表達光的效果,也可以在技術上實現動態(tài)光照效果,如用JavaScript語言編寫的程序。

D、變形

    有時,設計者在描述自然形態(tài)時,將自己的思想感受、主觀意識滲入其中,致使自然形態(tài)有較大幅度的變化,這就稱作為變形。在平面設計中通常用到變形的表現技法,直觀的達到某種視覺效果,以表現自己的精神和心理。

E、質感

    質感是人們對物體的表面紋理的感覺。在自然界中,不同的物態(tài)外表給人的感覺是不同的,或粗糙、或細膩、或柔軟、或硬朗。不同的質感對人的視覺刺激程度也不相同,如長時間觀看表面光滑的物體,視覺就容易疲倦,如果將視線轉移到表面上有紋理的物體,頓時就會感到輕松與舒適,視神經很快的得以調節(jié)。在現代設計中,質感運用得十分普遍,如時裝、工業(yè)產品、建筑裝飾等領域特別注重材料的肌理選擇。

    質感在網頁設計中越來越受到設計人員的重視。因為網上的瀏覽者大都是長時間坐在計算機顯示器前,強烈熒光刺激使視覺極易產生疲勞,帶有紋理的頁面會使他們的視覺得到調節(jié),能夠讓他們較舒適的瀏覽頁面信息,實現注意力的轉移與集中。

4、平面構成美的外在形式

統(tǒng)一與變化、對稱與平衡、節(jié)奏與韻律是平面構成美的外在形式的三個方面

A、統(tǒng)一與變化

    統(tǒng)一是指由某種性質相同或類似的形態(tài)要素并置在一起形成某種一致性或有有一致性的感覺。統(tǒng)一并不是使多種形態(tài)單一化、簡單化,而使它們的多種變化因素具有條理性和規(guī)律性。變化是統(tǒng)一的對立面,是指由性質相異的形態(tài)要素并置在一起所形成的對比感覺。這種變化是以一定規(guī)律為基礎的,無規(guī)律的變化則會帶來混亂和無序。在平面設計和網頁構圖中,我們要注意在統(tǒng)一中找變化,在變化中求統(tǒng)一。這是一條構圖美的重要表現形式之一

B、對稱與平衡

    在設計作品中,對稱與平衡有著重要的視覺效果。在自然界中許多形態(tài)的結構是對稱分布。

    人的視覺對對稱有著敏銳的感知力,在美術理論中對稱被列為美的重要表現形式。平衡則是對稱結構在形式上的發(fā)展,也是人們對對稱的直觀感知。平衡構圖給人們的感覺是舒適、平穩(wěn)、可靠、信任,不平衡的構圖則給以危機感和不信任感,整體畫面顯出一種極力想改變現有的位置或形態(tài),以達到一種新平衡狀態(tài)的趨勢。

C、節(jié)奏與韻律

    節(jié)奏和韻律是另一種重要的藝術美的表現原則。沒有節(jié)奏和韻律的藝術創(chuàng)作,給人的感覺是呆板的僵化的,靜止的、無生命力的。在平面設計中和網頁設計中,節(jié)奏和韻律往往是通過圖案的點和線條排列來體現。節(jié)奏是統(tǒng)一中變化的頻率特征,韻律中的“韻”側重于變化,而“率”則偏重于統(tǒng)一,所以在形式美的表現方面,變化和統(tǒng)一與節(jié)奏與韻律是相與關聯(lián)、相互體現的。

5、平面構成的形式

    平面構成的形式主要有重復、近似、漸變、變異、對比、密集、分割、圖與底、反常態(tài)等構成形式。

A、重復構成形式

    重復構成是指用同一形態(tài)或同組形態(tài)有序的反復出現,形成某種規(guī)律的構圖形式。重復構成具有強化記憶的功能,反復的出現會不斷的加強視覺沖擊,加深形象認識。

B、近似構成形式

    在重復構成中,保持原有規(guī)律性的基礎上,把重復元素的基本形(大小、方向、色彩等方面)進行輕度變化,就演變成了近似構成形式。所謂近似性是指形態(tài)的相似,近似構成形式中既有形式變化,又有整體的統(tǒng)一。

C、漸變構成形式

     漸變是一種常見的視覺現象,也是平面設計中常用的技法。漸變是指構圖基本形(形狀、大小、方向、色彩等方面)逐漸、有序的變化。它能夠表現出空間感和時間感。

形狀漸變——從一個形象漸變成另一個形象。形狀漸變的圖形又稱為延異圖形。

方向漸變——基本形的方向有規(guī)律的逐漸發(fā)生變化,有平面旋轉感。

大小漸變——基本形由大到小或由小到大逐漸變化。

色彩漸變——色彩的明度、純度、色相逐漸發(fā)生變化。

D、變異構成形式

    在重復、近似、漸變構成中。為了改變規(guī)律性的單調感,有意識的出現不合規(guī)律的個別基本形,由此產生強烈的對比效果。這種構成方式就稱作變異。變異形式有大小變異、形狀變異、方向變異、肌理變異、色彩變異等。變異構成的最大特點就是讓人的視線集中在變異的個體上,形成一個視覺中心,強化對變異體的視覺刺激。

E、對比構成形式

    在兩種或兩種以上事物之間,有著明顯的差別,我們就稱之為對比。對比是一種較為自由的構成表現形式,在平面設計中,常用對比的手法,使所畫面產生強烈醒目的視覺效果。對比又可劃分為形的對比(大與小、方與圓、長與短、曲與直等)、質的對比(剛與柔、輕與重、強與弱等)、勢的對比(動與靜、聚與散、疾與緩等)等。

F、密集構成形式

    把基本形態(tài)按密集與疏散、虛與實、向心與擴散等方式進行構成的形式稱為密集構成形式。它具有方向性和目的性的運動特征。在這種形式的構圖中,元素最密集的地方和最稀疏的地方均為視覺焦點。密集構成形式根據元素的形態(tài)不同可劃分為向點密集、向線密集、向形密集、自由密集等類型。

G、分割構成形式

    所謂分割構成形式是指按一定比例和秩序進行切割或劃分的構成形式。在平面構成中,分割構成是基本構成形式之一,在設計中運用較為普遍,如版面的分割、平面中的空間分割等。分割的依據不同,又可劃分為等形分割、比例分割、數列分割、自由分割等類型。

等形分割:要求形狀完全一樣的重復性分割,有整齊、統(tǒng)一特點;

比例分割:按一定的比例進行的分割(如著名的黃金分割律是按1:0.618的比例進行分割的)有完整、嚴謹的特點;

數列分割:按一定的數列進行的分割,有和比例分割類似的特點,它更具有秩序性;

自由分割:不受任何規(guī)則進行的分割,有活潑、自由的特點。

H、圖與底構成形式

    圖形與底的角色互換的構成形式稱為圖與底構成形式。利用這種構成形式設計的圖又稱作共生圖形或交像圖形。這種構成形式在視覺上起到了一圖多用、一圖多義的夢幻視覺效果。圖與底的反轉在組合上十分嚴密,空間利用經濟。圖與底之間形狀上相互包含,意義上相互獨立的。

I、反常態(tài)構成形式

    反常態(tài)構成是突破合理的自然現象,不受理智和邏輯的約束,按自己的精神意念需要反常規(guī)地進行構成的一種形式。這種構成形式破壞了常規(guī)的秩序和邏輯,在視覺上有著強烈的沖擊,往往能夠傳達一種深層次的思想和情感或某一特定的信息,是超現代設計中重要的表現手法,最具創(chuàng)意特征。在平面設計中常出現的反常態(tài)構成的圖形可分為以下幾種:

仿曲圖形:將現實生活中不能彎曲的物形施以壓力,使其產生一種令人驚異的彎曲效果。

仿結圖形:通過借助一個與原有形態(tài)相異(但又保留原形態(tài)的特征)的形態(tài)來替代常規(guī)中所顯現的形態(tài),使之產生一種帶有結狀的特殊形態(tài)。

互悖圖形:構圖手法是將兩種形態(tài)共同去補充、完成對方的一部分形狀,或者自我去補充、完成自身的某一部分元素。

混維圖形:拋棄常規(guī)的透視法規(guī),將正常的空間徹底解體,使三維的立體物形二維平面化,實現一種思想混淆的夢幻視覺效果。

顯異圖形:在多種形態(tài)正常的組合關系(包含、并置等)中,將其中某一形態(tài)用另外一種與其截然不同性的形態(tài)替代,從而產生視覺上的特異效果。

換置圖形:是將兩個(或多個)似乎毫不關聯(lián)的形態(tài)選擇出它們之間的關聯(lián)性,找出某一特定意義上的內在聯(lián)系,再通過形狀上的近似性,進行特殊的組合和表現,由此產生一種奇特的圖形。異物組合導致了邏輯上的張冠李戴,加強了人們對事物的深層理解,增強了視覺傳達的表現力。

J、空間構成形式

    把形態(tài)的要素按大小、漸變、明暗、透視、重疊等方法構成空間感效果,這種構成形式稱作空間構成形式。這種空間是基于二維平面上的假想空間,而不是真實的三維立體空間。實現手法有透視法和重疊法兩種。透視法是利用圖形的大小、明暗,線條的長短、疏密程度等變化來表現空間的深度。重疊法是利用形態(tài)之間的遮擋關系來表出空間感。未被遮擋的物體完整顯示,被遮擋的物體部分顯示,二者將表現出明顯的前后關系。

矛盾空間也是利用透視法或重疊法表現出的一種錯覺空間,這種構圖又兼具有圖和底的構成形式,這是客觀現實中不存在的空間。

K、肌理構成形式

    肌理是物質表面的形態(tài),通常是指物體表的紋理感覺。它具有粗糙、細膩、柔軟、生硬、干燥、濕潤等特性。既有自然形態(tài)的肌理(如沙漠、樹皮、波紋等),也有人為形態(tài)的肌理(如布料、墻紙等)。

在網頁設計中,肌理應用的較為普遍,尤其是在純文字的頁面,用恰當的肌理作背景圖案,將起到很好的視覺調節(jié)作用。

L、視覺感應構成形式

    這種構成形式是以黑白或彩色幾何形體,運用有規(guī)律有節(jié)奏的排列、重疊、交叉等手法,引起視覺上的錯覺,造成起伏、振動、眩目等光感效果。

 

補充一下均衡的內容:具我了解,他們都沒有聽懂:

均衡,就是整個版面的布局結構要給讀者一種勻稱、平衡、安定的心理感受。在讀者的心理上,筆畫粗的字重于筆畫細的字,大號字重于小號字,大標題重于小標題,圖片重于文字,文或圖重于空白,有線條的重于無線條的。在設計版面時,要考慮讀者的這種心理,使版面上下、左右的重量大體上勻稱、平衡,而不要把大標題、圖片、加框新聞、裝飾等都集中在一個區(qū)域,造成版面的畸輕畸重,使人產生不安定的感覺。
    這里要說明的是,版面上下、左右要取得均衡,并不意味要求版面上下、左右在重量上機械的等同,而是指讀者心理上的平衡、安定。上一章講過,版面上區(qū)的強勢大于下區(qū),左區(qū)的強勢大于右區(qū),在長期的辦報和讀報實踐中,已成為編者和讀者的共識,已積淀為讀者的一種閱讀心理。因此,上重于下,左重于右,只要不是畸輕畸重,并不妨礙版面的均衡。
http://ygxz88.blog.sohu.com/

    本站是提供個人知識管理的網絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    深夜视频成人在线观看| 噜噜中文字幕一区二区| 国产精品久久熟女吞精| 日本美国三级黄色aa| 成年男女午夜久久久精品| 日韩中文无线码在线视频| 亚洲精品国产第一区二区多人| 老鸭窝老鸭窝一区二区| 日本女优一区二区三区免费| 不卡免费成人日韩精品| 成人亚洲国产精品一区不卡| 深夜福利欲求不满的人妻| 日本在线不卡高清欧美| 亚洲精品伦理熟女国产一区二区| 亚洲欧美日韩色图七区| 国产精品一区二区三区激情| 视频一区日韩经典中文字幕| 91插插插外国一区二区婷婷| 99久久精品午夜一区二| 一区中文字幕人妻少妇| 福利一区二区视频在线| 亚洲精品一区三区三区| 东京热男人的天堂久久综合| 精品少妇一区二区视频| 国内精品伊人久久久av高清| 日韩中文无线码在线视频| 亚洲欧洲一区二区综合精品| 亚洲国产精品av在线观看| 日韩性生活视频免费在线观看| 九九热国产这里只有精品| 黄色国产自拍在线观看| 91精品欧美综合在ⅹ| 国产亚洲精品香蕉视频播放| 亚洲一区二区精品福利| 91人妻丝袜一区二区三区| 日韩av亚洲一区二区三区| 九九热最新视频免费观看| 国产精品欧美一级免费| 91蜜臀精品一区二区三区| 蜜桃传媒在线正在播放| 搡老妇女老熟女一区二区|