好作品的潛規則：培養「圖像閱讀力」就能判別好設計、名畫的構造法則，讓欣賞與創作，不再流於「憑感覺」

為什麼會覺得這張照片拍得很美？
為什麼會覺得這幅畫作很吸引人？
為什麼會覺得這個設計讓你目不轉睛？
美感源於邏輯，每件好作品背後，都有跡可循！

從圖像閱讀中解析名畫、攝影、平面廣告的設計原理
──寫給非本科生的美感養成教科書


● 什麼是圖像閱讀力？
不是只有文字能閱讀，圖像也可以。圖像閱讀，其學術名稱為「圖像識讀」（Visual Literacy），指的是人們對於圖像，如照片、圖畫、電影等視覺媒體其所呈載訊息的解讀能力。與文字閱讀能力（亦稱作文字識讀或文字素養）一樣，這種能力有初、中、高之分：

1. 初階：了解圖像語言，例如畫面構圖、色彩、平衡等外在形式。
2. 中階：理解圖像中所隱含的社會、文化、政治意涵等。
3. 高階：能夠運用圖像的初階和中階概念，表達自身思想。

熟悉最基本的初階圖像閱讀原理，其實就學會了基本設計原則！因為，好設計、好作品第一眼吸引人的關鍵，往往都隱藏其中。因此，即便是非本科生，只要熟悉、看得懂、抓得出基本的圖像閱讀原理，就能做出好設計。

● 用自己的話語，說出好與壞，才是真正的看懂
而對於喜愛藝術評論或名畫鑑賞的人而言，圖像閱讀力，更是讓文字或表述更扎實的要素之一：如何說出一番有說服力的鑑賞見解。在評論或鑑賞中，探究畫家想要傳達的意圖固然重要，但鑑賞的最高境界，應是能用「自己」的語言表達觀賞後的感覺。或許聽起來有些抽象，但其實只要學會並掌握「解析形式結構」的方法，就是成功的第一步。

原則上，一個好作品、好設計、好的藝術品，經常能看到：
1. 「流動」與「靜止」並存，因為如此的布局最能吸引人眼目光。但切記這樣的組合不能在同一個圖像內超過「三次」，否則就會雜亂無章，破壞美感。
2. 畫面中有自然的流動感；但該如何製造呢？重複相似的大小與顏色，且圖形越單純的圖片，其流動效果越好。
3. 人的視線習慣從左往右看，因此布局一個平面圖像時，應該把重點放在左側。
4. 善用S曲線的設計，能使圖像的規模放大，營造無法一次盡收眼底的視野，延伸觀者的想像空間。
5. 根據人體比例：孩童的50：50、成人的70：30、老人的90：10的特性，其實就是吸引該年齡層商品設計的最佳原則。

其實「鑑賞」和「設計」都是很科學的。無論是設計師或是畫家，其皆是透過巧妙的精心安排，讓「畫面」自己說故事、傳達意義。而當我們學會如何解析圖片之後，面對好設計、壞設計和藝術鑑賞時，自然就能說出一套「有道理」的看法，進而提升自我品味、設計創作等多方位的美感能力。

本書寫給：
1. 想要了解名畫或設計在表達什麼，希望不看博物館的文字說明牆，也能看懂作品的人。
2. 想要解析作品、看懂名畫，將自身抽象感受，有系統地用文字表達，甚至評論的人。
3. 想要提升繪畫構圖、設計能力等所有喜好藝術的人。

金持勳（김지훈）
畢業於南韓國民大學工業設計系，在廣告、網路領域工作十年後，前往美國舊金山藝術大學學習，獲得3D動畫與視覺特效的碩士學位。現在，擔任美國微軟（Microsoft）總公司電腦繪圖美術師一職，同時也負責教導設計工作者的各種設計教學，其研究內容的範疇從美術史到最新的電腦繪圖，藉以發掘它們之間的共同點，並將其運用在實務和教育上。
主要參與的企劃有Sony Cybershot、HP computer、Posco等展示與網頁設計。現在正在為Xbox的〈Halo 4〉與〈Halo 5:Guardians〉開發日後下一代的企劃。

學歷：
－美國舊金山藝術大學（Academy of Art University）3D動畫與視覺特效（3D Animation & Visual Effects）碩士
－南韓國民大學工業設計系學士

經歷：
－美國Microsoft Xbox電腦繪圖美術師
－美國AirTight概念‧寫作美術師
－日本萬代南夢宮娛樂（BANDAI NAMCO）概念美術師
－ADN網路設計師
－KORAD廣告設計師

得獎：
－獲得1993年 LG電子全國設計大會的銅牌
－獲得2007 年Mutant Z Epidemic Film最佳影片獎

教學‧演講‧評審：
－白石大學作品集課程
－西江大學遊戲教育院特別演講
－Academy of Art University研究所1:1教學課程
－自由設計課程
－全球遊戲美術大賽〈Dominance war 5〉評審委員

