視覺設(shè)計(jì)三大構(gòu)成

視覺設(shè)計(jì)基礎(chǔ)三大構(gòu)成

1. 平面設(shè)計(jì)三大構(gòu)成元素：點(diǎn)，線，面。

2. 點(diǎn)的分類（點(diǎn)是相對的）：大與小，實(shí)與空，濃與淡，寡與眾，實(shí)與虛，圖與文，抽象與具象，光滑與粗糙

3. 設(shè)計(jì)準(zhǔn)則：視覺的重量和方向

點(diǎn)的視覺重量（重量即為吸引注意力的程度）

鶴立雞群，萬里從中一

點(diǎn)紅

在作品中，每一個(gè)要素都發(fā)揮著它該有的視覺的力量去吸引用戶的眼睛。這個(gè)力量越大，它吸引的目光就越多。同時(shí)它還作用于其他的視覺要素，傳遞出潛在的視覺移動方向的信息，并且告訴觀眾接下來該看什么。

我們把這個(gè)力稱作視覺重量;把它感知視覺方向的力稱作視覺方向。

6.視覺重量的幾個(gè)基本特點(diǎn)：尺寸、顏色、色值、位置、紋理、形狀和方向。

（1）尺寸

大要素的視覺重量比小要素的重（大尺寸更加吸引注意力）。

（2）顏色

暖色更傾向于前景，一般都比較突出，同時(shí)暖色比冷色更重。冷色則往背景方向逐漸遠(yuǎn)去。紅色被認(rèn)為是最重的顏色，黃色則是最輕的顏色。

（3）色值

深色元素的視覺重量比淺色元素重。

（4）位置

在一個(gè)作品中，處于更高位置的要素一般比更低位置的要素重。位于中心區(qū)域或重要區(qū)域的元素更重。

（5）紋理

有紋理疊加的要素比沒有紋理的要重。紋理讓物體呈現(xiàn)三維的效果，同時(shí)給予它質(zhì)量和視覺重量。

（6）形狀

規(guī)則的物體比不規(guī)則的物體要重，因?yàn)椴灰?guī)則的物體就像是規(guī)則的物體被切掉一部分后得到的。

（7）方向

垂直方向的物體比水平方向的物體重，但最重的是傾斜的物體。

（8）密度

填充更多的元

http://www.ishadingyu.com

素到空間中，去增加空間的視覺重量。觀者將會感受到更復(fù)雜的的組合要素，而非更簡單的要素。（密比稀重）

（9）白色空間

純白的空間看上去沒有視覺重量，因?yàn)樗�太空了。任何一個(gè)在空白中的物體似乎都更重了，原因是周圍的空間都包圍著它。

（10）本身的興趣

有些事比其他的事物更有趣，更復(fù)雜的元素就更有趣，也能吸引更多的眼球。本身的興趣也扮演了一個(gè)角色，如果

在飛機(jī)和汽車中更喜歡汽車的話，那汽車的圖片就會更吸引注意力。

（11）深度

較大的景深給了焦點(diǎn)元素更多的視覺重量（常見表現(xiàn)手法：漸變），原因是焦距和未焦距區(qū)域的對比度

（12）飽和度

飽和度高的顏色比飽和度低的顏色更重

（13）感知物理重量

對比的元素會更加吸引眼球，與周圍環(huán)境對比的要素將會比他周圍的環(huán)境更重。盡管大的元素比小的元素要重，一個(gè)小的黑色圓圈周圍是大量的白色空間并且在頁面頂部，他比一個(gè)大的不規(guī)則的冷色的在頁面底部的物體要重。

7.視覺重量設(shè)計(jì)原則

（1）圖形背景

視覺重量可以通過給予圖形更多的負(fù)重去把背景和圖形元素區(qū)分開來。

（2）距離：元素間的空間導(dǎo)致了不同數(shù)量的局部空白和物體內(nèi)部空間的不同密度

（3）相似和對比

可以用視覺重量去表示它們，有對比的元素會帶來巨大的反差和視覺重量，類似的元素很自然的就會表現(xiàn)出相似性。

（4）焦點(diǎn)

點(diǎn)元素組成的焦點(diǎn)并且會特別有吸引力，它的視覺重量比其他元素都重（增加質(zhì)感）

（5）曾經(jīng)的體驗(yàn)

瀏覽者過去的體驗(yàn)會很影響他們認(rèn)為的當(dāng)前網(wǎng)頁中最吸引眼球的元素。

（6）視覺方向

視覺方向是對視覺力量的感知。視覺重量是想讓觀眾注意到作品中的某一部分。

（7）元素的形狀

一個(gè)元素的形狀可以創(chuàng)造一個(gè)坐標(biāo)軸，并且這個(gè)坐標(biāo)軸會提供一個(gè)視覺方向�；�本軸通常都是平行方向的視覺元素

（8）元素的位置

（9）特定元素

一個(gè)箭頭、一個(gè)手的指向或者一個(gè)眼睛的凝視都暗示了一個(gè)具體的方向。

8.作品的總體方向（視覺元素越出眾越能吸引眼球）

（1）水平方向會讓作品表現(xiàn)出冷靜和穩(wěn)定的感覺

（2）垂直方向會讓作品表現(xiàn)出危險(xiǎn)、形式感和平衡感

9.線的視覺效應(yīng)：橫線有延伸感；豎線垂直感；斜線靈動感；曲線優(yōu)美感

10.兩根同樣長的直線，視覺上豎線要比橫線長；線以一定程度匯集于是就形成了面

