1 of 33

基礎平面設計第1屆童軍多媒體創作(技能組)專章訓練班

課節講師 何仲康

2 of 33

課節目標

01

02

平面設計的構圖元素

平面設計的視覺流程

3 of 33

平面設計的�構圖元素

01

4 of 33

平面設計的構圖元素

有效的溝通是通過使觀眾留下持久的印象並創建 視覺記憶,在幾秒鐘內成功將您的消息發送給您的觀眾。

¸¸¸¸

原則

Principles

元素

Elements

WHAT (elements) + HOW (principles) => Effective Communication (溝通)

5 of 33

平面設計的構圖元素

6 of 33

平面設計的構圖元素

是視覺設計的最小單位,越小的形越容易被認為是點,所以,點是相對於其他元素的比例而言的。

在版式設計中,點的形態多種多樣,它可以是一個字母,也可以是一個標點符號,其不同的構成形式、大小和數量都能形成不同的視覺效果。設計師應根據設計需要和版面效果靈活處理。

7 of 33

點的編排構成 - 點的視覺張力

8 of 33

點的編排構成 - 點的線化

點的線化能平衡版面構成,使版面具有充滿動感的視覺效果

9 of 33

點的編排構成 - 點的面化

點的面化能增強版面層次感,有利於資訊的直觀表達,使版面更形象,更富有立體感。

10 of 33

點的編排方式- 密集型編排

密集型編排就是數量眾多的點以聚集的方式進行編排,使版面具有較強的視覺注目度。

11 of 33

點的編排方式- 分散型編排

分散型編排是將多個點元素以散構的形式分佈在版面的各個角落,使畫面呈現出擴散、飽滿的視覺效果。

12 of 33

觀察下面幾幅圖片,說一說每幅圖片都是以點的哪種形式表現的?

13 of 33

版式設計的構圖元素

的表現形式豐富多樣,不同的線型傳達的情感也不一樣。

線的形式主要分為直線曲線兩種,直線包括斜線垂直線和水平線等,曲線主要包括幾何曲線自由曲線

14 of 33

線的編排構成 - 線的情感

15 of 33

線的編排構成 - 線的情感

16 of 33

線的編排構成 - 線的節奏

節奏是指一種有規律的跳動,版面元素的重複、漸變、放射、聚散等變化都能形成節奏感

17 of 33

線的編排構成 - 線的空間

線還具有方向性流動性延續性空間性

18 of 33

線的編排方式- 版面的分割與引導

量的分割是指運用線條將版面切割成等量不等量的區域,隨後將視覺要素,如圖形、文字等,排列到預先設定好的區域內,使版面中的圖文資訊得到合理分配,從而打造出科學化的版式結構。

19 of 33

線的編排方式- 版面的分割與引導

圖文分割 - 為了將包含大量圖片和文字的版面進行有效的佈局,可以採用線條切割的方式,在版式結構上準確地區分圖片和文字兩種視覺元素。

20 of 33

線的編排方式- 版面的分割與引導

線的引導作用 - 線還可以引導人們的視線按照一定的方向進行移動,使版面元素聯繫更緊密,閱讀更流暢 。

21 of 33

線的編排方式- 版面的分割與引導

線框的運用 - 利用線框對版面空間進行分割和限定,能使版面具有一種被限制的緊張感,並使版面劃分出明確的閱讀區域,提高閱讀效率。

22 of 33

線的編排方式- 版面的分割與引導

23 of 33

線的編排方式- 版面的分割與引導

24 of 33

觀察下面幾幅圖片,說出圖中的線元素分別運用了哪種構成和編排方式?

25 of 33

平面設計的構圖元素

可以理解為線移動的軌跡和線的密集形態,也可以理解為點的放大、集中和重複。在二維空間中,面是表情最豐富的元素,它通過形狀、大小、虛實、色彩的變化帶來不同的情感體驗。面在平面中具有平衡豐富空間層次烘托及深化主題的作用。

26 of 33

平面設計的構圖元素

27 of 33

平面設計的構圖元素

28 of 33

平面設計的構圖元素

29 of 33

平面設計的�構圖原則

02

30 of 33

平面設計的構圖原則

  • 留白 (Space)
  • 紋理 (Texture)
  • 明度 (Value)
  • 對齊 (Alignment)
  • 平衡 (Balance)
  • 重複 (Repetition)
  • 流動感 (Movement)
  • 對比 (Contrast)
  • 負形 (Negative Space)
  • 顏色 (Colour)
  • 易讀性 (Legibility)
  • 變化 (Variety)
  • 對稱 (Symmetry)
  • 結構 (Proximity)

31 of 33

平面設計的構圖原則

留白 (Space) | 紋理 (Texture) | 明度 (Value) | 對齊 (Alignment)

平衡 (Balance) | 重複 (Repetition) | 流動感 (Movement) |

對比 (Contrast) | 負形 (Negative Space) | 顏色 (Colour)

易讀性 (Legibility) | 變化 (Variety) | 對稱 (Symmetry) | 結構 (Proximity)

32 of 33

平面設計的構圖原則

留白 (Space) | 紋理 (Texture) | 明度 (Value) | 對齊 (Alignment)

平衡 (Balance) | 重複 (Repetition) | 流動感 (Movement) |

對比 (Contrast) | 負形 (Negative Space) | 顏色 (Colour)

易讀性 (Legibility) | 變化 (Variety) | 對稱 (Symmetry) | 結構 (Proximity)

33 of 33

Q&A

基礎平面設計