SlideShare una empresa de Scribd logo
1 de 43
Descargar para leer sin conexión
字型怎麼扮...
字型是⼀一種聲音

 Ouch...
 Ouch...
字型是⼀一種氣質

 E
Elegant???
字型是⼀一種表達

I love you...
I love you...
字型在跟您溝通

Talk to me
Talk to me
你不自覺的在


看字
不自覺的在

感覺
字
網路設計有

95%
是字型
        by Oliver Reichenstein iA
手機應用程式
有更多在

字型
上的應用
字在跟你做溝通
字型也是視覺的⼀一種
培養在字型上更多的敏銳度
我們忽略與字型的關係跟重要性
 人類經常根據文字做思考與判斷
字型無時無刻在我們的生活中,
大家只是沒有注意或忘記它的重
要性。
設計者需要注意到字體本身與整
篇文字的閱讀性/舒適性/美感。
英文字型有那些種類?
Sans Serif
      無襯線 Sans 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 Serif
    粗平襯線字體 Slab 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.
Script
Script
    草寫字體
Ornament
     特殊符號字體


Decorate
       裝飾字體
Baskerville   Old Style


Baskerville   Modern


Baskerville   Slab Serif


Baskerville   Sans Serif

Baskerville   Script


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

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

OpenType (.otf)
- 90年代初期,由Adobe與微軟共同開發
- 以TrueType為基礎
- OpenType 可以讓開發者擴充(不同文字).
Akzidenz Grotesk         Avenir
ITC Avant Garde Gothic   Baskerville
Berkley                  Caslon
Caxton                   Excelsior
Franklin 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 Sans
Hobo
Papyrus
Copperlate
Times New Roman
Courier
Brush Script
字型在應用上的...
字距要調整
行幅要調整
行距要調整
建立字體架構與內容區隔 - hierarchy

設計者在設計任何跟文字相關的設計時,需要在設計物上
建立系統性的文字架構
- 顏色
- 字體粗細度與大小
- 留白空間的運用
避免使用中文字型裡的英文內建字




       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
字型 如何運用設計元素去做裝飾/搭配
- 運用各式線條
- 運用符號
- 運用形狀
- 運用顏色
- 運用背景
- 運用對比
- 運用色塊
- 運用留白空間
謝謝!

Más contenido relacionado

Destacado

2016.04.16 食安專雲專家會議 3 教育部 v2 校園食材登錄平臺應用與精進規劃
2016.04.16 食安專雲專家會議  3 教育部 v2 校園食材登錄平臺應用與精進規劃2016.04.16 食安專雲專家會議  3 教育部 v2 校園食材登錄平臺應用與精進規劃
2016.04.16 食安專雲專家會議 3 教育部 v2 校園食材登錄平臺應用與精進規劃Opendata.tw
 
城市字型散步
城市字型散步城市字型散步
城市字型散步Winston Su
 
2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來
2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來
2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來venev chao
 
拒絕短線操作,永續觀光發展
拒絕短線操作,永續觀光發展拒絕短線操作,永續觀光發展
拒絕短線操作,永續觀光發展毓仁 許
 
開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松
開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松
開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松venev chao
 
馬來西亞網際網路電子商務
馬來西亞網際網路電子商務馬來西亞網際網路電子商務
馬來西亞網際網路電子商務Chris Yang
 
臺北城歷史建築故事
臺北城歷史建築故事臺北城歷史建築故事
臺北城歷史建築故事Chih-Cheng Ting
 
20160530臺灣地區的城市更新理念借鑒
20160530臺灣地區的城市更新理念借鑒20160530臺灣地區的城市更新理念借鑒
20160530臺灣地區的城市更新理念借鑒Chih-Cheng Ting
 
正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧
正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧
正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧cwbook
 
來做視覺化《都市再生的20個故事》
來做視覺化《都市再生的20個故事》來做視覺化《都市再生的20個故事》
來做視覺化《都市再生的20個故事》逸晟 林
 
累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》
累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》
累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》cwbook
 
行政院簡報 內政部(懶人包)
行政院簡報 內政部(懶人包)行政院簡報 內政部(懶人包)
行政院簡報 內政部(懶人包)releaseey
 
1060316內政部:「106年言論自由日活動規劃情形」報告
1060316內政部:「106年言論自由日活動規劃情形」報告1060316內政部:「106年言論自由日活動規劃情形」報告
1060316內政部:「106年言論自由日活動規劃情形」報告R.O.C.Executive Yuan
 
Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016
Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016
Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016Codemotion
 

Destacado (18)

2016.04.16 食安專雲專家會議 3 教育部 v2 校園食材登錄平臺應用與精進規劃
2016.04.16 食安專雲專家會議  3 教育部 v2 校園食材登錄平臺應用與精進規劃2016.04.16 食安專雲專家會議  3 教育部 v2 校園食材登錄平臺應用與精進規劃
2016.04.16 食安專雲專家會議 3 教育部 v2 校園食材登錄平臺應用與精進規劃
 
城市字型散步
城市字型散步城市字型散步
城市字型散步
 
屏基 防疫雲簡報20150129
屏基 防疫雲簡報20150129屏基 防疫雲簡報20150129
屏基 防疫雲簡報20150129
 
2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來
2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來
2014 中華傳播學會年會:從太陽花零時媒體,想像群眾媒體的未來
 
拒絕短線操作,永續觀光發展
拒絕短線操作,永續觀光發展拒絕短線操作,永續觀光發展
拒絕短線操作,永續觀光發展
 
131006-鳳毛麟角吉光片羽
131006-鳳毛麟角吉光片羽131006-鳳毛麟角吉光片羽
131006-鳳毛麟角吉光片羽
 
開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松
開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松
開放政治獻金提案報告 @ g0v hackath9n 第玖次還我土地黑客松
 
馬來西亞網際網路電子商務
馬來西亞網際網路電子商務馬來西亞網際網路電子商務
馬來西亞網際網路電子商務
 
臺北城歷史建築故事
臺北城歷史建築故事臺北城歷史建築故事
臺北城歷史建築故事
 
20160530臺灣地區的城市更新理念借鑒
20160530臺灣地區的城市更新理念借鑒20160530臺灣地區的城市更新理念借鑒
20160530臺灣地區的城市更新理念借鑒
 
防災與都市更新
防災與都市更新防災與都市更新
防災與都市更新
 
正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧
正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧
正面迎擊的力量-不隱忍、不尷尬又不失禮的溝通技巧
 
來做視覺化《都市再生的20個故事》
來做視覺化《都市再生的20個故事》來做視覺化《都市再生的20個故事》
來做視覺化《都市再生的20個故事》
 
累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》
累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》
累積帶得走的職涯能力存摺,打造不畏時局變遷的本事!──《不受限的工作人生》
 
行政院簡報 內政部(懶人包)
行政院簡報 內政部(懶人包)行政院簡報 內政部(懶人包)
行政院簡報 內政部(懶人包)
 
CDC 105年防疫雲政策公開說明會
CDC 105年防疫雲政策公開說明會CDC 105年防疫雲政策公開說明會
CDC 105年防疫雲政策公開說明會
 
1060316內政部:「106年言論自由日活動規劃情形」報告
1060316內政部:「106年言論自由日活動規劃情形」報告1060316內政部:「106年言論自由日活動規劃情形」報告
1060316內政部:「106年言論自由日活動規劃情形」報告
 
Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016
Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016
Chinese design for westerners - Lu Yu - Codemotion Amsterdam 2016
 

字型N次方 — 朱其明