Presentation is loading. Please wait.

Presentation is loading. Please wait.

文案與字型設計.

Similar presentations


Presentation on theme: "文案與字型設計."— Presentation transcript:

1 文案與字型設計

2 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 圖畫(Drawing) 圖畫的出現早於文字,是最早流傳下來表現人類意念的 工具。 目前最早的洞穴壁畫是發現於歐洲的大約40000年前石 器時代的壁畫 發現西班牙Cave of Altamira的洞穴壁畫,取自Wikipedia

3 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 文字的歷史 最早的文字出現在距今約8000多年前,包含在河南出土 的賈湖契刻符號 、歐洲的Vinča symbols 、中亞的印度 河文字等 賈湖契刻符號 Vinča symbols 印度河文字

4 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 文字的歷史: 楔形文字 ~ 3500 B.C., 黏土版 在西元前3000年左右,也是西洋文字發生的初期,因記 錄文字的工具—紙與筆—尚未發明,采用雕刻的方式記事。 當時的亞述人曾用葦管或鑿子,把繪畫轉述過來的文字刻在 黏土或砂石上,此即楔形文字。 在西元前24世紀左右楔形文字。取自Wikipedia

5 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字的歷史:埃及 ~ 3100 B.C. 沙草紙 埃及象形文字較中國古老的象形文字,更來得具像(如圖)。 在紀元前1500~1000年左右,地中海東岸勃起的腓尼 基人,因與埃及人有過交易,飽學的僧侶們于是把簡單的象形 文字,改寫成有秩序的字毋,其對商業交易,幫助很大。  古埃及一本寫在莎草紙上,用埃及語書寫的藥典《厄伯斯手卷》所記載有關治療哮喘的處方。取自Wikipedia

6 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 文字的歷史:中國 ~ 1800 B.C. 甲骨文是中國最早的成熟文字,其與埃及的紙草文、巴比倫的 泥版文書等同為人類社會最珍貴的文化遺產。紙草文字和泥板 文書都已失傳,而中國的甲骨文幾經變異,一脈相承,終於成 為現在中國通行的文字。 中文(或漢字)目前大約有48900 字 (大約1000個 基本文字從 210 B.C.到現在都沒有變化)

7 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 文字的歷史:腓尼基文字有22個字母, 希臘文字有24 個字母 及羅馬文字(拉丁文)有26個字母。 腓尼基文字 希臘文字 羅馬文字(拉丁文)

8 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字的歷史:古騰堡印刷術 古騰堡(Johannes Gensfleisch zur Laden zum Gutenberg)在 1498年發明的印刷方式 印於1568年的早期木板印刷 。取自Wikipedia

9 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字的歷史:古騰堡印刷術 古騰堡使用金屬的字母將它們排列成印刷的書頁,這個方式使這些字 母可以被重新使用,過去的木刻的底板無法重新使用。騰堡的印刷術 使得印刷品變得非常便宜,印刷的速度也提高了許多,印刷量增 。 早期的古騰堡印刷設備和鉛字 。取自Wikipedia

10 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字技術的發展 (字體樣式)Typeface families 從古騰堡的時代開始已經發明了超過40,000種的字體樣式。 到今日常被使用的字體約有3,000種。 在近十年間,有將近1,000種的字體樣式被發明出來。 各種文字

11 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字技術的發展 英文字型的法則 頂高 X-高 底線 底襯線 頂襯線

12 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字技術的發展 英文字型的法則 齊線 非齊線 斜體 (Italics) 小大寫 (Small capitals) 大寫 小寫 草體 斜體

13 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,又稱字級。

14 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字技術的發展:基本字體 襯線體指的是有襯線的字體,又稱為「有襯線體」(中文慣用名稱 「白體」),而與之相對的,沒有襯線的稱為「無襯線體」(中文慣 用「黑體」)。襯線指的是字形筆畫末端的裝飾細節部分。 Romans 最常見且廣為人知的襯線字體之一,在字體設計上屬於過渡型襯線體,對後來 的字型產生了很深遠的影響。另外由於其中規中矩、四平八穩的經典外觀,所 以常被選為標準字體之一。) Sans serifs 常用的無襯線字體之一,在字體設計上較粗、較明顯易辨識,常用於技術、工 業、標題、招牌等

15 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字技術的發展:組合與變化字體(combination) Mistral 字型較細緻,常用於餐廳menu、邀請卡等 Rockwell: 字型復古,像舊時打字機的字體,常用於設計復古的海報

16 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字技術的發展:組合與變化字體(combination) Georgia 字型適中,有細節,字的內部也有足夠空隙 Robust details and airy impression Verdana 字型適中平均,適合當標題也適合做內文

17 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字的性質 字型大小 :是表示字體大小的術語。電腦字體的大小,通常採 用號數制、點數制和級數的計算。1pt為0.0138吋; 字型大小 通常為9~12pt之間;橫幅報紙的大標題是約72點 字型顏色: 字型顏色和背景顏色 字體類型: plain text(標準字體), boldface(粗體/黑體), italic(斜體)… White space 空白字元 字距與行距:可以呈現版面的整體感,一般的行距在常規的比 例應為:用字8點行距則為10點,即8:10。字距與行距不是 絕對的,應根據實際情況而定。

18 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 表音文字:一個語言在表達其內容時,其記錄的形式和符號,是以 語音來表註的文字系統,這會與其口語達成一定的吻合。這套記錄的 符號,就被稱為表音文字,如拉丁字母 表意文字(或稱形意文字):是一種圖形符號只代表一定意義,而 不代表語言的語素或語音的文字系統 ,如古埃及文字 古埃及文字,取自Wikipedia

