字型怎麼扮...

字型是⼀一種聲音

Ouch...Ouch...

字型是⼀一種氣質

EElegant???

字型是⼀一種表達

I love you...

I love you...

字型在跟您溝通

Talk to me

Talk to me

你不自覺的在

看字

不自覺的在

感覺

字

網路設計有

95%是字型

by Oliver Reichenstein iA

手機應用程式

有更多在

字型上的應用

字在跟你做溝通

字型也是視覺的⼀一種

培養在字型上更多的敏銳度

我們忽略與字型的關係跟重要性

人類經常根據文字做思考與判斷

字型無時無刻在我們的生活中，

大家只是沒有注意或忘記它的重

要性。

設計者需要注意到字體本身與整

篇文字的閱讀性/舒適性/美感。

英文字型有那些種類？

無襯線 Sans SerifSans Serif

無襯線 Sans Serif

This is Univers.

This is Helvetica.This is Frutiger.This is Gill Sans.This is Avenir.

襯線字體 Old Style

Old Style

襯線字體 Old Style

This is Garamond.This is Baskerville.This is Caxton.This is Cochin.This is Sabon.

粗平襯線字體 Slab SerifSlab Serif

平襯線字體 Slab Serif

This is American Typewriter.This is Memphis.

This is Rockwell.This is Beton.

Modern現代羅馬字體 (細平襯線) Modern

現代羅馬字體 Modern

This is Bodoni.This is Basilia.

This is Walbaum.

This is Jimbo MM.

ScriptScript

草寫字體

Ornament 特殊符號字體

Decorate裝飾字體

Baskerville

BaskervilleBaskerville

Baskerville

Baskerville

Baskerville

Old Style

Modern

Slab Serif

Sans Serif

Script

Decorate

電腦字型的種類

PostScript (.ps) - Adobe獨立開發- 80年代早期，電腦印刷高解析度的標準技術。- PS分成螢幕與印刷兩部分

TrueType (.ttf)- 80年代晚期由蘋果(設計)與微軟(技術開發)共同開發- 字體只需在電腦端裝設即可印出

OpenType (.otf)- 90年代初期，由Adobe與微軟共同開發- 以TrueType為基礎 - OpenType 可以讓開發者擴充(不同文字).

Akzidenz Grotesk AvenirITC Avant Garde Gothic Baskerville Berkley Caslon

Caxton ExcelsiorFranklin Gothic Book Frutiger

Garamond Goudy

Helvetica ITC Kabel Minion Pro Museo

Myriad Pro Optima

Perpetua Sabon

Schneidler Swiss721 Trade Gothic Trajan

Univers Walbaum

Arial

Comic SansHobo

PapyrusCopperlate

Times New RomanCourier

Brush Script

下列英文字型請盡量減少使用

字型在應用上的...

字距要調整

行幅要調整

行距要調整

建立字體架構與內容區隔 - hierarchy

設計者在設計任何跟文字相關的設計時，需要在設計物上建立系統性的文字架構- 顏色

- 字體粗細度與大小- 留白空間的運用

避免使用中文字型裡的英文內建字

ಶߏф�kvtugpou/dpn

ಶߏф�justfont.com

不能扭曲或隨便放大與縮小字體

Typography

Typography

正確

錯誤

更多的規則...

逗號與句點之後都是空⼀一格，不是空兩格正確 This is a book. That is a cat. 錯誤 This is a book. That is a cat.

正確 “This is a book. That is a cat.”錯誤 ‘This is a book. That is a cat.’

正確 This is a book...錯誤 This is a book.....

無特殊需求時不要使用underline

字型 如何運用設計元素去做裝飾/搭配

- 運用各式線條- 運用符號- 運用形狀- 運用顏色- 運用背景- 運用對比- 運用色塊- 運用留白空間

謝謝!