• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】版面構圖初學者教程:構圖基本要素之點




    版面構圖初學者教程:構圖基本要素之點

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自Pconline的設計理論類文章,寫教學的作者是騰龍視覺,感謝騰龍視覺提供設計理論的實作教學。

    教學大綱:

    版面構圖在設計中的應用是十分廣泛的,因此,學習版面構圖具有十分重要的意義。如何更好的學習版面構圖,我們必須從構圖的基本要素點、線、面學起。在這一篇教程中,我首先為大家講解的是構圖基本要素點的相關知識。


    設計理論教學開始

    版面構圖在設計中的應用是十分廣泛的,因此,學習版面構圖具有十分重要的意義。如何更好的學習版面構圖,我們必須從構圖的基本要素點、線、面學起。在這一篇教程中,我首先為大家講解的是構圖基本要素點的相關知識。

    1. 什麼是點

    點是版面構圖中的一個重要的基本要素,是一切形態的基礎。例如下圖中所示的印刷網版,就是以不同大小和疏密的網點所組成的圖像。

    版面構圖初學者教程:構圖基本要素之點

    圖01

    那麼,我們如何確定一個事物是否具有點的性質呢?通過下面這個例子的學習,相信大家會找到答案。

    如下圖中,花朵與大片綠叢形成了強烈的對比,花朵相對於綠叢便有了點的性質。

    版面構圖初學者教程:構圖基本要素之點

    圖02

    但在下面這一張圖中,花朵與周圍環境的對比減少,點的性質消失,形成了面的性質。

    版面構圖初學者教程:構圖基本要素之點

    圖03

    同樣是一朵花,由於各自的位置不同,與周圍環境的對比關係不同,分別呈現出了點和面的不同性質。可見,點是根據它所處的具體位置與周圍環境的對比關係來決定的。

    由此看來,點的位置關係重於面積關係,甚至有時候我們可以忽略點的面積關係。

    2. 點的作用

    2.1 點的張力作用

    當畫面中只有一個點時,人們的視線就集中在這個點上,使點具有緊張性,從而也加強了對點的關注度。因此,點在畫面的空間中,具有張力作用。

    版面構圖初學者教程:構圖基本要素之點

    圖04

    點的張力作用運用到設計中,可以取得很好的視覺效果。例如在下面廣告作品中,採用了極小的人物形象,使人物形象具有了點的性質。利用點的張力作用,不僅提高了觀者對人物形象的關注度,同時增加了畫面的空間感,使畫面顯得更加充實。

    版面構圖初學者教程:構圖基本要素之點

    圖05

    2.2 點與點之間的吸引作用

    當空間中出現等大的點時,由於點與點之間的吸引作用,使點與點之間在心理上產生了連接的效果。

    版面構圖初學者教程:構圖基本要素之點

    圖06

    例如在下面例子中,手機相對於背景具有了點的性質。由於點的吸引作用,從而形成了一條心理上的弧線。

    版面構圖初學者教程:構圖基本要素之點

    圖07

    當空間中出現大小不同的點時,由於點的不同吸引作用。我們的注意力會首先注意到優勢的一方,然後再向劣勢的一方轉移。例如下圖中,我們會首先注意到大的點,然後才會注意到小的點。

    版面構圖初學者教程:構圖基本要素之點

    圖08

    在下圖廣告中,我們會首先注意到面積大的主體物,然後注意到小的標題。利用點的吸引作用的不同,增強了畫面的節奏感,從而使畫面有了主次之分。

    版面構圖初學者教程:構圖基本要素之點

    圖09

    3. 點的性質

    3.1 點的無形狀性

    點的無形狀性就是指點可以有各種各樣的形狀。例如下面這一張圖中,各種各樣的形狀,但因為小便有了點的效果。

    版面構圖初學者教程:構圖基本要素之點

    圖10

    例如下圖廣告中,利用遠距離的俯視角度使人物形象具有了點的性質,畫面使人印象深刻。

    版面構圖初學者教程:構圖基本要素之點

    圖11

    3.2 點的不穩定性

    當點與周圍環境對比發生變化時,點的性質也會隨之改變,呈現出不穩定的特點。我們以九個方點為例,列舉了四種情況來說明點的不穩定性。

    ●當畫面中九個方點為等大時,每個方點都將表現出點的性質;

    版面構圖初學者教程:構圖基本要素之點

    圖12

    例如下圖廣告中,每個形態都形成了等大的視覺效果,從而每個形態都表現出了點的性質。

    版面構圖初學者教程:構圖基本要素之點

    圖13

    ●當改變了中間點以外的周圍八個點的方向時,原來中間的方點,便產生了長方形的感覺;

    版面構圖初學者教程:構圖基本要素之點

    圖14

    例如下圖廣告中,當飯盒與其他形象不同時,會使人更加深刻地記住飯盒的形象,而其他相同形象則會被忽略。

    版面構圖初學者教程:構圖基本要素之點

    圖15

    ●當周圍八個點面積變大時,中間原有的方點,就更加突出了點的性質;

    版面構圖初學者教程:構圖基本要素之點

    圖16

    例如下圖廣告中,由於周圍事物偏大,加強了中間點的性質,使人們的關注度更易集中到中間圖形上,突出了廣告的主題。

    版面構圖初學者教程:構圖基本要素之點

    圖17

    ●當周圍八個點面積變小時,中間原有的方點便呈現出長方形的感覺,點的性質削弱。

    版面構圖初學者教程:構圖基本要素之點

    圖18

    例如下圖設計作品中,通過縮小其他圖形,使原有的圖形的形象更加明確,引人注意。

    版面構圖初學者教程:構圖基本要素之點

    圖19

    4. 點的錯覺

    所謂“錯覺”,就是感覺與客觀事實不相一致的現象。下圖中,我們可以看見背景在不斷的上下浮動,這種視覺上的偏差就是錯覺。

    版面構圖初學者教程:構圖基本要素之點

    圖20

    4.1 點的遠近錯覺

    ●點的遠近錯覺主要是由於點的色相、明度和純度的不同導致的。明亮的暖色會接近眼睛,具有前進感和膨脹感,而冷色就會有後退感和收縮感。因此,同為黑底上的兩個等大的點,紅點具有前進感,而藍點則有後退感。

    版面構圖初學者教程:構圖基本要素之點

    圖21

    例如下圖廣告中,同樣大小的兩個點,卻給人不同的視覺感受。

    版面構圖初學者教程:構圖基本要素之點

    圖22

    ●同為暖色的兩個等大的點,但由於兩點的明度不同,形成不同的遠近的錯覺。明度高的點比明度低的點更具有前進感。

    版面構圖初學者教程:構圖基本要素之點

    圖23

    例如下圖的兩張海報中,我們可以看見黑底上的白點比紫色底上等大的灰點更具有前進感,會產生更接近我們的錯覺。

    版面構圖初學者教程:構圖基本要素之點

    圖24

    4.2 點的大小錯覺

    ●同等大小的點,由於周圍點大小的不同,使中間兩個點也產生了不同大小的錯覺。中間的點是等大的,但在大點的包圍下,中間的點感覺小;在小點的包圍下,中間的點感覺大。

    版面構圖初學者教程:構圖基本要素之點

    圖25

    例如在下面廣告設計中,當周圍的點過大時,中間的點就會給人小的感覺。

    版面構圖初學者教程:構圖基本要素之點

    圖26

    利用點的大小錯覺,可以使周圍點變小,如下圖所示,從而使中間的點更加突出,使廣告的主題更加明確。

    版面構圖初學者教程:構圖基本要素之點

    圖27

    ●同一大小的兩點,周圍空間大的點感覺小;周圍空間小的點感覺要大。

    版面構圖初學者教程:構圖基本要素之點

    圖28

    在下圖廣告設計中,利用周圍空間與中間圖形進行比較,使中間圖形給人小的感覺。

    版面構圖初學者教程:構圖基本要素之點

    圖29

    當我們減少周圍空間面積時,如下圖所示,我們會發現中間的圖形較上圖要顯得大一些。

    版面構圖初學者教程:構圖基本要素之點

    圖30

    5. 點在設計中的應用

    點是相對較小的一個元素,但也是最基本最重要的元素。採用不同的編排方式,點可以製作出不同的視覺感受,所以點在設計中的應用是比較廣泛的。

    在下圖海報中,用點有秩序的漸變排列,形成了一種很強的韻律感。同時,隱藏的形體增強了畫面的視覺衝擊力。

    版面構圖初學者教程:構圖基本要素之點

    圖31

    下圖廣告設計中,運用大小不一的點,不僅增加了畫面的動感同時也增強了畫面的空間感。

    版面構圖初學者教程:構圖基本要素之點

    圖32

    下圖設計作品中,運用不同色彩的圓點,採用平面化的表現方法,增強了畫面的裝飾性。

    版面構圖初學者教程:構圖基本要素之點

    圖33

    通過這一篇教程的學習,我們學習了點的含義、作用、性質以及在設計中的運用。

    — —

    文章永久連結為: 版面構圖初學者教程:構圖基本要素之點