Transcript 2a_文案與字型設計.ppt

文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 圖畫(Drawing)
 圖畫的出現早於文字，是最早流傳下來表現人類意念的
工具。
 目前最早的洞穴壁畫是發現於歐洲的大約40000年前石
器時代的壁畫
發現西班牙Cave of Altamira的洞
穴壁畫，取自Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史
 最早的文字出現在距今約8000多年前，包含在河南出土
的賈湖契刻符號 、歐洲的Vinča symbols 、中亞的印度
河文字等
賈湖契刻符號
Vinča symbols
印度河文字
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史： 楔形文字 ~ 3500 B.C., 黏土版
 在西元前３０００年左右，也是西洋文字發生的初期，因記
錄文字的工具—紙與筆—尚未發明，采用雕刻的方式記事。
當時的亞述人曾用葦管或鑿子，把繪畫轉述過來的文字刻在
黏土或砂石上，此即楔形文字。
在西元前24世紀左右楔形文字。
取自Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史：埃及 ~ 3100 B.C. 沙草紙
 埃及象形文字較中國古老的象形文字，更來得具像（如圖）。
在紀元前１５００～１０００年左右，地中海東岸勃起的腓尼
基人，因與埃及人有過交易，飽學的僧侶們于是把簡單的象形
文字，改寫成有秩序的字毋，其對商業交易，幫助很大。
古埃及一本寫在莎草紙上，用埃及
語書寫的藥典《厄伯斯手卷》所記
載有關治療哮喘的處方。取自
Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史：中國 ~ 1800 B.C.
 甲骨文是中國最早的成熟文字，其與埃及的紙草文、巴比倫的
泥版文書等同為人類社會最珍貴的文化遺產。紙草文字和泥板
文書都已失傳，而中國的甲骨文幾經變異，一脈相承，終於成
為現在中國通行的文字。
 中文(或漢字)目前大約有48900 字 (大約1000個 基本文字從
210 B.C.到現在都沒有變化)
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史：腓尼基文字有22個字母, 希臘文字有24
個字母 及羅馬文字(拉丁文)有26個字母。
腓尼基文字
希臘文字
羅馬文字(拉丁文)
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史：古騰堡印刷術
 古騰堡(Johannes Gensfleisch zur Laden zum
Gutenberg)在 1498年發明的印刷方式
印於1568年的早期木板印刷 。取
自Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的歷史：古騰堡印刷術
 古騰堡使用金屬的字母將它們排列成印刷的書頁，這個方式使這些字
母可以被重新使用，過去的木刻的底板無法重新使用。騰堡的印刷術
使得印刷品變得非常便宜，印刷的速度也提高了許多，印刷量增 。
早期的古騰堡印刷設備和鉛字 。
取自Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展
 (字體樣式)Typeface families
 從古騰堡的時代開始已經發明了超過40,000種的字體樣式。
 到今日常被使用的字體約有3,000種。
 在近十年間，有將近1,000種的字體樣式被發明出來。
各種文字
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展
 英文字型的法則
頂高
X-高
底線
底襯線 頂襯線
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展
 英文字型的法則
齊線
非齊線
斜體 (Italics)
小大寫 (Small capitals)
大寫
小寫
草體
斜體
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展
 英文字型的法則
 Mean line 和 Base line 之間的距離叫做「x-height」，這個高
度是一個字型中的英文字母 x 的高度，也是沒有向上、向下伸
展的部份的小寫字的主體高度。
 Base line 向下有一條 Decender line，是 g, j 之類有向下伸展
的筆畫的字母延伸的極限。反之，向上延伸的部份，包括 f, b 的
字母向上延伸的筆畫和 i, j 的點的極限，則稱為 Ascender line。
最後還有一條 Cap line 是大寫字母向上延伸的極限，在許多字
型中（像上面的 Times New Roman 就是）Cap line 的高度會
略低於 ascender line，但也有一樣高的。
 Mean line 和 Ascender line 之間的距離叫「Ascender」，
