《版型研究室》:迅速抓住讀者眼球的圖像分割法則

《版型研究室》:迅速抓住讀者眼球的圖像分割法則
Photo Credit: 原點出版社
我們想讓你知道的是

數字如何融入設計中?二這個數字在排版設計時非常好用,可以代表不同元素間的二元性、並置或對立,也可以顯現出平衡與相依。不過,設計中最常使用的數字應該是三。

文:加文・安布羅斯(Gavin Ambrose)、保羅・哈里斯(Paul Harris)

數字在設計中的內涵意義,絕不僅止於測量。一般而言,使用奇數進行排版設計,創造出的不對稱性常常比偶數排版的秩序性更有趣。

二這個數字在排版設計時非常好用,可以代表不同元素間的二元性、並置或對立,也可以顯現出平衡與相依。不過,設計中最常使用的數字應該是三。

  • 三等分原則

三等分原則是建構有趣排版的組織手法,將頁面水平及垂直各分三等分,重點元素則擺在此簡單網格的視覺焦點上。許多數位相機備有三等分原則觀景螢幕,幫助攝影師完成有魅力的構圖。

  • 三項法則

如「我來,我見,我征服」(Veni, vidi, vici)令人印象深刻,一系列的字詞或陳述也打造出相當張力。

  • 萬物皆三

拉丁片語「Omne trium perfectum」意指三件一組的事物皆完美,三即是全。透過此概念,說明了三等分或三項組為何能成為設計和廣告標語中有力的圖像工具。

0a2152eeebdc32797990375cfcf150ec
Photo Credit: 原點出版
三等分原則(The rule of thirds)

上圖說明三等分原則可以如何在排版或設計上創造熱點。如你所見,熱點位置與數學方法準確切分出的區域並不完全對應。

研究顯示,人眼掃過影像時,會停留在這些點上,故定義為熱點(見上圖)。設計師運用此相關知識,據以排列元素,幫助觀眾獲取重要資訊。

  • 視覺中心

視覺中心並非指影像裡或設計裡的數學中心,而是這個數學中心的稍右上處。視覺中心表示作品活躍的視覺焦點,可以利用來放置熱點,讓觀者視線停留。

f794efc4711f89a31edeb89d3d1ac22b
Photo Credit: 原點出版
少女肖像(Portrait of a Young Girl)

約翰尼斯・維梅爾(Johannes Vermeer)的少女肖像(Portrait of a Young Girl)畫作,一般稱為《戴珍珠耳環的少女》(The Girl with the Pearl Earring)。人臉的視覺焦點是嘴巴和眼睛,此作品中維梅爾捨棄數學中心,利用主角的眼鼻創造視覺中心。

9981448eee21affdafaa701a5e095edf
Photo Credit: 原點出版
帽子戲法設計公司(hat-trick Design)

該設計公司的書籍作品《三三三》(Threee),以簡單的三項組合為主題進行觀察,呈現出活潑又好玩的構圖。

書籍介紹

本文摘錄自《版型研究室:學會平面設計中難懂的數學題&美學邏輯,最基礎的版型理論》,原點出版

*透過以上連結購書,《關鍵評論網》由此所得將全數捐贈聯合勸募

作者:加文・安布羅斯(Gavin Ambrose)、保羅・哈里斯(Paul Harris)
譯者:莊雅晴

英國超級設計書作者,逾四十本著作中最暢銷書目,美國平面設計院校愛用基礎教科書。不只是網格,更學會如何放圖、抓節奏、掌握視覺之鑰。

做完版面練習題,讓你功力大增!不能只是模仿,你需要知其所以然,基礎法則+實務練習的扎實演練。

大部分的書,只教你如何模仿版型,但這一本卻解釋好設計,背後運用了哪些強大的「基礎原則」。逾300張圖片,集合全球古今的領先排版範例,提供最基礎的理論系統及應用。為什麼大家會對某個版面有反應,對另一個版面卻沒感覺?為什麼這個字體比另一個更合適?本書要談的是引導排版的整體原則,和這些原則的形成背景,並將設計中需要精確的數字計算,具體圖解,一看就懂。

getImage
Photo Credit: 原點出版社

本文經書傳媒授權刊登,原文發表於此

責任編輯:游家權
核稿編輯:翁世航