畫面的基礎

Linak
Linak
Sep 5, 2018 · 5 min read

對於素描、水彩、油畫、平面設計、簡報設計、介面設計…等等領域,都會需要用畫面與觀眾溝通,因此構成畫面的基礎就很重要,以下將詳述畫面構成的基礎觀念與美感邏輯。


東方的美學著重「留白」;西方的美學著重「黃金比例」,兩相融合互相學習之後,奠定了現在一般對於美學的認知;另一重要觀念為「抽象」與「具象」,那麼一個畫面該有多少「留白」、多少「填滿」;多少「抽象」、多少「具象」….多少元素的「對比」問題,基本上都是由「黃金比例」分配決定,來組成一個「畫面」。


黃金比例

定義為一線段(L),分成 a、b 兩個不一樣的線段(a > b),而且比例關係為:

L:a = a:b → (a + b):a = a:b

用比較文藝的方式解釋黃金比例,我的方式為「讓一個線段有對比,但不要突兀的對比」,所以就出現了自然的黃金比例(其實是古代數學家的強大)

假設 L = 13 , a = 8 , b = 5,則黃金比例約略如上圖所呈現,但是問題來了,這是「線段」的黃金比例,「畫面」基本上不是 2D 就是 3D,所以只需把「線段」放在「平面」或者「立體」的象限上,一樣會成立的!

假設一個畫面 12 x 12 (上圖左),先對兩邊做「黃金比例」的分割 (上圖中),最後四邊都做了黃金比例分割 (上圖右),這個畫面是不是有點熟悉?其實很多構圖的畫面都會先簡單畫上「井」字,其實,就是從黃金比例來分配畫面的空間,也是攝影鏡頭常常用到的觀念。

焦點

有了基本的畫面空間分配,就得確立畫面的焦點位置,那麼提供一個安全的方式,焦點即黃金比例分割線相交點,因為那是在畫面中最自然的視覺凝視點;當然,也是有很多作品的畫面在畫面正中央之類的,那都是可以嘗試搭配的方式。

副焦點

焦點的「帶開效應」,就是「副焦點」,如果紅點為我們決定的焦點,那麼橘點就是最佳的副交點位置,可以從多方面解釋,「對角線對稱」最穩定,例如你要用兩手拿起一張衛生紙,不會讓衛生紙塌下來的方式,就是兩手捉住衛生紙的「對角線」兩角落;化學式也大致如此,最安定的方式為對角線生長,如果以最具「變化性」的角度來看,紅點在「第二象限」、橘點在「第四象限」,切分象限的「X軸」、「Y軸」為劃分畫面的界線,現在,只單看「X軸」:畫面分成上下兩大塊,紅點在上、橘點在下;單看「Y軸」:畫面分成左右兩大塊,紅點在左、橘點在右,都是十分「對比」、有「變化」的焦點位置分配。

故從「對角線對稱」、「安定性」、「變化性」來解釋的話,焦點與副焦點之間的位置關係最好的選擇是「對角線」,以此類推,出現在畫面上的所有元素「點、線、面」也是以「對角線」方式「帶開」發展是最為恰當,最為有變化性。

佈局的對比

有了畫面的空間分配概念後,對於出現在畫面上的所有元素,若能做到「對比」,則會讓畫面十分豐富具有耐看性與變化性。


灰度的對比:黑、灰、白

畫面的灰度比例通常為:10%的黑、70%的灰、20%的白,是因為「灰」是一個安定的色度,黑與白具有強烈對比,可以對撞出焦點的對比,其他組成畫面的元素,則採用中間灰處理


彩度的對比:紅vs綠、橙vs藍、黃vs紫

對比色的色相差距較大,容易取得對比的效果


抽象與具象:模糊vs清晰、自然形vs幾何形


字體的對比:

形狀的對比 (黑體、圓體、手寫體、斜體、襯線體)
粗細的對比 (Bold vs Light、Black vs medium…)

總結

  1. 大小聚散、黑灰白、點線面以「黃金比例」分配於畫面
  2. 焦點與副焦點與其他元素皆求「對比」,讓畫面有層次
  3. 抽象與具象、豐富與留白,斟酌畫面空間使用
  4. 美的邏輯,大部分經過精心安排,節奏性地呈現
  5. 有趣的是,Article Cover 居然也是截圖了我的焦點位置

    Linak

    Written by

    Linak

    ui / ux / graphic / illustration

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade