〈上篇 平面設計原理〉
本書的第一部分探討的是設計原則，也就是串連所有優秀設計基本功的構成要素。每一門設計領域都有其各自的規則、方法與技術要求。這些都是基於其歷史、理論與實務之間互動而產生的；然而，與學習法律或生物不同的是，設計把視覺作為其使用的語言。這意味著，設計者必須對視覺比例、原則、現代世界及其複雜運作方式，具備高度成熟的敏感度與覺察力。
優秀的設計師能夠篩選這些資訊，創造出切題、引人入勝、且在視覺表達上富有說服力的設計，以應對不同問題，滿足不同的需要和情境。設計系學生不僅需要培養與設計相關的研究能力、概念開發、構圖與組織設計，同時也必須與世界保持連結，對不斷變化的環境保持興趣和敏感性，因為平面設計在這個世界大舞臺中發揮著重要作用。
第一章首先介紹設計師需要學習的主要和次要研究技巧，然後介紹圖像理論、受眾的重要性，以及如何掌握時間和安排工作。第二章主要介紹設計「形式」的概念。設計形式包括設計基本原理中的各元素，如文本、圖像、比例、空間、色彩和大小，並要求設計者理解：當這些元素被有意識地組合在一起時，會產生怎樣的視覺動態。對形式的理解，來自於看見各種設計元素內在且細微特質的能力，以及對它們彼此關係變化的觀察與敏感度。
第三章介紹字體排印，這是所有設計師都需要掌握的核心技能。它層次豐富、內涵複雜，其美感、多樣性與影響受眾的力量，都不容低估。因此，建立對字體排印的理解至關重要。第四章介紹的是色彩，說明它如何作為設計語言中最重要的工具之一，涵蓋色彩理論、術語、色彩聯想、易讀性問題與情感反應等面向。色彩的運用與管理，以及對其傳達能力的理解，都會隨著你對色彩影響力的認識加深而持續發展。
無論你最終投入的是哪一種設計領域，從藝術指導到網頁設計與動態圖像，這些基本原則都將為你打下穩固基礎，成為你進一步探索設計、理解設計師角色的重要起點。
〈線性推理與橫向思維〉
在概念發展的初期，面對設計概要（Design brief）主要有兩種思考路徑：線性推理與橫向思維。這兩種思考方式幾乎是對立的。前者重點突出，講求方法；後者發散無序，著重延展。但作為研究與發展工具，它們同樣重要。
線性推理是一種有策略的思考過程，以環環緊扣的邏輯，遵循特定線路行進。這種推理方式，通常會先有一個預設的想法或概念，再分階段逐步推進。一般來說，這會包括把原本的想法拆解成較易處理的部分，分別思考色彩、字體、構圖與尺寸，並逐一發展、修整，最後讓形式與概念相互契合。
橫向思維則是透過間接探索，去產生那些在線性推理中不容易浮現的想法──或者說，隱藏於線性思維過程中，因此沒有那麼清晰的聯想。它的重點是間接、創造性的研究形式。這個詞於1967 年由心理學家愛德華．波諾（Edward de Bono）提出。腦力激盪法，或以非線性的圖解方式發想，是透過盡可能深入和廣泛地探索每個部分，尋找能夠強化概念的各種關聯及想法。這個過程的目的是擴展可預期的極限。你可以把它想像成在一座城市裡行走。你可能一開始就清楚知道要去哪裡，鎖定在終點，直達目的地；你也可以漫無目的地閒逛。這兩種方式會帶來不同體驗。而後者可能反而讓你注意到，直奔目的地時看不見的風景。
你可以考慮先從橫向思維開始──盡可能把能想到的點子都丟出來──用來生成最初的概念；之後再進行線性推理。這兩者未必互相排斥，更多時候，它們其實是研究設計問題時彼此互補的兩種方法。
〈構圖基礎〉
構圖指的是設計中各種元素的視覺結構與組織方式，也就是將不同部分或元素組合成整體的過程。它強調的是，整體所呈現的效果不只是各部分的相加，而是超越各部分本身的存在。因此，構圖的重要性，絲毫不亞於構成設計的每一個個別元素。
設計師會在不同媒介和格式下安排圖像和文本──各種形狀、大小、顏色和質地。從二維或三維、黑白設計到全彩作品，再到網頁和動態影像都包括在內。有效視覺傳達的關鍵在於理解並探索構圖方法。構圖是引導觀看者穿越複雜畫面、抵達預定訊息時最重要的一項工具。要設計出有效的平面設計作品，無論使用何種媒介，都必須了解構圖的原理。
構圖理論
縱觀視覺藝術的歷史，人們提出了很多不同的構圖理論。維特魯威（Vitruvius）是一位羅馬建築師和工程師，他提出了一套用於分割畫面空間的數學公式。這個解決方案被稱為黃金比例（黃金分割），是基於矩形長寬的一組特定比例。這項原則深刻地影響了數學、建築、繪畫、平面設計以及涉及空間結構的工業設計理論。法國畫家亨利．馬諦斯（Henri Matisse）則更重視靈感的重要性，認為構圖是透過排列元素表達情感的藝術。
下列元素，是當代大多數理論認為構圖中需要考慮的重要因素：平衡（元素在頁面上的有意分布）；一致性或和諧度（視覺元素的相似性）；對比（視覺元素之間明顯的區別）；鄰近性（各元素配置上的相互關係）；重複與變化；留白（構圖中有意留下的空白，給受眾留下想像的空間）。
形式和空間
正空間是指在視覺上看起來似乎真實存在的造型或物體，可以是任意大小的固體形狀、線條或質地。負空間則是圍繞在物體周圍或內部的一切；那些看似「空白」的部分，幫助界定了正圖像的邊界。在進入更複雜的設計之前，先學會有效控制正負空間之間的關係，並在基本構圖練習中探索這件事，是很重要的。
一般情況下，負空間用於支撐任何區域中（也就是所謂的畫面）的「圖像」。要想建立更加成熟有效的構圖，必須學會控制正負空間之間的關係，並了解正負空間的相互影響。
留空白可以塑造張力或對比，在複雜、視覺上活躍的圖像結構中留白也可以給觀者思考的空間。只要改變正負空間的比例，你可以清楚地感覺到開放空間對整體構圖效果的影響。
舉例來說，如果你在相對較大的白色方形中央放上一個小點，這個點不僅不會消失，反而會顯得更為突出，因為大片留白會凸顯並聚焦人們對那個點的注意力。
你也可以有意地在圖像元素和背景之間創造某種曖昧性。例如，一組放在一起的圖形既互相支撐又互相競爭，以至於原本通常被視為負空間的部分，反而因為圖像的作用而獲得了形式；這就是所謂的圖地關係（figure-ground relationships，見第36頁）。
點和線
點是一個獨立存在的記號、空間中的一個位置；同時，它也可能是一條線的起點。當很多個點聚在一起時，就會開始形成某種節奏或圖案，依照一致性、重複性、尺度或數量不同，可能暗示規律，也可能呈現變化；它們也可能表達緊張，或相對放鬆的感受。
線是連接任意兩點的路徑。它可以是直線、曲線、粗線、細線、水平線、斜線、鋸齒形線、實線、框架線或虛線等。柔和、感性的線條暗示平靜與和諧，而犀利、曲折的線條表達矛盾和張力。兩條匯聚的線，可能暗示一個向遠方消失的點，也可以暗示二維空間內的三維錯覺。水平線暗示了平坦開闊，垂直線傳達氣勢和力量。線條是表達運動、趨勢、節奏以及方向感的優雅工具，也是建立視覺層次和空間閉合的重要助手；簡單來說，所謂閉合是人腦把觀察到的不完整圓型，想像成完整形狀的一種能力。
看看藝術家弗朗茨．克萊恩（Franz Kline）那種粗獷有力的線條，再看看塞．湯伯利（Cy Twombly）捉摸不定而脆弱的線條表現力。仔細觀察沃夫岡．魏因加特（Wolfgang Weingart）如何在排版中使用線條組織資訊，俄羅斯結構主義者亞歷山大．羅欽可（Alexander Rodchenko）如何使用紅、黑線條有力地表現主題。艾爾．李希茲基（El Lissitzky）和皮特．茲瓦特（Piet Zwart）也在其作品中使用了極具表現力的線條。
〈版面配置的基本原理〉
「版面配置」（Layout）是指對構成設計內容的所有不同要素進行編排。優秀設計的視覺傳達，呈現的資訊邏輯清晰、內容連貫、重點突出。正確運用構圖的基本原理在這一過程中至關重要，如何編排各種要素、傳遞資訊，也始終是設計師的首要考量。
使用網格系統和風格一致的設計元素，能使受眾在閱讀資訊時產生視覺上的愉悅感，還能增強內容的傳達效果。優秀的版面設計需要依賴網格，且有很多配置可供選擇。
實際因素
任何平面設計專案都需要經歷三個基本階段。首先，設計師接到客戶對設計要求的簡要說明，通常包括專案所需要的材料和形式要求。這些材料通常由文字（正文、展示性文案〔標題〕、文字方塊、側邊欄與圖說）和圖像（照片、插圖、地圖和圖表）組成。
客戶提供的簡報也應包括作品預期的外觀或「感覺」，而這又取決於目標受眾。版面是否需要看起來有權威性？是否需要涵蓋密密麻麻的資訊？還是這個訊息其實更適合一種精簡、有結構、留白充足的設計？如果簡報寫得含糊，就應該安排時間和客戶談一談，共同確定設計目標。
其次，你需要考慮形式和預算。如果狹小空間裡要放很多圖片和文字，會影響版面外觀。文案中的階層應該事先達成共識，例如編輯可能已經先把標題標成 A、B、C 等級，以表示它們的重要程度。這些元素可以透過字體方式來強調，例如在字級、字重、字型與色彩選擇上做出差異。
有時也會先決定要使用多少種顏色。色彩使用數量會影響印刷製作預算，因此在你開始構思專案之前，就應先確認。如果專案是在線上展示的，那麼色
彩的運用相對自由。有些顏色在螢幕的顯示效果比其他顯示媒介要好。（網頁設計請參見第七章。）
網格
第三個階段是組織資訊。在印刷作品和網頁設計中，資訊組織就是要建立網格系統，把所需要素編排在能夠容納所有設計元素的結構中。網格可以協助安排欄位、邊界、文字和圖像。一套設計良好的網格，在單頁上會保有一定的配置彈性，同時提供一個基本的系統，讓一系列頁面在視覺上保持一致。這在任何編輯性工作中都至關重要，包括書籍與雜誌；而在設計良好的網站頁面上也同樣適用，因為有些元素保持固定，有些則會改變。
網格系統絕不應該限制創造性，在結構化的格式中工作，反而會提供許多機會，讓你在掌握規則之後去打破規則。如果你碰到設計問題，不妨先關掉網格，試著自由調整構圖，等到滿意後再把網格打開，將設計對齊回去。
邊界、網格和結構
不管是設計何種類型的出版物，你都應該先設計一個可以套用於整個出版物的跨頁版面。這樣，你便可以了解左頁與右頁如何連接，並判斷是否對稱，這一點非常重要。既有的書籍設計慣例認為，裝訂線邊距（內側邊界）應該是書口（外側邊界）的一半，地（下邊界）應該大於天（上邊界）。這些規則有助於維持整體平衡，讓版心區域舒適地落在開本之中。記住，閱讀時目光需要從一頁轉到下一頁，所以版心（兩邊接合處）不宜過寬。
本書的第一部分探討的是設計原則，也就是串連所有優秀設計基本功的構成要素。每一門設計領域都有其各自的規則、方法與技術要求。這些都是基於其歷史、理論與實務之間互動而產生的；然而，與學習法律或生物不同的是，設計把視覺作為其使用的語言。這意味著，設計者必須對視覺比例、原則、現代世界及其複雜運作方式，具備高度成熟的敏感度與覺察力。
優秀的設計師能夠篩選這些資訊，創造出切題、引人入勝、且在視覺表達上富有說服力的設計，以應對不同問題，滿足不同的需要和情境。設計系學生不僅需要培養與設計相關的研究能力、概念開發、構圖與組織設計，同時也必須與世界保持連結，對不斷變化的環境保持興趣和敏感性，因為平面設計在這個世界大舞臺中發揮著重要作用。
第一章首先介紹設計師需要學習的主要和次要研究技巧，然後介紹圖像理論、受眾的重要性，以及如何掌握時間和安排工作。第二章主要介紹設計「形式」的概念。設計形式包括設計基本原理中的各元素，如文本、圖像、比例、空間、色彩和大小，並要求設計者理解：當這些元素被有意識地組合在一起時，會產生怎樣的視覺動態。對形式的理解，來自於看見各種設計元素內在且細微特質的能力，以及對它們彼此關係變化的觀察與敏感度。
第三章介紹字體排印，這是所有設計師都需要掌握的核心技能。它層次豐富、內涵複雜，其美感、多樣性與影響受眾的力量，都不容低估。因此，建立對字體排印的理解至關重要。第四章介紹的是色彩，說明它如何作為設計語言中最重要的工具之一，涵蓋色彩理論、術語、色彩聯想、易讀性問題與情感反應等面向。色彩的運用與管理，以及對其傳達能力的理解，都會隨著你對色彩影響力的認識加深而持續發展。
無論你最終投入的是哪一種設計領域，從藝術指導到網頁設計與動態圖像，這些基本原則都將為你打下穩固基礎，成為你進一步探索設計、理解設計師角色的重要起點。
〈線性推理與橫向思維〉
在概念發展的初期，面對設計概要（Design brief）主要有兩種思考路徑：線性推理與橫向思維。這兩種思考方式幾乎是對立的。前者重點突出，講求方法；後者發散無序，著重延展。但作為研究與發展工具，它們同樣重要。
線性推理是一種有策略的思考過程，以環環緊扣的邏輯，遵循特定線路行進。這種推理方式，通常會先有一個預設的想法或概念，再分階段逐步推進。一般來說，這會包括把原本的想法拆解成較易處理的部分，分別思考色彩、字體、構圖與尺寸，並逐一發展、修整，最後讓形式與概念相互契合。
橫向思維則是透過間接探索，去產生那些在線性推理中不容易浮現的想法──或者說，隱藏於線性思維過程中，因此沒有那麼清晰的聯想。它的重點是間接、創造性的研究形式。這個詞於1967 年由心理學家愛德華．波諾（Edward de Bono）提出。腦力激盪法，或以非線性的圖解方式發想，是透過盡可能深入和廣泛地探索每個部分，尋找能夠強化概念的各種關聯及想法。這個過程的目的是擴展可預期的極限。你可以把它想像成在一座城市裡行走。你可能一開始就清楚知道要去哪裡，鎖定在終點，直達目的地；你也可以漫無目的地閒逛。這兩種方式會帶來不同體驗。而後者可能反而讓你注意到，直奔目的地時看不見的風景。
你可以考慮先從橫向思維開始──盡可能把能想到的點子都丟出來──用來生成最初的概念；之後再進行線性推理。這兩者未必互相排斥，更多時候，它們其實是研究設計問題時彼此互補的兩種方法。
〈構圖基礎〉
構圖指的是設計中各種元素的視覺結構與組織方式，也就是將不同部分或元素組合成整體的過程。它強調的是，整體所呈現的效果不只是各部分的相加，而是超越各部分本身的存在。因此，構圖的重要性，絲毫不亞於構成設計的每一個個別元素。
設計師會在不同媒介和格式下安排圖像和文本──各種形狀、大小、顏色和質地。從二維或三維、黑白設計到全彩作品，再到網頁和動態影像都包括在內。有效視覺傳達的關鍵在於理解並探索構圖方法。構圖是引導觀看者穿越複雜畫面、抵達預定訊息時最重要的一項工具。要設計出有效的平面設計作品，無論使用何種媒介，都必須了解構圖的原理。
構圖理論
縱觀視覺藝術的歷史，人們提出了很多不同的構圖理論。維特魯威（Vitruvius）是一位羅馬建築師和工程師，他提出了一套用於分割畫面空間的數學公式。這個解決方案被稱為黃金比例（黃金分割），是基於矩形長寬的一組特定比例。這項原則深刻地影響了數學、建築、繪畫、平面設計以及涉及空間結構的工業設計理論。法國畫家亨利．馬諦斯（Henri Matisse）則更重視靈感的重要性，認為構圖是透過排列元素表達情感的藝術。
下列元素，是當代大多數理論認為構圖中需要考慮的重要因素：平衡（元素在頁面上的有意分布）；一致性或和諧度（視覺元素的相似性）；對比（視覺元素之間明顯的區別）；鄰近性（各元素配置上的相互關係）；重複與變化；留白（構圖中有意留下的空白，給受眾留下想像的空間）。
形式和空間
正空間是指在視覺上看起來似乎真實存在的造型或物體，可以是任意大小的固體形狀、線條或質地。負空間則是圍繞在物體周圍或內部的一切；那些看似「空白」的部分，幫助界定了正圖像的邊界。在進入更複雜的設計之前，先學會有效控制正負空間之間的關係，並在基本構圖練習中探索這件事，是很重要的。
一般情況下，負空間用於支撐任何區域中（也就是所謂的畫面）的「圖像」。要想建立更加成熟有效的構圖，必須學會控制正負空間之間的關係，並了解正負空間的相互影響。
留空白可以塑造張力或對比，在複雜、視覺上活躍的圖像結構中留白也可以給觀者思考的空間。只要改變正負空間的比例，你可以清楚地感覺到開放空間對整體構圖效果的影響。
舉例來說，如果你在相對較大的白色方形中央放上一個小點，這個點不僅不會消失，反而會顯得更為突出，因為大片留白會凸顯並聚焦人們對那個點的注意力。
你也可以有意地在圖像元素和背景之間創造某種曖昧性。例如，一組放在一起的圖形既互相支撐又互相競爭，以至於原本通常被視為負空間的部分，反而因為圖像的作用而獲得了形式；這就是所謂的圖地關係（figure-ground relationships，見第36頁）。
點和線
點是一個獨立存在的記號、空間中的一個位置；同時，它也可能是一條線的起點。當很多個點聚在一起時，就會開始形成某種節奏或圖案，依照一致性、重複性、尺度或數量不同，可能暗示規律，也可能呈現變化；它們也可能表達緊張，或相對放鬆的感受。
線是連接任意兩點的路徑。它可以是直線、曲線、粗線、細線、水平線、斜線、鋸齒形線、實線、框架線或虛線等。柔和、感性的線條暗示平靜與和諧，而犀利、曲折的線條表達矛盾和張力。兩條匯聚的線，可能暗示一個向遠方消失的點，也可以暗示二維空間內的三維錯覺。水平線暗示了平坦開闊，垂直線傳達氣勢和力量。線條是表達運動、趨勢、節奏以及方向感的優雅工具，也是建立視覺層次和空間閉合的重要助手；簡單來說，所謂閉合是人腦把觀察到的不完整圓型，想像成完整形狀的一種能力。
看看藝術家弗朗茨．克萊恩（Franz Kline）那種粗獷有力的線條，再看看塞．湯伯利（Cy Twombly）捉摸不定而脆弱的線條表現力。仔細觀察沃夫岡．魏因加特（Wolfgang Weingart）如何在排版中使用線條組織資訊，俄羅斯結構主義者亞歷山大．羅欽可（Alexander Rodchenko）如何使用紅、黑線條有力地表現主題。艾爾．李希茲基（El Lissitzky）和皮特．茲瓦特（Piet Zwart）也在其作品中使用了極具表現力的線條。
〈版面配置的基本原理〉
「版面配置」（Layout）是指對構成設計內容的所有不同要素進行編排。優秀設計的視覺傳達，呈現的資訊邏輯清晰、內容連貫、重點突出。正確運用構圖的基本原理在這一過程中至關重要，如何編排各種要素、傳遞資訊，也始終是設計師的首要考量。
使用網格系統和風格一致的設計元素，能使受眾在閱讀資訊時產生視覺上的愉悅感，還能增強內容的傳達效果。優秀的版面設計需要依賴網格，且有很多配置可供選擇。
實際因素
任何平面設計專案都需要經歷三個基本階段。首先，設計師接到客戶對設計要求的簡要說明，通常包括專案所需要的材料和形式要求。這些材料通常由文字（正文、展示性文案〔標題〕、文字方塊、側邊欄與圖說）和圖像（照片、插圖、地圖和圖表）組成。
客戶提供的簡報也應包括作品預期的外觀或「感覺」，而這又取決於目標受眾。版面是否需要看起來有權威性？是否需要涵蓋密密麻麻的資訊？還是這個訊息其實更適合一種精簡、有結構、留白充足的設計？如果簡報寫得含糊，就應該安排時間和客戶談一談，共同確定設計目標。
其次，你需要考慮形式和預算。如果狹小空間裡要放很多圖片和文字，會影響版面外觀。文案中的階層應該事先達成共識，例如編輯可能已經先把標題標成 A、B、C 等級，以表示它們的重要程度。這些元素可以透過字體方式來強調，例如在字級、字重、字型與色彩選擇上做出差異。
有時也會先決定要使用多少種顏色。色彩使用數量會影響印刷製作預算，因此在你開始構思專案之前，就應先確認。如果專案是在線上展示的，那麼色
彩的運用相對自由。有些顏色在螢幕的顯示效果比其他顯示媒介要好。（網頁設計請參見第七章。）
網格
第三個階段是組織資訊。在印刷作品和網頁設計中，資訊組織就是要建立網格系統，把所需要素編排在能夠容納所有設計元素的結構中。網格可以協助安排欄位、邊界、文字和圖像。一套設計良好的網格，在單頁上會保有一定的配置彈性，同時提供一個基本的系統，讓一系列頁面在視覺上保持一致。這在任何編輯性工作中都至關重要，包括書籍與雜誌；而在設計良好的網站頁面上也同樣適用，因為有些元素保持固定，有些則會改變。
網格系統絕不應該限制創造性，在結構化的格式中工作，反而會提供許多機會，讓你在掌握規則之後去打破規則。如果你碰到設計問題，不妨先關掉網格，試著自由調整構圖，等到滿意後再把網格打開，將設計對齊回去。
邊界、網格和結構
不管是設計何種類型的出版物，你都應該先設計一個可以套用於整個出版物的跨頁版面。這樣，你便可以了解左頁與右頁如何連接，並判斷是否對稱，這一點非常重要。既有的書籍設計慣例認為，裝訂線邊距（內側邊界）應該是書口（外側邊界）的一半，地（下邊界）應該大於天（上邊界）。這些規則有助於維持整體平衡，讓版心區域舒適地落在開本之中。記住，閱讀時目光需要從一頁轉到下一頁，所以版心（兩邊接合處）不宜過寬。
