平面設計入門免費課程：從零開始，掌握視覺溝通的藝術（Free Course）

前言：踏入設計世界，從「好看」到「有效溝通」

歡迎來到平面設計的基礎課程！我是 $\text{Laura}$ $\text{Keung}$ ，一位擁有 $\text{15}$ 年經驗的專業平面設計師。設計不僅僅是讓東西看起來很美，它更是有目的的視覺溝通。

平面設計（ $\text{Graphic}$ $\text{Design}$ ）是創作具有溝通意圖的視覺內容。這就是設計與純藝術的本質區別：設計的核心是解決問題，將複雜的資訊組織起來，以最容易理解的方式傳達給目標受眾。

本課程將帶領你快速掌握入門設計師所需的所有核心知識，從設計的起源到三大基石——設計原則、色彩理論和字體排印學。準備好了嗎？讓我們開始這場視覺學習之旅。

第一部：平面設計的定義與歷史脈絡

1. 什麼是平面設計？

平面設計師的職責，正如 $\text{William}$ $\text{Addison}$ $\text{Dwiggins}$ 所描述，是為傳達資訊的內容帶來結構性的秩序與視覺形式。我們的工作是運用視覺元素（如圖像、文字、標誌和版面）來：

組織與釐清資訊（ $\text{Organize}$ $\text{and}$ $\text{Clarify}$ $\text{Information}$ ）。
訴說故事（ $\text{Tell}$ $\text{the}$ $\text{Story}$ ）。
建立品牌識別（ $\text{Build}$ $\text{Brand}$ $\text{Identity}$ ）。
與人建立有意義的連結（ $\text{Connect}$ $\text{with}$ $\text{People}$ ）。

2. 平面設計的簡史：從洞穴壁畫到數位時代

視覺溝通的根源深植於人類歷史，是一部不斷演變的技術與藝術融合史：

史前與古代： 視覺溝通的雛形可追溯至史前洞穴壁畫（約公元前 $\text{38,000}$ 年）。隨後，公元前 $\text{3,000}$ 年，蘇美爾人創造了最早的書面語言——表意文字（ $\text{Logographic}$ ），用於記錄貿易。
印刷術的誕生： 公元 $\text{200}$ 年左右，中國開始使用木刻浮雕印刷，標誌著複製技術的開端。公元 $\text{1040}$ 年，畢昇發明了世界上第一套活字印刷術（瓷泥活字），比歐洲早了數百年。
文藝復興與古騰堡： $\text{15}$ 世紀，約翰內斯·古騰堡（ $\text{Johannes}$ $\text{Gutenberg}$ ）在歐洲發展出金屬活字印刷術。這項技術徹底改變了書籍製作，實現了大眾傳播，是現代字體排印學和商業設計的起點。
工業革命（ $\text{1760}$ - $\text{1840}$ ）： 印刷效率大幅提高，平版印刷術（ $\text{Lithography}$ ）和彩色平版印刷術（ $\text{Chromolithography}$ ）的出現，使海報、報紙和廣告中的字體變得更大、更具實驗性。
$\text{20}$ 世紀的藝術運動： 包浩斯（ $\text{Bauhaus}$ ）、瑞士設計（ $\text{Swiss}$ $\text{Style}$ ）和後現代主義等藝術運動深刻影響了設計美學，奠定了現代設計的風格基礎。
數位時代： $\text{1950}$ 年代後，電腦、 $\text{Photoshop}$ 和網際網路的普及，催生了網頁設計、使用者介面／體驗（ $\text{UI}$ / $\text{UX}$ ）設計和數位產品設計等新興領域。

平面設計的兩大不變真理是：溝通至上，以及永遠在不斷進化。

第二部：設計的基本原則——視覺元素的法則

任何視覺作品都是由一系列基本原則所構成，它們是確保你的設計組織有序且功能完備的規則。

1. 平衡（ $\text{Balance}$ ）

頁面上的每個元素都具有視覺重量（ $\text{Visual}$ $\text{Weight}$ ），這取決於其大小、顏色、形狀和紋理。平衡旨在使設計感覺穩定，不至於一側過重。

