Download - 字型N次方 — 朱其明
字型怎麼扮...
字型是⼀一種聲音
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
字型 如何運用設計元素去做裝飾/搭配
- 運用各式線條- 運用符號- 運用形狀- 運用顏色- 運用背景- 運用對比- 運用色塊- 運用留白空間
謝謝!