11.線是點(diǎn)到點(diǎn)的軌跡鏈接；線的分類：直線，曲線，折現(xiàn)，虛線；線在垂直時(shí)候會顯得比較長；若干線條編織起來可以形成面；線的粗細(xì)變化也可以形成面的感覺；文字也可以形成線

12.設(shè)計(jì)中的形按照形成方法可以分為幾何形，有機(jī)形和偶發(fā)形；幾何形是可以用數(shù)學(xué)方法定義的圖形，有機(jī)形是可以重復(fù)和再現(xiàn)的自由形，是幾何形的抽象。偶發(fā)形不管用何種方法，每次產(chǎn)生的結(jié)果都不一樣，比如潑濺，吹原料產(chǎn)生的形態(tài)。

17.正負(fù)形： 正負(fù)形的由來當(dāng)注視杯子的時(shí)候,這就是

圖形,黑色的部分就成了背景;但當(dāng)注視2個(gè)頭影時(shí),那也成為了圖形,而白色的部分就成了背景。平面正負(fù)形是一種藝術(shù)圖案，它可以給人以幻覺，使人產(chǎn)生兩種感覺，這就是平面正負(fù)形的魅力。

18.認(rèn)識正負(fù)形(圖與底)

將形體本身稱為正形，也稱為圖；將其周圍的“空白”（純粹的空間）稱為負(fù)形，也稱為底。

19.在平面空間中，正形與負(fù)形是靠彼此界定的，同時(shí)又相互作用。正形是積極向前的，而負(fù)形則是消極后退的，一副好的作品，負(fù)形也起著至關(guān)重要的作用，如負(fù)形的過碎與流動性都會削弱正形的完整性與力度。畫面中出現(xiàn)的任何元素都是一個(gè)整體。當(dāng)正形與負(fù)形相互借用，圖形的邊線隱含著兩種各自不同的明確含義，我們成為邊線共用。

點(diǎn)在設(shè)計(jì)中的運(yùn)用

1. 點(diǎn)在設(shè)計(jì)中起到增強(qiáng)動感，輔助，強(qiáng)調(diào)重點(diǎn)等作用

2. 點(diǎn)線聚集組成面。點(diǎn)的均勻分布形成機(jī)理，是畫面質(zhì)感的另一表現(xiàn)手法。

3. 抽離表現(xiàn)手法：

4. 點(diǎn)在設(shè)計(jì)中的運(yùn)用：渲染氣氛提升畫面感;為畫面增加細(xì)節(jié)和豐富感；使用特殊材質(zhì)來體現(xiàn)點(diǎn)的感覺；事物的衍變過程（漸變）；把特定元素作為點(diǎn)來使用。

線在設(shè)計(jì)中的運(yùn)用

1. 線有增強(qiáng)動感，分隔圖文信息，方向引導(dǎo)等作用；體現(xiàn)強(qiáng)烈的動感（放射狀）

2. 把特定元素進(jìn)行劃分或鎖定

3. 充當(dāng)特殊的畫面花紋

4. 組成面使用

5. 增強(qiáng)動感(斜線具有靈動感)

6. 強(qiáng)烈的方向指引感

面在設(shè)計(jì)中的運(yùn)用

1. 面在設(shè)計(jì)中有分隔畫面，標(biāo)識重點(diǎn)，鏤空畫面等作用

2. 分隔畫面：（1）讓圖像與信息得到歸類；（2）把重

要部分進(jìn)行鏤空；（3）形成獨(dú)特風(fēng)格

3. 用面表示出畫面的重要部分

4. 占據(jù)畫面大空間，使畫面平穩(wěn)大氣

5. 放置文字等重要信息

重復(fù)與特異

重復(fù)與特異：特異是規(guī)律的突破，在規(guī)律性骨骼和基本形的構(gòu)成內(nèi)，變異其中個(gè)別骨骼或基本形的特征，以突破規(guī)律的單調(diào)感，使其形成鮮明反差，造成動感，增加趣味，即為特異構(gòu)成。特異的基本手法：規(guī)律轉(zhuǎn)移；大小的特異；方向的特異；色彩的特異；形態(tài)的特異。重復(fù)的技巧：1.制作出第一個(gè)基本形，利用復(fù)制圖層、旋轉(zhuǎn)、反相等制出基本效果，拼合圖層、剪切，形成第一

個(gè)圖形。2.復(fù)制出多個(gè)圖形，并進(jìn)行重復(fù)排列。3.大膽嘗試，想出多種制造方案。

對比手法

1. 大小對比（更加關(guān)注小的）；疏密對比；肌理對

比（比如明暗，光滑與粗糙）；形狀對比（正負(fù)形，有機(jī)形與幾何形）；方向?qū)Ρ龋豢臻g對比。

【視覺設(shè)計(jì)三大構(gòu)成】相關(guān)文章：

構(gòu)成與解構(gòu)、重構(gòu)-視覺語言新表述04-29

會議視覺設(shè)計(jì)12-04

平面的構(gòu)成歸納:平面構(gòu)成設(shè)計(jì)的獨(dú)特魅力10-31

設(shè)計(jì)構(gòu)成實(shí)訓(xùn)總結(jié)09-23

視覺設(shè)計(jì)崗位職責(zé)03-30

論視覺傳達(dá)設(shè)計(jì)的創(chuàng)新04-28

視覺設(shè)計(jì)師崗位職責(zé)05-26

芻議視覺傳達(dá)設(shè)計(jì)關(guān)于符號的運(yùn)用05-02

視覺性與視覺文化--視覺文化研究的譜系04-30

褶在服裝設(shè)計(jì)中的構(gòu)成及應(yīng)用04-28