Base line 和 Decender line 之間的距離叫「Decender」，
Base line 和 Cap line 之間的距離叫「Cap height」，而
Ascender line 和 Decender line 之間的距離則叫做這個字型的
「Point size」，也就是字型大小的 pt，又稱字級。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展：基本字體
 襯線體指的是有襯線的字體，又稱為「有襯線體」（中文慣用名稱
「白體」），而與之相對的，沒有襯線的稱為「無襯線體」（中文慣
用「黑體」）。襯線指的是字形筆畫末端的裝飾細節部分。
Romans
最常見且廣為人知的襯線字體之一，在字體設計上屬於過渡型襯線體，對後來
的字型產生了很深遠的影響。另外由於其中規中矩、四平八穩的經典外觀，所
以常被選為標準字體之一。)
Sans serifs
常用的無襯線字體之一，在字體設計上較粗、較明顯易辨識，常用於技術、工
業、標題、招牌等
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展：組合與變化字體(combination)
Mistral
字型較細緻，常用於餐廳menu、邀請卡等
Rockwell:
字型復古，像舊時打字機的字體，常用於設計復古的海報
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字技術的發展：組合與變化字體(combination)
Georgia
字型適中，有細節，字的內部也有足夠空隙
Robust details and airy impression
Verdana
字型適中平均，適合當標題也適合做內文
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字的性質
 字型大小 :是表示字體大小的術語。電腦字體的大小，通常採
用號數制、點數制和級數的計算。1pt為0.0138吋; 字型大小
通常為9~12pt之間;橫幅報紙的大標題是約72點
 字型顏色: 字型顏色和背景顏色
 字體類型: plain text(標準字體), boldface(粗體/黑體),
italic(斜體)…
 White space 空白字元
 字距與行距:可以呈現版面的整體感，一般的行距在常規的比
例應為：用字8點行距則為10點，即8：10。字距與行距不是
絕對的，應根據實際情況而定。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 表音文字：一個語言在表達其內容時，其記錄的形式和符號，是以
語音來表註的文字系統，這會與其口語達成一定的吻合。這套記錄的
符號，就被稱為表音文字，如拉丁字母
 表意文字(或稱形意文字)：是一種圖形符號只代表一定意義，而
不代表語言的語素或語音的文字系統 ，如古埃及文字
古埃及文字，取自
Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 六書：漢代的學者把漢字的構成和使用方式歸納成六種類
型，總稱「六書」，因此，「六書說是最早的關於漢字構
造的系統理論」
象形
日、月
用文字的線條或筆畫，把要表達物體的外形特徵，具體地勾畫出來。
指事
上、下
「指事」是一種抽象的造字方法，也就是當沒有、或不方便用具體形象畫出
來時，就用一種抽象的符號來表示。
會意
解
屬於「合體組字法」。會意字由兩個或多個獨體字組成，以所組成的字形或
字義，合併起來，表達此字的意思。
形聲
江、河
形聲字」是由「形」與「聲」組合而成的，也就是一邊讀音；一邊示意，如
「睡」、「娶」……等。
轉注
考和老
指同一個部首；「同意相受」就是指幾個部首相同的同意字可以互相解釋。
假借
我、汝
假借就是同音替代。口語裏有的詞語，沒有相應的文字對應。於是就找一個
和它發音相同的同音字來表示他的含義。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 漢字的演變
甲骨文
行書
大篆
楷書
小篆
隸書
草書
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
中文基本的字體有
宋體、仿宋體
楷書
黑體
…
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
中文變化的字體
在標題上為了達到醒目的效
果，又出現了粗黑體、綜藝
體、粗圓體、細圓體以及手
繪創意美術字等。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
简体
大陸地區使用的官方文字
繁體
臺灣地區及港、澳地區的官方文字
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 漢字的風格：漢字由於近乎圖畫，由毛筆書寫體態千變萬化，
「書藝」成為一種重要藝術形式，歷來形成許多風格、名家
歐陽詢《九成
宮醴泉銘》
王羲之《二謝
帖》
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 漢字本身常常就可以當作設計
的主體，也有許多設計師喜歡
用和字為主要設計元素
新一代設計展景文科技大學
的展場布置以文字為主
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 漢字本身常常就可以當作設計
的主體，也有許多設計師喜歡
用和字為主要設計元素
中正機場航廈詩與文字相配
合的裝飾
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 漢字本身常常就可以當作設計
的主體，也有許多設計師喜歡
用和字為主要設計元素
中正機場航廈以圖片拼成文
字，作為裝飾
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 相較於東方的漢字的風格，西方則近年行的Graffiti 字體塗鴉
西雅圖街上的塗鴉，取自Wikipedia
伊朗街上的塗鴉，取自Wikipedia
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 使用文字的視覺設計：中英文混排處理原則
 字體適合
 視覺平衡
 間隔處理
 收齊處理
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
潮流用語:
指順應時代潮流，當代熱門的民眾使用語。很多潮流用語源
自年輕人之間自創和使用。不同地區所使用的潮流用語也
不盡相同。
「代誌」
「龐克」
「宅男」
夯，囧，啾咪……
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
以文字為主的媒體
 報紙
書
 海報
 標誌
 繪本
 名片
…
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 報紙
國語日報
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
書
各類書籍
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 海報
SIGGRAPH 2012的展場海報
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 手冊
SIGGRAPH 2012的手冊
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字設計的原則




確定何種風格的字體最能夠表現要傳達的訊息
包括了各種尺寸的主標題、副標題、字幕、底線, 和字體
決定文字顏色(黑)和使用何種字體(斜體、粗體、反向……等)
確定文字區域的長度和寬度，對齊方式（左，右，中心，
要有充分依據的理由）。文字之間的空白字元（字距調
整），行與列的類型
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
使用字體的原則
 字型選擇準確，理解字體所傳達的意境。
 理解字體所傳達的意境。
 應該適當地調整其他文字的字形及大小來突顯標題。
 在不影響照片的位置上配置文字
 不要使用過多字體
 很多設計師認為，三種字體可用於解決大多數印刷問題
 思考文字所扮演的角色
 讓標題變得最醒目。
 依照文字的任務來改變字型與字級。
 為了確實傳達內榮要依文字的屬性配置到適當位置
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
活潑生動的文字組合







提高大字與小字的對比比例。
在文字輪廓加上白邊來強調文字效果(白邊文字)。
白邊文字與斜體文字皆會給人強烈印象。
使用框線整理文字
外框的形狀與色彩要能吸引讀者的興趣。
放入文字方塊的文字，要設定為左右對齊格式。
以框線將各類別的內容框選起來，就可整理文字資訊。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 可讀性(Readability)
掃視
我們看東西的時候是用所謂的「掃視」移動的方式看字裡行間，也
就是說，我們的眼睛常常停在一個字的附近，然後跳過好幾個字，
到下一個停駐點的字
設計中的文字應避免繁雜零亂，使人易認、易懂，切忌為了
設計而設計，忘記了文字設計的根本目的是為了更有效地傳
達訊息。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 可讀性(Readability)注意要點
 字型
 小寫與大寫
 字型大小比例– 3:5:8:13:21:34
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 可讀性(Readability)注意要點
 行間距
 線的長度
 列設置
不同的文字行列排列方式。
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 可讀性(Readability)注意要點
 行間距
 線的長度
 列設置
太窄或太寬等不適當的間距
適當的間距
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 可讀性(Readability)注意要點
 文字與圖片的選擇
 墨水與紙張的選擇
不適當的字體顏色
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
 文字設計的基本語言








動感
統一
調和
比例
質感
色調
層次
透明感
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY
排版軟體
 Word
 Indesign
 QuarkXpress
…
文案與字型設計
TEXT, TYPOGRAPHY AND CALLIGRAPHY