19 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 六書:漢代的學者把漢字的構成和使用方式歸納成六種類 型,總稱「六書」,因此,「六書說是最早的關於漢字構 造的系統理論」 象形 日、月 用文字的線條或筆畫,把要表達物體的外形特徵,具體地勾畫出來。 指事 上、下 「指事」是一種抽象的造字方法,也就是當沒有、或不方便用具體形象畫出來時,就用一種抽象的符號來表示。 會意 屬於「合體組字法」。會意字由兩個或多個獨體字組成,以所組成的字形或字義,合併起來,表達此字的意思。 形聲 江、河 形聲字」是由「形」與「聲」組合而成的,也就是一邊讀音;一邊示意,如「睡」、「娶」……等。 轉注 考和老 指同一個部首;「同意相受」就是指幾個部首相同的同意字可以互相解釋。 假借 我、汝 假借就是同音替代。口語裏有的詞語,沒有相應的文字對應。於是就找一個和它發音相同的同音字來表示他的含義。

20 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 漢字的演變 甲骨文 大篆 小篆 隸書 行書 楷書 草書

21 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 中文基本的字體有 宋體、仿宋體 楷書 黑體 …

22 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 中文變化的字體 在標題上為了達到醒目的效果,又出現了粗黑體、綜藝體、粗圓體、細圓體以及手繪創意美術字等。

23 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 简体 大陸地區使用的官方文字 繁體 臺灣地區及港、澳地區的官方文字

24 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 漢字的風格:漢字由於近乎圖畫,由毛筆書寫體態千變萬化, 「書藝」成為一種重要藝術形式,歷來形成許多風格、名家 歐陽詢《九成宮醴泉銘》 王羲之《二謝帖 》

25 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 漢字本身常常就可以當作設計 的主體,也有許多設計師喜歡 用和字為主要設計元素 新一代設計展景文科技大學的展場布置以文字為主

26 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 漢字本身常常就可以當作設計 的主體,也有許多設計師喜歡 用和字為主要設計元素 中正機場航廈詩與文字相配合的裝飾

27 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 漢字本身常常就可以當作設計 的主體,也有許多設計師喜歡 用和字為主要設計元素 中正機場航廈以圖片拼成文字,作為裝飾

28 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 相較於東方的漢字的風格,西方則近年行的Graffiti 字體塗鴉 西雅圖街上的塗鴉,取自Wikipedia 伊朗街上的塗鴉,取自Wikipedia

29 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 使用文字的視覺設計:中英文混排處理原則 字體適合 視覺平衡 間隔處理 收齊處理

30 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 潮流用語: 指順應時代潮流,當代熱門的民眾使用語。很多潮流用語源 自年輕人之間自創和使用。不同地區所使用的潮流用語也 不盡相同。 「代誌」 「龐克」 「宅男」 夯,囧,啾咪……

31 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 以文字為主的媒體 報紙 海報 標誌 繪本 名片

32 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 報紙 國語日報

33 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 各類書籍

34 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 海報 SIGGRAPH 2012的展場海報

35 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 手冊 SIGGRAPH 2012的手冊

36 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 文字設計的原則 確定何種風格的字體最能夠表現要傳達的訊息 包括了各種尺寸的主標題、副標題、字幕、底線, 和字體 決定文字顏色(黑)和使用何種字體(斜體、粗體、反向……等) 確定文字區域的長度和寬度,對齊方式(左,右,中心, 要有充分依據的理由)。文字之間的空白字元(字距調 整),行與列的類型

37 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 使用字體的原則 字型選擇準確,理解字體所傳達的意境。 理解字體所傳達的意境。 應該適當地調整其他文字的字形及大小來突顯標題。 在不影響照片的位置上配置文字 不要使用過多字體 很多設計師認為,三種字體可用於解決大多數印刷問題 思考文字所扮演的角色 讓標題變得最醒目。 依照文字的任務來改變字型與字級。 為了確實傳達內榮要依文字的屬性配置到適當位置

38 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 TEXT, TYPOGRAPHY AND CALLIGRAPHY 活潑生動的文字組合 提高大字與小字的對比比例。 在文字輪廓加上白邊來強調文字效果(白邊文字)。 白邊文字與斜體文字皆會給人強烈印象。 使用框線整理文字 外框的形狀與色彩要能吸引讀者的興趣。 放入文字方塊的文字,要設定為左右對齊格式。 以框線將各類別的內容框選起來,就可整理文字資訊。

39 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 可讀性(Readability) 我們看東西的時候是用所謂的「掃視」移動的方式看字裡行間,也 就是說,我們的眼睛常常停在一個字的附近,然後跳過好幾個字, 到下一個停駐點的字 掃視 設計中的文字應避免繁雜零亂,使人易認、易懂,切忌為了設計而設計,忘記了文字設計的根本目的是為了更有效地傳達訊息。

40 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 可讀性(Readability)注意要點 字型 小寫與大寫 字型大小比例– 3:5:8:13:21:34

41 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 可讀性(Readability)注意要點 行間距 線的長度 列設置 不同的文字行列排列方式。

42 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 可讀性(Readability)注意要點 行間距 線的長度 列設置 太窄或太寬等不適當的間距 適當的間距

43 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 可讀性(Readability)注意要點 文字與圖片的選擇 墨水與紙張的選擇 不適當的字體顏色

44 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 文字設計的基本語言 動感 統一 調和 比例 質感 色調 層次 透明感

45 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計 排版軟體 Word Indesign QuarkXpress

46 TEXT, TYPOGRAPHY AND CALLIGRAPHY
文案與字型設計


Download ppt "文案與字型設計."

Similar presentations


Ads by Google