平面設計的構圖技巧與應用

攝影或畫畫時,我們都會用到的一種技巧,叫做「構圖」。就像你在家裡擺設傢俱一樣,你可能會想把電視放在客廳的中央,沙發就放在電視前面。這其實就是一種簡單的構圖。所以說,構圖基本上就是如何安排元素在一個空間裡面。

構圖就像設計的骨架,好的構圖能讓你的作品更有生命力和吸引力。一張雜亂無章的設計圖和一張有條理、視覺流暢的設計圖,哪一張更吸引人呢?答案顯而易見。所以,構圖對於平面設計來說,真的是非常重要的基礎。

構圖的基本原則

視覺平衡(Visual Balance)

kimchinanay0318_Visual_Balance_1444a01d-570d-40a0-bd89-23a0ab1f267c.png

對稱與不對稱

對稱構圖:

對稱構圖就像是一把天平,左右兩邊重量相等,看起來會非常穩定和諧。這種構圖適合用在正式、莊重的設計中,比如婚禮邀請卡、公司宣傳海報等。

不對稱構圖:

不對稱構圖更靈活,左邊重,右邊輕,或者上重下輕,這樣的設計看起來更有動感和創意。這種構圖適合用在一些需要強調個性和創新的設計中,比如時尚雜誌封面、藝術展海報等。

視覺層次(Visual Hierarchy)

kimchinanay0318_Visual_Hierarchy_graphic_design_e6bc13ae-0391-4ba7-86ce-1507a5402252.png

主次分明

主要元素與次要元素:

在設計中,我們要讓觀眾一眼就能看出什麼是重點,什麼是次要資訊。比如一張海報,標題要大、顯眼,吸引人第一眼就注意到;而其他的次要資訊,比如日期、地點等,可以用稍小的字體。

使用顏色和字體:

顏色和字體的選擇也能幫助我們建立視覺層次。鮮豔的顏色、粗體字往往會吸引更多注意力,這些可以用來突出重點內容;而淡色、細字則可以用來顯示次要內容。

視覺動線(Visual Flow)

kimchinanay0318_Visual_Flow_graphic_design_f1ef7de4-abeb-4bf4-901a-3c99849e9a2d.png

引導視線的技巧

線條與形狀:

在設計中使用線條和形狀可以引導觀眾的視線。比如斜線、箭頭、曲線等,能夠自然地引導觀眾的眼睛從一個元素移到另一個元素。

空間與間距:

巧妙利用空間和間距也能創造視覺流動感。比如在一張設計圖中,重要的內容周圍留出更多空白,可以讓觀眾的視線自然停留在這些重點上。

顏色對比:

利用顏色的對比也能有效引導視線。鮮明的顏色對比會讓人第一時間注意到,而淡色部分則可以作為背景,使視線從重點內容逐漸移開。

延伸閱讀:

常見的構圖法則

三分法(Rule of Thirds)

Pasted image 20240521205538.png
Photo by Library of Congress on Unsplash

三分法則是最常見的構圖法則之一。將畫面橫向和縱向各劃分成三等分,形成九個相等的矩形。關鍵元素應該放在這些分割線的交點上,這樣能夠創造出視覺上的平衡和吸引力。

以上面案例來說,2個人物都有在三分線上,主要的重點角色放在交叉點附近。標題也在接近橫的三分線上。

對角線法(Diagonal Rule)

Pasted image 20240521210914.png
來源:https://www.pinterest.com/pin/422281200452228/

對角線法則利用對角線來安排設計元素,創造動感和深度。將畫面劃分為兩條對角線,關鍵元素應該沿著這些對角線排列。

我自己如果遇到需要比較有活力的設計時,也很喜歡故意讓文字或圖片有點斜度,整個畫面會比較有動感。

黄金比例(Golden Ratio)

golden8_42988_lg.gif

黃金比例大約是 1:1.618。這個比例有一種神奇的魔力,讓設計看起來特別舒服和美觀。

黃金比例在很早的時候就被發現了,發現的人到現在還是一個謎團。但傳聞中最早可以追溯到古希臘時期,大約在公元前六世紀左右。當時有個數學家叫做畢達哥拉斯,他和他的學生們就對這個神奇的比例很感興趣。他們發現,在一些自然界的事物中,比如貝殼、花朵和人體結構中,都能看到這種比例。

