三大構成

精心整理

精心整理

視覺設計基礎三大構成

1.平面設計三大構成元素：點，線，面。

2.點的分類（點是相對的）：大與小，實與空，濃與淡，寡與眾，實與虛，

圖與文，抽象與具象，光滑與粗糙

3.設計準則：視覺的重量和方向

點的視覺重量（重量即為吸引注意力的程度）

鶴立雞群，萬里從中一點紅

?在作品中，每一個要素都發揮著它該有的視覺的力量去吸引用戶的

眼睛。這個力量越大，它吸引的目光就越多。同時它還作用于其他的視覺

要素，傳遞出潛在的視覺移動方向的信息，并且告訴觀眾接下來該看什么。

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

6.視覺重量的幾個基本特點：尺寸、顏色、色值、位置、紋理、形狀和方

向。

（1）尺寸

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

（2）顏色

暖色更傾向于前景，一般都比較突出，同時暖色比冷色更重。冷色則

往背景方向逐漸遠去。紅色被認為是最重的顏色，黃色則是最輕的顏色。

（3）色值

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

精心整理

精心整理

（4）位置

在一個作品中，處于更高位置的要素一般比更低位置的要素重。位于

中心區域或重要區域的元素更重。

（5）紋理

有紋理疊加的要素比沒有紋理的要重。紋理讓物體呈現三維的效果，

同時給予它質量和視覺重量。

（6）形狀

規則的物體比不規則的物體要重，因為不規則的物體就像是規則的物

體被切掉一部分后得到的。

（7）方向

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

（8）密度

填充更多的元素到空間中，去增加空間的視覺重量。觀者將會感受到

更復雜的的組合要素，而非更簡單的要素。（密比稀重）

（9）白色空間

純白的空間看上去沒有視覺重量，因為它太空了。任何一個在空白中

的物體似乎都更重了，原因是周圍的空間都包圍著它。

（10）本身的興趣

有些事比其他的事物更有趣，更復雜的元素就更有趣，也能吸引更多

的眼球。本身的興趣也扮演了一個角色，如果在飛機和汽車中更喜歡汽車

的話，那汽車的圖片就會更吸引注意力。

（11）深度

精心整理

精心整理

較大的景深給了焦點元素更多的視覺重量（常見表現手法：漸變），

原因是焦距和未焦距區域的對比度

（12）飽和度

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

（13）感知物理重量

對比的元素會更加吸引眼球，與周圍環境對比的要素將會比他周圍的

環境更重。盡管大的元素比小的元素要重，一個小的黑色圓圈周圍是大量

的白色空間并且在頁面頂部，他比一個大的不規則的冷色的在頁面底部的

物體要重。

7.視覺重量設計原則

（1）圖形背景

視覺重量可以通過給予圖形更多的負重去把背景和圖形元素區分開

來。

（2）距離：元素間的空間導致了不同數量的局部空白和物體內部空間

的不同密度

（3）相似和對比

可以用視覺重量去表示它們，有對比的元素會帶來巨大的反差和視覺

重量，類似的元素很自然的就會表現出相似性。

（4）焦點

點元素組成的焦點并且會特別有吸引力，它的視覺重量比其他元素都重

（增加質感）

（5）曾經的體驗

精心整理

精心整理

瀏覽者過去的體驗會很影響他們認為的當前網頁中最吸引眼球的元

素。

（6）視覺方向

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

某一部分。

（7）元素的形狀

一個元素的形狀可以創造一個坐標軸，并且這個坐標軸會提供一個視覺

方向。基本軸通常都是平行方向的視覺元素

（8）元素的位置

（9）特定元素

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

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

（1）水平方向會讓作品表現出冷靜和穩定的感覺

（2）垂直方向會讓作品表現出危險、形式感和平衡感

9.線的視覺效應：橫線有延伸感；豎線垂直感；斜線靈動感；曲線優美

感

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

是就形成了面

11.線是點到點的軌跡鏈接；線的分類：直線，曲線，折現，虛線；線

在垂直時候會顯得比較長；若干線條編織起來可以形成面；線的粗細變化

也可以形成面的感覺；文字也可以形成線

12.設計中的形按照形成方法可以分為幾何形，有機形和偶發形；幾何

形是可以用數學方法定義的圖形，有機形是可以重復和再現的自由形，是

精心整理

精心整理

幾何形的抽象。偶發形不管用何種方法，每次產生的結果都不一樣，比如

潑濺，吹原料產生的形態。

17.正負形：

正負形的由來當注視杯子的時候,這就是圖形,黑色的部

分就成了背景;但當注視2個頭影時,那也成為了圖形,而白色的部分就成了

背景。平面正負形是一種藝術圖案，它可以給人以幻覺，使人產生兩種感

覺，這就是平面正負形的魅力。

18.認識正負形(圖與底)

將形體本身稱為正形，也稱為圖；將其周圍的“空白”（純粹的空間）

稱為負形，也稱為底。

19.在平面空間中，正形與負形是靠彼此界定的，同時又相互作用。正形

是積極向前的，而負形則是消極后退的，一副好的作品，負形也起著至關

重要的作用，如負形的過碎與流動性都會削弱正形的完整性與力度。畫面

中出現的任何元素都是一個整體。當正形與負形相互借用，圖形的邊線隱

含著兩種各自不同的明確含義，我們成為邊線共用。

點在設計中的運用

1.點在設計中起到增強動感，輔助，強調重點等作用

精心整理

精心整理

2.點線聚集組成面。點的均勻分布形成機理，是畫面質感的另一表現手

法。

3.抽離表現手法：

4.點在設計中的運用：渲染氣氛提升畫面感;為畫面增加細節和豐富感；

使用特殊材質來體現點的感覺；事物的衍變過程（漸變）；把特定元

素作為點來使用。

線在設計中的運用

1.線有增強動感，分隔圖文信息，方向引導等作用；體現強烈的動感（放

射狀）

2.把特定元素進行劃分或鎖定

3.充當特殊的畫面花紋

4.組成面使用

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

精心整理

精心整理

6.強烈的方向指引感

面在設計中的運用

1.面在設計中有分隔畫面，標識重點，鏤空畫面等作用

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

空；（3）形成獨特風格

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

4.占據畫面大空間，使畫面平穩大氣

5.放置文字等重要信息

重復與特異

重復與特異：特異是規律的突破，在規律性骨骼和基本形的構成內，

變異其中個別骨骼或基本形的特征，以突破規律的單調感，使其形成

鮮明反差，造成動感，增加趣味，即為特異構成。特異的基本手法：

規律轉移；大小的特異；方向的特異；色彩的特異；形態的特異。重

復的技巧：1.制作出第一個基本形，利用復制圖層、旋轉、反相等制

出基本效果，拼合圖層、剪切，形成第一個圖形。2.復制出多個圖形，

并進行重復排列。3.大膽嘗試，想出多種制造方案。

對比手法

1.大小對比（更加關注小的）；疏密對比；肌理對比（比如明暗，

光滑與粗糙）；形狀對比（正負形，有機形與幾何形）；方向

對比；空間對比。

2.