對稱平衡（ $\text{Symmetrical}$ $\text{Balance}$ ）： 元素在中心軸的兩側具有相同的視覺重量。
非對稱平衡（ $\text{Asymmetrical}$ $\text{Balance}$ ）： 兩側元素不同，但其視覺重量相等，常能創造出更具動態和趣味的設計。

2. 對比（ $\text{Contrast}$ ）

對比是指設計元素之間差異的程度，其目的在於建立視覺層級（ $\text{Visual}$ $\text{Hierarchy}$ ）和焦點（ $\text{Focal}$ $\text{Point}$ ）。

應用： 通過顏色（亮與暗）、尺寸（大與小）、紋理或形狀的差異來實現。缺乏對比的設計會顯得平淡，且觀者可能會忽略重要訊息。

3. 統一性（ $\text{Unity}$ ）

統一性是指設計中所有元素產生的整體和諧感，讓它們看起來屬於同一個整體。

實現方式： 建立元素之間的清晰關係，例如使用相似的顏色、風格或重複的元素。缺乏統一性會使設計顯得雜亂、令人困惑。

4. 強調（ $\text{Emphasis}$ ）

強調是一種策略，目的是將觀者的注意力引導到設計中的特定區域或元素（例如按鈕、標題或主要圖像）。

實現方式： 通常是通過對比來完成，例如使用突出或鮮豔的顏色，或將元素放大。

5. 比例（ $\text{Proportion}$ ）

比例關注的是元素之間尺寸和視覺重要性的關係。它並不單指單個元素的大小，而是它們在整體構圖中的相互關係。

應用： 在版面層級中，主標題的尺寸必須遠大於圖說文字，以反映其重要性的層級。

6. 重複、圖案與節奏（ $\text{Repetition}$ $\text{and}$ $\text{Rhythm}$ ）

重複（ $\text{Repetition}$ ）： 在整個設計中重複使用單一元素（如標誌、線條或網格結構），以創建一致性。
圖案（ $\text{Pattern}$ ）： 是多個設計元素（如形狀、紋理）的重複組合，常作為背景或裝飾。
節奏（ $\text{Rhythm}$ ）： 是元素以有變化但有組織的方式重複使用時產生的視覺律動感，能引導觀者的眼睛。

7. 運動與變化（ $\text{Movement}$ $\text{and}$ $\text{Variety}$ ）

運動（ $\text{Movement}$ ）： 指觀者的眼睛在構圖中被引導的路徑。設計師常利用線條、形狀或重複的元素來創造視覺動態。
變化（ $\text{Variety}$ ）： 在保持統一性的基礎上，引入一些有趣的差異（如將有機形狀與幾何形狀混合），以防止設計變得枯燥乏味。

第三部：色彩理論——溝通情感的語言

色彩是設計中最具情緒感染力的元素。

1. 色輪與色系

色輪（ $\text{Color}$ $\text{Wheel}$ ）是理解色彩關係的基礎工具，它由：

原色： 紅、黃、藍。
間色： 橙、綠、紫。
三次色： 原色與相鄰間色的組合。

色輪還可分為暖色系（紅、橙、黃，象徵活力、熱情）和冷色系（藍、綠、紫，象徵平靜、安寧）。

2. 數位與印刷的色彩空間

作為平面設計師，必須區分專案的輸出媒介，並選擇正確的色彩空間（ $\text{Color}$ $\text{Space}$ ）：

色彩空間	全稱	混色方式	適用媒介	特點
$\text{RGB}$	紅、綠、藍	加色法（ $\text{Additive}$ ）：三色光疊加為白光。	螢幕、網路、手機等數位顯示。	顏色鮮豔，需光線才能顯示。
$\text{CMYK}$	青、洋紅、黃、黑	減色法（ $\text{Subtractive}$ ）：顏料從白紙中減去光線。	印刷品、油墨、實體輸出。	印刷顏色不如 $\text{RGB}$ 鮮豔，需注意色差。

3. 色彩的三大品質

所有顏色都通過以下三個維度來描述：

色相（ $\text{Hue}$ ）： 顏色的名稱（如紅色、藍色）。
飽和度（ $\text{Saturation}$ ）： 顏色的強度或純度。高飽和度（鮮豔），低飽和度（趨向灰色，柔和）。
明度（ $\text{Value}$ ）： 顏色的明暗度。
- 淺色（ $\text{Tint}$ ）： 在色相中加入白色。
- 深色（ $\text{Shade}$ ）： 在色相中加入黑色。
- 色調（ $\text{Tone}$ ）： 在色相中加入灰色（黑白）。

4. 基礎配色和諧（ $\text{Color}$ $\text{Harmonies}$ ）

利用色輪，設計師可以創造出平衡且吸引人的配色方案：

互補色（ $\text{Complementary}$ ）： 色輪上正對面的顏色，提供最大對比。
分離互補色（ $\text{Split}$ $\text{Complementary}$ ）： 一個主色與其互補色兩側的鄰近色，對比強烈但更易平衡。
類比色（ $\text{Analogous}$ ）： 色輪上相鄰的顏色，提供平靜和諧的視覺感受。
單色系（ $\text{Monochromatic}$ ）： 僅使用一個色相，利用不同的明度和飽和度變化，極簡且具內聚力。
三等分配色（ $\text{Triadic}$ ）： 色輪上等距分佈的三個顏色（形成三角形），視覺衝擊力強。
四方分配色（ $\text{Tetradic}$ ）： 兩組互補色（形成矩形），色彩最豐富，但最難平衡（建議選一主色）。

5. 色彩心理學

顏色對人的感知和行為有強大影響，但需考慮文化、年齡等因素：

紅色： 力量、激情、興奮；負面含義：危險、憤怒。
藍色： 信任、安全、寧靜；負面含義：冷漠、缺乏情感。
綠色： 健康、希望、繁榮；負面含義：停滯、無趣。

第四部：字體排印學（ $\text{Typography}$ ）——文字的編排藝術

字體排印是將書面語言安排得易讀、清晰且具吸引力的策略性藝術，它是設計作品中不可或缺的元素。

1. 字體歷史與分類

字體的演變見證了技術的進步：從古羅馬石刻大寫字母到古騰堡的哥特體（ $\text{Blackletter}$ ），再到工業革命催生的大膽廣告字體，以及 $\text{20}$ 世紀現代主義的機能性無襯線字體（如 $\text{Helvetica}$ ）。

專業設計師必須了解字體的解剖學和分類：

分類	特點	應用建議
襯線字（ $\text{Serif}$ ）	筆畫末端有小腳（ $\text{Serif}$ ）。	長篇內文、書籍印刷、傳統、權威感。
無襯線字（ $\text{Sans}$ $\text{Serif}$ ）	筆畫末端沒有小腳。	標題、網頁內文、現代、簡潔感。
板襯線字（ $\text{Slab}$ $\text{Serif}$ ）	襯線粗且方正，筆畫粗細一致。	廣告、標題、強烈、復古感。
手寫體（ $\text{Script}$ ）	模仿手寫筆跡，分為正式與休閒。	邀請函、品牌標誌、優雅、親切感。
等寬字（ $\text{Monospaced}$ ）	每個字符佔據相同的水平空間。	程式碼、表格、極簡、機械感。

2. 字體排印的精修與易讀性

字體排印學的細節處理，是將設計從「好」提升到「卓越」的關鍵：

專業術語	定義	目的與影響
易讀性（ $\text{Readability}$ ）	文字區塊的排版佈局是否容易閱讀。	影響閱讀流程和舒適度（如行長、行距）。
可讀性（ $\text{Legibility}$ ）	單個字體設計是否容易區分。	影響字符特徵、 $\text{x}$ -高度、字重等。
行長（ $\text{Line}$ $\text{Length}$ ）	建議每行保持 $\text{45}$ 到 $\text{70}$ 個字符。	行過短會導致過多連字符；行過長會使眼睛難以找到下一行起點。
行距（ $\text{Leading}$ ）	行與行之間的垂直空間。	增加行距可提升閱讀舒適度，尤其適用於長篇文字。
字距（ $\text{Tracking}$ ）	一組字母之間的統一間距。	調整文字的密度和視覺「紋理」。
字偶距（ $\text{Kerning}$ ）	兩個單獨字母之間的精細間距調整。	主要用於標誌或大標題，提升視覺美觀。
孤行（ $\text{Orphans}$ $\text{and}$ $\text{Widows}$ ）	段落首行或末行被單獨分隔到頁面或欄位的頂部或底部。	視覺不美觀，干擾閱讀流程，應手動調整解決。