# 什麼是組成(Composition) * 組成是將元素安排在頁面或畫布上的方式,以創造有故事性、吸引人的視覺效果 * 約65%的人是視覺學習者,人眼大約30毫秒即可辨識畫面中的圖像 * 良好的組成可以引導觀眾注意、停留更久、傳達訊息與情感 * 原則同樣適用於平面設計、攝影與藝術 # 組成的關鍵原則 ## 焦點(Focal Point) * 主要元素或主題,是觀眾最先注視的部分 * 可透過位置、顏色、明暗與對比來強化 * 範例:中心對齊的罌粟花、Botticelli《維納斯的誕生》 ## 比例與大小(Scale) * 元素之間的大小比較決定視覺層次 * 大元素通常為視覺焦點,小元素為輔助 * 範例:Armin Hofmann的Giselle海報、Renee MacRae的家具與物品尺寸對比 ## 對比(Contrast) * 用不同大小、顏色、形狀或明暗來突出元素 * 可建立層次與焦點 * 範例:Rothko畫作中的色彩對比、攝影中明亮雨衣與背景的對比 ## 引導線(Leading Lines) * 使用線條引導觀眾目光至重要元素 * 形式包括直線、街道線條或會聚線 * 範例:街道電線模仿、樹木會聚線指向樹冠 ## 層次與優先順序(Hierarchy) * 將元素由重要到次要排列 * 可透過大小、色彩、光影、位置等方法建立 * 範例:公共劇院海報、Raphael《聖家族》中光線強調主要人物 ## 景深(Depth) * 前景、中景、背景的距離感,創造立體感與故事性 * 攝影中可透過小光圈增加景深 * 範例:Pro Geno畫作、攝影中走廊的拍攝角度 ## 平衡(Balance) * 對稱平衡:元素平均分布 * 非對稱平衡:利用視覺重量(顏色、體積)平衡畫面 * 範例:Jacqueline Casey海報(對稱)、Van Gogh《星夜》(非對稱) ## 空間(Space) * 正空間(Positive Space):元素本身 * 負空間(Negative Space):元素周圍空白 * 可創造呼吸感、強化焦點 * 範例:Sawbas設計海報、Renema Grid超現實作品 ## 重複與圖案(Repetition / Pattern) * 重複元素或圖案創造視覺連續性 * 中斷重複可產生焦點或強化訊息 * 範例:Andy Warhol《瑪麗蓮夢露》、幾何背景與人物對比的攝影作品 ---- # 組成技巧(Composition Techniques) ## 三分法則(Rule of Thirds) * 將畫面水平與垂直分成三等分,形成九個矩形 * 交點是觀眾視線自然落點 * 範例:Sippy Pinellas書封主題置於右側交點、John Singer Sargent飛機與農夫置於對角交點 ## 奇數法則(Rule of Odds) * 使用奇數個元素創造平衡與自然感 * 常用三至五個元素 * 範例:畢卡索畫作五位女性,中央女性位於正中;攝影中三朵木蘭,第二朵置中 ## 黃金比例(Golden Ratio / Divine Proportion) * 比例約1:1.618,形成螺旋引導視線 * 可用於畫面構圖,不必精確定位 * 範例:葛飾北齋《神奈川沖浪裏》、Mondrian現代主義作品 ## 黃金三角(Golden Triangle) * 由角到角形成交叉線,生成三角形引導視線 * 可將主題或重要元素置於三角或交點上 * 範例:夜景畫中狗置於底部三角;攝影中主題靠近交點線 ## 框架構圖(Framing) * 利用畫面中其他元素作框,引導注意力到主題 * 範例:Ruth Ansel書封以亮色元素框住模特臉部、攝影中拱門框住遠景 ## 主導(Dominance) * 透過尺寸、顏色或質感使特定元素突出 * 範例:對比背景使醋栗成為畫面主導元素 ## 前景、中景、背景(Foreground, Middle Ground, Background) * 將畫面分為三個平面 * 主題可置於其中任一平面,其他平面輔助呈現深度 * 範例:Perogino作品前景人物為主,中景為群眾,背景為建築與山景;攝影中前景與中景清晰,背景模糊 ## 先行空間(Lead Room / Look Room) * 主體前方留白,引導觀眾視線與方向感 * 範例:Vermeer作品女性右側留大量空間;攝影中行走人物前方留白 ## 左至右構圖(Left to Right) * 受西方文化心理影響,左代表過去,右代表前進 * 可用於敘事與方向感 * 範例:Nicolas Busan畫作,人物向右行走象徵前進,部分人物望左表現回顧;攝影中人物群走向右方,前方留足空間 --- # 提升組成的技巧(Tips to Elevate Compositions) ## 層次(Layering) * 利用前景、中景、背景創造立體感 * 在攝影中可透過顏色明暗與重疊製造3D錯覺 * 在平面設計中,可用混合剪貼、筆觸與素材疊加,增強層次、重點與質感 * 範例:David Carson的拼貼式設計 ## 地平線(Horizon Line) * 地平線分隔畫面上下,增強景深與元素重要性 * 低地平線:強調天空或遠景 * 高地平線:強調前景 * 範例:Frederick Edwin Church《Cotopaxi》、攝影中夕陽場景 ## 透視與特殊視角(Perspective / Unusual POV) * 改變攝影角度創造獨特視覺 * 高角度、低角度、斜視皆可增加張力 * 範例:香港建築低角度攝影、Mernett Larson抽象作品多重透視 ## 填滿畫面(Fill the Frame) * 將主題放大至畫面,增強視覺衝擊力 * 範例:Ruth Ansel封面放大Steve McQueen、Georgia O’Keefe的罌粟花攝影 ## 簡化(Simplification / Editing Back) * 去除不必要的元素,突顯主題 * 範例:滑板女孩黑白攝影背景簡化、Paul Rand IBM Think海報 ## 對比(Contrast) * 強調與其他元素不同的部分,建立焦點與層次 * 對比可用顏色、大小、形狀或明暗 * 範例:平面設計中紅黃對比黑白背景、攝影中紅色鉛筆與黑色背景對比 ## 軟體應用 * **Adobe InDesign**:可建立自訂格線,快速套用三分法則 * **Adobe Photoshop**:提供裁切工具與組成覆蓋線(Rule of Thirds、Golden Ratio、Golden Spiral、Triangle等) * 利用軟體可測試並精確安排元素位置,保證構圖符合設計規則
×
Sign in
Email
Password
Forgot password
or
Sign in via Google
Sign in via Facebook
Sign in via X(Twitter)
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
Continue with a different method
New to HackMD?
Sign up
By signing in, you agree to our
terms of service
.