後來,又有一位著名的希臘數學家歐幾里得,在他的著作《幾何原本》中正式描述了這種比例,並將其稱為「極端與平均比」。到了文藝復興時期,這個比例再次被重視起來。比如達文西,他在畫《維特魯威人》的時候,就應用了很多黃金比例的概念。

黃金比例就是人們在自然界和藝術創作中,不斷發現和應用的一種神奇的數學關係,讓我們覺得看起來很和諧,很美。

最早知道這個是大學老師分享的,當時特別驚訝原來數學和美學是有關係的!雖然我小時候很喜歡數學,但一開始是完全沒有這種意識的。

在設計畫面的時後,可以將主要圖片或標題放在畫面的黄金比例位置,這樣的設計會看起來更加吸引人。

中心構圖(Central Composition)

Pasted image 20240521212158.png

中心構圖將關鍵元素放在畫面的正中央,創造穩定和對稱的效果。這種構圖適合用於需要強調中心元素的設計。

像這個範例圖就是把重要的球鞋產品放在最中間來強調商品。

其他實用的構圖技巧

空間的使用(Use of Space)

正負空間(Positive and Negative Space)

055168d258a714db7995811f44cc4293.jpg
來源:https://nladesignvisual.wordpress.com/2014/02/14/clever-use-of-negative-space-in-design/


正空間指的是畫面中實體的部分,比如文字、圖片等。負空間則是這些實體周圍的空白區域。合理使用正負空間能讓設計更具層次感和視覺吸引力。

在設計海報時,讓重要的文字和圖片有足夠的空白區域環繞,這樣可以突出重點,使畫面不顯得擁擠。負空間不僅能讓設計更美觀,還能引導觀眾的視線。

自學設計師的實踐建議

kimchinanay0318_Teach_yourself_practical_advice_as_a_designer_85dc52fa-50f4-4ed0-8000-780dfc367e4b.png

練習構圖的步驟

1. 從模仿開始

一開始可以多觀察和模仿優秀的設計作品,了解它們是如何進行構圖的。選擇一些你喜歡的設計,試著臨摹它們,看看它們是如何安排各個元素的。這樣可以幫助你建立基本的構圖概念。也許一開始沒辦法一次就做得很完美,但是不要氣餒,誰不是從做爛做醜開始的呢?再怎麼糟,我們也會學到目前這樣的做法效果不好,完全是一個很好的經驗,推薦大家多嘗試沒關係。

2. 自我評價與改進

在模仿和創作過程中,定期進行自我評價。可以問自己:這樣的構圖是否達到了預期效果?是否有更好的安排方式?通過不斷反思和改進,你會逐漸找到適合自己的構圖方法。

雖然在學習上有老師可以問是可以快速獲得回饋的方式,但我們不是隨時都有老師可以問,這個時候也可以多鍛鍊自己的眼睛,訓練自己的美感,這樣就算自己的手跟不上,但是我們會知道我們要怎麼與朝哪裡改進。

3. 使用設計工具

  • Photoshop、Illustrator等工具的應用
    • 熟練掌握設計工具是提升構圖技巧的關鍵。 Photoshop 和 Illustrator 是兩個常用的設計軟件,它們提供了豐富的功能,可以幫助你進行精細的構圖和設計。
    • 練習使用這些工具的各種功能,比如圖層管理、裁剪、調整顏色和大小等,這樣可以讓你的構圖更加精確和靈活。
    • 線上資源和教程:有很多免費和付費的線上教程可以幫助你快速掌握這些工具。多參考這些資源,可以加速你的學習過程。

4. 持續學習與提升

  • 參考設計書籍與網路資源
    • 持續學習是設計師成長的關鍵。可以多讀一些設計相關的書籍,了解構圖的理論和實踐。推薦一些經典的設計書籍,如《平面設計中的網格系統》《基本的基本》
    • 網路資源也是學習的好途徑。你可以參加設計相關的線上課程,觀看設計師的分享影片頻道,參與設計社群的討論,這些都能夠幫助你獲取最新的設計知識和趨勢。
    • 實踐與回饋:持續參加設計比賽、接設計案件,並積極尋求他人的回饋,這樣可以在實踐中不斷提升自己的構圖技巧。

結語

構圖是平面設計的基礎,決定了作品的視覺效果和訊息傳達效果。無論是平衡、層次還是流動感,都能影響觀眾的觀感和理解。掌握構圖技巧,能讓你的設計更具吸引力和專業性。

雖然是一個比較無趣的知識技巧,但是學起來,未來在設計的時候會更得心應手哦~!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *