課程資料

發展願景

傳揚中華文化，促進跨領域創新，與時精進，邁向國際
It is our objective to promote Chinese culture, enhance cross-disciplinary innovation, seek constant advancement, and embrace global community.

辦學宗旨

秉承質樸堅毅校訓，承東西之道統，集中外之精華，研究高深學術, 培養專業人才，服務社會，致力中華文化之發揚, 促進國家發展.
Based on our motto—“Temperament, Simplicity, Strength, and Tenacity,” “inheriting the merits of the East and the West” and “absorbing the essence of Chinese and foreign cultures,” we make it our mission to pursue advanced research, develop professional talents, serve the society, promote Chinese culture and support national development.

校教育目標
校基本素養
校核心能力

院教育目標

樹立新聞傳播專業倫理
深化人文及社會科學涵養
增進創意設計與企劃能力
養成資訊科技操作應用能力
培育多媒體經營管理學能

院核心能力

現代公民之人文社會關懷精神 The spirit of humanistic and social concern of modern citizens.
發現、思考，分析與解決問題之能力 The ability to identify, think critically, analyze, and solve problems.
新聞暨傳播從業人員之專業倫理 Professional ethics for journalism and communication practitioners.
數位媒介產製能力 Digital media production capabilities.

系教育目標

培育具人文涵養與專業技能廣告人才
訓練策略思考及企劃撰寫提案之技能
啟發掌握趨勢脈動與流行時尚之眼光
灌輸行銷及創意產業規劃與執行能力
提升創意內容產製之必備能力與技巧

系核心能力

廣告策略企畫與執行能力
廣告創意表現與產製能力
創意產業行銷與整合能力

課程目標

1. 讓學生學習字體種類與用法 2. 學習如何創作純字體與具創意性字體 3. 讓學生了解版面的形式與特色 4. 學習將文字與圖配置技巧，並能應用於實務

課程能力

廣告創意表現與產製能力 (比重 100%)

課程概述

瞭解字型暨版面設計的原理與應用，進而配合字型、插圖、攝影等設計，期能使視覺傳播設計品質提升。 由研究中英文字型與版面設計，進階加強多頁版面如美術編輯系列感要求與形象設計訓練、版面與色彩、空間留白、再加入美形原理，期使學習者熟練製作創意無限的版面編排為教學目標。 Students should be able to do researches on Chinese and English typography , advancedly enhance themselves to have great ability in image design training, color , space and beauty theory. The teaching aim here is to make beginners be able to produce creative works. .

授課內容

課程將從字體的解剖學結構出發 ，探討為何特定字體能為進駐頂級品牌商標帶來「高級感」與王道氣質 。也將深入文字在段落編排中的「視覺錯覺」校正 ，學習如何細微調控字距微調（Kerning）、整體字距調整（Tracking）與行距 ，讓文本能順暢「呼吸」，並運用字體大小與空間位置拉出清晰的視覺層級（Hierarchy）。  課程後半段則引入理性的「網格系統（Grid Systems）」 。網格絕非死板的僵化公式，而是能與龐大資訊內容和諧共舞的靈活骨架。我們將從單欄、多欄設計出發 ，進階至複雜的 8 格、20 格到 32 格模塊化網格實務運用 ，引導如何有邏輯地組織文本與圖片 。最後更將網格系統由二維平面延伸至企業識別系統（VI） ，甚至是三維展覽空間幫助學生以兼具邏輯與美感的核心能力，精準解決各式跨媒材的視覺傳達挑戰 。

Starting with typographic anatomy, this course explores why certain typefaces instill a sense of luxury and authority in premium brand identities. Students will master correcting optical illusions in layouts by fine-tuning kerning, tracking, and leading—allowing text to "breathe" while using scale and placement to build a sharp visual hierarchy.
The latter half introduces rational Grid Systems. Far from a rigid formula, the grid serves as a dynamic skeleton that organizes complex data seamlessly. We will advance from basic single- and multi-column layouts to sophisticated 8-, 20-, and 32-field modular grids to logically structure text and imagery. Ultimately, we will scale the grid from 2D design and Visual Identity (VI) into 3D exhibition spaces, equipping students with the logical and aesthetic prowess to tackle any cross-media visual communication challenge.

授課方式

課程採取「感性觀察 ➔ 理理建構 ➔ 基礎實作 ➔ 跨媒材應用」的漸進式授課方式 。  首先，課程透過生活觀察與案例解析切入 ，帶領學生剖析 品牌商標如何運用經典字體營造各種不同感受 。接著導入系統化學理 ，講授字體解剖學（如基準線）、字體分類、排版度量衡與黃金分割網格秩序 ，並訓練學生應用文字、圖像、色彩等視覺元素，結合美學及設計思考，建立順暢呼吸的視覺層級 。透過實作熟練各種不同編排方式，促使學生學習由淺入深，由簡入繁的編排手法，提高學生實務編排能力，以及提升設計美感眼界的高度。

The curriculum adopts a progressive pedagogical framework: Perceptual Observation ➔ Rational Construction ➔ Foundational Practice ➔ Cross-Media Application. Initially, the course initiates learning through empirical observation and case studies, guiding students to analyze how corporate brand identities leverage classical typography to evoke diverse affective responses. Subsequently, systematic academic theories are introduced, encompassing typography anatomy (e.g., baselines), typeface classification, typographic metrics, and the order of the golden ratio grid. Students are rigorously trained to synthesize visual elements—such as typography, imagery, and color—with design thinking to establish a well-proportioned visual hierarchy that facilitates intuitive spatial breathing. Through structured hands-on lab sessions, students master varied layout methodologies. This scaffolding approach enables a seamless transition from rudimentary to intricate compositional techniques, ultimately enhancing students' practical typesetting proficiencies and expanding their aesthetic horizons in design.

評量方式

上課用書

（師生應遵守智慧財產權及不得非法影印）
1. Lupton, E. (2004). Thinking with type: A critical guide for designers, writers, editors, & students (1st ed.). Princeton Architectural Press.
2.小林章（2013）。字型之不思議（葉忠宜譯）。臉譜出版。（原著出版於 2011）
3.米勒-布羅克曼（Josef Müller-Brockmann）（2016）。平面設計中的網格系統（徐宸熹、張鵬宇譯）。上海人民美術出版社。（原著出版於 1981）

1. Lupton, E. (2004). Thinking with type: A critical guide for designers, writers, editors, & students (1st ed.). Princeton Architectural Press.
2. Kobayashi, A. (2013). Zixing zhi buyisi [The wonder of type] (C. Y. Yeh, Trans.). Faces Publications. (Original work published 2011).
3. Müller-Brockmann, J. (2016). Pingmian sheji zhong de wangge xitong [Grid systems in graphic design] (C. X. Xu & P. Y. Zhang, Trans.). Shanghai People's Fine Arts Publishing House. (Original work published 1981)

參考書目

（師生應遵守智慧財產權及不得非法影印）
1.柯志杰、蘇煒翔（2014）。字型散步：日常生活中的字體學 [Type walk: Typography in daily life]。臉譜。
2.瑪聖特（Tim Brown）（2020）。網站排版設計大師班：用字體和網格打造完美數位體驗 [Flexible typesetting]（劉雅涵譯）。博碩文化。（原著出版於 2018）

1. Ke, C. C., & Su, W. H. (2014). Zixing sanbu: Richang shenghuo zhong de zitixue [Type walk: Typography in daily life]. Faces Publications.
2. Brown, T. (2020). Wangzhan paiban sheji dashi ban: Yong ziti he wangge dazao wanmei shuwei tiyan [Flexible typesetting] (Y. H. Liu, Trans.). Dr. Master Press Co., Ltd. (Original work published 2018).

課程需求

要報告

輔導時間

• 星期三 11:00-12:00 11:00-14:00
• 星期五 11:00-14:00

教師聯絡資訊

Email：yhy4@ulive.pccu.edu.tw
分機：37322

課程進度

1. 2026/09/16

   課程內容與文字應用之介紹 Introduction to Course Content and Typography Application

2. 2026/09/23

   字體的解剖與測量 (Anatomy & Measurement) 指定研讀資料 階段一：字體的基礎與美學（微觀字學） 備註 內容：認識單一字母的基礎構造，包含字高、X字高、基準線（Baseline）、升部與降部等。

3. 2026/09/30

   字體分類與家族歷史 (Classification & Families) 指定研讀資料 階段一：字體的基礎與美學（微觀字學） 備註 探討人文主義（Humanist）、過渡時期（Transitional）、現代（Modern）與無襯內容：線體（Sans Serif）的歷史演進。學習如何運用同一字體家族中的粗細、斜體與小型大寫字母。 實作：字體練習（Letter Exercise），嘗試在方格網格上設計點陣字體，理解字型的幾何結構與視覺重量。