陳馨祈
畢業於文化大學韓文系，曾赴韓國淑明女子大學擔任交換學生一年。從事十多年韓文翻譯，翻譯作品領域含括語言、生活、彩妝、童書、線上遊戲等多種類項，目前已翻譯數十餘本書。

● 看懂推薦 ● （依姓氏筆劃排序）
吳東龍｜設計觀察家
馮宇｜IF OFFICE 創辦人

◎ 找出隱藏在圖像背後的設計原理
在藝術鑑賞中，有所謂的「圖像分析」，而這個「圖像分析」，是什麼意思呢？在欣賞畫作時，除了能「看出」畫家的作畫動機之外，我認為更重要的，是能用「自己的語言」來表述對於圖像的感覺。然而，用語言來表現圖像的感覺，又是什麼意思呢？舉例而言，任何人都能很輕易的用「奇怪」來批評某項東西，但若反問他哪裡奇怪時，通常對方都說不出個所以然，只會說顏色奇怪、均衡比例不符等抽象詞彙。而這樣的現象，不是指衣服或飾品的評論，而是當實際生活差異越大時越會表現出來；尤其，越是單純的藝術繪畫越是如此。
事實上，各位的眼睛已經有判斷設計好壞的眼光標準，只不過因判斷根據的概念不明確，而無法好好的言語表達出來。因此，本書的目的，就是為了解析隱藏在圖像之內的設計原理；一旦找出圖像背後的設計原理，如此當你大量閱讀作品時，才有辦法將這些作品眞正吸收進去，消化成為自己的創作養分，而不只是一眼看過。
設計原理，聽起來有些艱深，但其實都是我們生活中經常使用的概念，不會過於複雜。總而言之，各位讀者將會在本書中學到：
1. 看到圖像之後，能明確用言語表達該圖像的概念。
2. 能具體提出圖像的優、缺點和改善方法。
3. 不僅適用於分析圖像，更能活用這些原則於所有藝術設計中。

◎ 視覺平衡，是「美感」的第一要件
無論是繪畫或設計，當中都會使用到許多視覺技巧，吸引觀者；但再好的東西若過度的使用，就會造成反效果。而為了讓畫面達到「美感」和「和諧」，當中會使用各種技巧，以求達到「視覺平衡」。在次頁的畫中，可以看到所占面積大又明亮的女子，與面積小又黑暗的男子。這樣以面積、明暗來分配，便能表現出畫面的和諧；這正是畫家為了有效的凸顯畫作主題而刻意使用的視覺平衡手法之一。
那麼，我們來看看下面三張小圖，當我們把明暗調整之後，會產生什麼視覺效果呢？
（1）男子衣服過亮時：女子與男子間的顏色毫無差異，無法令人一眼辨識出人物，甚至可能會將衣服跟棉被看成一體，畫面沒有焦點。
（2）只有男子衣服變暗時：男子的衣服與背景色類似，大幅降低了男子的存在感，造成視覺左右不平衡。
（3）左側女子處變暗時：畫面暗到無法區別是人物或背景，且反而凸顯出變暗過的男子。

看懂了嗎？了不起的藝術作品多半都是使用了視覺平衡的規則，讓我們一眼就看出和諧、舒服的感覺，因此我們會覺得它美。然而，若是站在經常觀看許多優秀藝術作品的觀眾立場時，就很容易忽略這一點，最終甚至導致審美疲乏，或再也無法用言語表達美之所在，相當可惜。
而我認為，能持續以有趣的方式閱讀、解析圖像，就是將作畫者的意思與自己欣賞的感受相互比較，從中得到意外的鑑賞喜悅。希望各位讀者能透過本書，對於了解圖像和設計的表現方式，有更進一步的認識與理解。

【前言】 找出隱藏在圖像背後的設計原理

PART 1 視覺平衡
‧流動與靜止
‧「靜與動」的層次交替
‧音樂中的靜止與流動
‧視覺平衡
‧視線的流動
‧上下、左右對稱的美感
‧上下視覺平衡的三種空間比例
‧隨著不同年齡的設計變化
‧均等面積‧高面積‧極端面積對比的設計特徵
‧看美術史中的比例變化
‧動態設計與靜態設計
‧重量的位置：重頭＆重尾
‧刺激情緒的壓力調節

PART 2 單純的美麗
‧單純化
‧利用空間深淺創造距離感
‧強調視覺
‧連結感與分離感
‧細節的使用原則
‧分組
‧過場轉換
‧聲波設計
‧封閉式和開放式
‧凹凸式構圖
‧逆流的焦點
‧焦點位置的差異
‧利用形狀對比吸引視線
‧前奏與結尾
‧S曲線設計
‧重疊設計
‧裁切設計
‧圖層設計

【練習】 用圖像閱讀解析設計原則