4. 2026/10/07

   生活中的字體觀察與錯覺校正 (Observation & Optical Illusions) 指定研讀資料 階段一：字體的基礎與美學（微觀字學） 備註 內容：分析路易威登（LV）、迪奧（Dior）等頂級品牌如何透過字體營造「情感」與王道氣質。探討歐洲街道標誌的視覺效果，並學習文字設計中常見的「視覺錯覺」現象與校正方式。

5. 2026/10/14

   空間與間距控制 (Spacing & Breathing) 指定研讀資料 第二階段：文本的呼吸與層級（段落編排） 備註 內容：深入解析字距微調（Kerning）與整體字距調整（Tracking）的差異，以及如何設定適當的行距（Leading）以避免閱讀疲勞，讓文本能順暢「呼吸」。 實作：單詞與文本練習，透過調整字距與行距，運用空間與排列來表達特定單詞的含義。

6. 2026/10/21

   對齊方式的藝術 (The Art of Alignment) 指定研讀資料 第二階段：文本的呼吸與層級（段落編排） 備註 內容：解析齊左、齊右、置中與兩端對齊（Justified）的優缺點與適用情境，學習如何避免版面產生難看的「河流（Ugly gaps）」。

7. 2026/10/28

   視覺層級的建立 (Establishing Visual Hierarchy) 指定研讀資料 第二階段：文本的呼吸與層級（段落編排） 備註 內容：學習運用字體大小、粗細、顏色與空間位置等視覺提示，引導讀者視線，在充滿文字的版面中建立清晰有組織的資訊架構。

8. 2026/11/04

   期中報告 Midterm reports 備註 設計個案調查

9. 2026/11/11

   排版度量與版面基礎設定 (Measurements & Formats) 指定研讀資料 第三階段：網格系統與版面秩序（平面建構） 備註 內容：導入理性的排版工具，認識國際標準的DIN紙張尺寸（如A系列），以及傳統排版的度量系統（包含點 Point 與西塞羅 Cicero）。

10. 2026/11/18

    版心、邊距與比例美學 (Type Area & Margins) 指定研讀資料 第三階段：網格系統與版面秩序（平面建構） 備註 內容：探討如何根據黃金分割等比例設定版心（Type area），並安排適當的頁邊距、頁碼與留白區域，奠定版面的張力與美感。

11. 2026/11/25

    基礎網格構建：單欄與多欄網格 (Single & Multi-Column Grids) 指定研讀資料 第三階段：網格系統與版面秩序（平面建構） 備註 內容：從單欄網格到多欄網格的構建，學習如何處理正文、標題、圖說與圖片之間的相對關係與對齊邏輯。

12. 2026/12/02

    模塊化網格系統（一）：8格與20格網格 (Modular Grids I) 指定研讀資料 第四階段：複雜網格與立體空間應用 備註 內容：進階學習將版面進一步細分的模塊化網格（Modular Grid）。透過8格與20格系統的演練，學生將挑戰整合複雜的圖文資訊，達到版面編排的靈活性。

13. 2026/12/09

    模塊化網格系統（二）：32格網格的高階應用 (Modular Grids II) 指定研讀資料 第四階段：複雜網格與立體空間應用 備註 內容：引入更複雜的32格網格系統。指導學員如何以更多樣的尺寸與節奏安排文字與圖片，激發無限的排版設計可能。 實作：網格練習（Grid Exercise），利用模塊化網格來編排實際的文本與圖片專案。

14. 2026/12/16

    企業形象與實務案例應用 (Corporate Identity & Print Media) 指定研讀資料 第四階段：複雜網格與立體空間應用 備註 內容：探討網格系統如何實際應用在企業識別系統（VI）、書籍、雜誌與宣傳手冊中，確保品牌在不同設計物與媒介上的視覺一致性。

15. 2026/12/23

    期末專案發表與總評 Final Project Presentation & Review 備註 個人作品集（上台報告）

16. 2026/12/30

    期末專案發表與總評 Final Project Presentation & Review 備註 個人作品集（上台報告）

17. 2027/01/06

    數位學習

18. 2027/01/13

    數位學習