Enviar búsqueda
Cargar
包季真 字体、排版简明入门
•
5 recomendaciones
•
1,862 vistas
Jason Bao
Seguir
An Introduction to Typography 字体、排版简明入门 by 包季真 www.om19.com
Leer menos
Leer más
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 18
Descargar ahora
Descargar para leer sin conexión
Recomendados
Css教學
Css教學
蘇姵欣 PeiSu
你好样品文本ChineseSimplified
你好样品文本ChineseSimplified
Quickoffice Test
你好样品文本ChineseSimplified
你好样品文本ChineseSimplified
Quickoffice Test
你好樣品文本ChineseTraditional
你好樣品文本ChineseTraditional
Quickoffice Test
你好樣品文本ChineseTraditional
你好樣品文本ChineseTraditional
Quickoffice Test
Twitter for Dentists
Twitter for Dentists
Chicago Dental Society
Applied Data Science with Yhat
Applied Data Science with Yhat
Austin Ogilvie
Лаймен Фрэнк Баум
Лаймен Фрэнк Баум
estet13
Recomendados
Css教學
Css教學
蘇姵欣 PeiSu
你好样品文本ChineseSimplified
你好样品文本ChineseSimplified
Quickoffice Test
你好样品文本ChineseSimplified
你好样品文本ChineseSimplified
Quickoffice Test
你好樣品文本ChineseTraditional
你好樣品文本ChineseTraditional
Quickoffice Test
你好樣品文本ChineseTraditional
你好樣品文本ChineseTraditional
Quickoffice Test
Twitter for Dentists
Twitter for Dentists
Chicago Dental Society
Applied Data Science with Yhat
Applied Data Science with Yhat
Austin Ogilvie
Лаймен Фрэнк Баум
Лаймен Фрэнк Баум
estet13
Better products faster: let's bring the user into the userstory // TAPOST_201...
Better products faster: let's bring the user into the userstory // TAPOST_201...
Anna Witteman
President Obama's Deficit Plan
President Obama's Deficit Plan
Obama White House
I am a man of consequences
I am a man of consequences
Rebecca Rothstein
Co-Design: Quantified User Experience
Co-Design: Quantified User Experience
Marquis Cabrera
The potential future of reference bosley 2016
The potential future of reference bosley 2016
Cathay Keough (she, her, hers)
Map entrega final-plan de proyecto con sentido estratégico -liliana aguilar-v...
Map entrega final-plan de proyecto con sentido estratégico -liliana aguilar-v...
LF. Liliana Aguilar Aguilar Martínez
Issues in social welfare policy paper- sojourner truth
Issues in social welfare policy paper- sojourner truth
Rebecca Rothstein
Intecao de votos_prefeito_sp
Intecao de votos_prefeito_sp
Carlos Eduardo
Cuestionario de encuesta
Cuestionario de encuesta
denisse pinto
Amanda reis & thales brandão 80m
Amanda reis & thales brandão 80m
Andrea Bruzaca
research proposal 2
research proposal 2
Rebecca Rothstein
Online Marketing And BDM Resume
Online Marketing And BDM Resume
sallu12031986
9 Motivational Quotes
9 Motivational Quotes
Anna Zubarev
Universidad nacional experimenta d iapositivas sistema l
Universidad nacional experimenta d iapositivas sistema l
josephber291
BOORSTEIN.tue_.4pm.Final_
BOORSTEIN.tue_.4pm.Final_
Hidee Cyd
Gnana Prasuna B_5.5 years
Gnana Prasuna B_5.5 years
Gnana Bocha
Ramadan games
Ramadan games
aminah afra
互联网+:连接与生态
互联网+:连接与生态
Jason Bao
移动应用 从想法到卓越设计 Ctrip 2014
移动应用 从想法到卓越设计 Ctrip 2014
Jason Bao
包季真 - 移动应用从想法到卓越设计 IxDC 2013
包季真 - 移动应用从想法到卓越设计 IxDC 2013
Jason Bao
包季真《电子商务的用户体验》
包季真《电子商务的用户体验》
Jason Bao
宗羲观片会第16期
宗羲观片会第16期
Jason Bao
Más contenido relacionado
Destacado
Better products faster: let's bring the user into the userstory // TAPOST_201...
Better products faster: let's bring the user into the userstory // TAPOST_201...
Anna Witteman
President Obama's Deficit Plan
President Obama's Deficit Plan
Obama White House
I am a man of consequences
I am a man of consequences
Rebecca Rothstein
Co-Design: Quantified User Experience
Co-Design: Quantified User Experience
Marquis Cabrera
The potential future of reference bosley 2016
The potential future of reference bosley 2016
Cathay Keough (she, her, hers)
Map entrega final-plan de proyecto con sentido estratégico -liliana aguilar-v...
Map entrega final-plan de proyecto con sentido estratégico -liliana aguilar-v...
LF. Liliana Aguilar Aguilar Martínez
Issues in social welfare policy paper- sojourner truth
Issues in social welfare policy paper- sojourner truth
Rebecca Rothstein
Intecao de votos_prefeito_sp
Intecao de votos_prefeito_sp
Carlos Eduardo
Cuestionario de encuesta
Cuestionario de encuesta
denisse pinto
Amanda reis & thales brandão 80m
Amanda reis & thales brandão 80m
Andrea Bruzaca
research proposal 2
research proposal 2
Rebecca Rothstein
Online Marketing And BDM Resume
Online Marketing And BDM Resume
sallu12031986
9 Motivational Quotes
9 Motivational Quotes
Anna Zubarev
Universidad nacional experimenta d iapositivas sistema l
Universidad nacional experimenta d iapositivas sistema l
josephber291
BOORSTEIN.tue_.4pm.Final_
BOORSTEIN.tue_.4pm.Final_
Hidee Cyd
Gnana Prasuna B_5.5 years
Gnana Prasuna B_5.5 years
Gnana Bocha
Ramadan games
Ramadan games
aminah afra
Destacado
(17)
Better products faster: let's bring the user into the userstory // TAPOST_201...
Better products faster: let's bring the user into the userstory // TAPOST_201...
President Obama's Deficit Plan
President Obama's Deficit Plan
I am a man of consequences
I am a man of consequences
Co-Design: Quantified User Experience
Co-Design: Quantified User Experience
The potential future of reference bosley 2016
The potential future of reference bosley 2016
Map entrega final-plan de proyecto con sentido estratégico -liliana aguilar-v...
Map entrega final-plan de proyecto con sentido estratégico -liliana aguilar-v...
Issues in social welfare policy paper- sojourner truth
Issues in social welfare policy paper- sojourner truth
Intecao de votos_prefeito_sp
Intecao de votos_prefeito_sp
Cuestionario de encuesta
Cuestionario de encuesta
Amanda reis & thales brandão 80m
Amanda reis & thales brandão 80m
research proposal 2
research proposal 2
Online Marketing And BDM Resume
Online Marketing And BDM Resume
9 Motivational Quotes
9 Motivational Quotes
Universidad nacional experimenta d iapositivas sistema l
Universidad nacional experimenta d iapositivas sistema l
BOORSTEIN.tue_.4pm.Final_
BOORSTEIN.tue_.4pm.Final_
Gnana Prasuna B_5.5 years
Gnana Prasuna B_5.5 years
Ramadan games
Ramadan games
Más de Jason Bao
互联网+:连接与生态
互联网+:连接与生态
Jason Bao
移动应用 从想法到卓越设计 Ctrip 2014
移动应用 从想法到卓越设计 Ctrip 2014
Jason Bao
包季真 - 移动应用从想法到卓越设计 IxDC 2013
包季真 - 移动应用从想法到卓越设计 IxDC 2013
Jason Bao
包季真《电子商务的用户体验》
包季真《电子商务的用户体验》
Jason Bao
宗羲观片会第16期
宗羲观片会第16期
Jason Bao
品味玛格南 宗羲观片会
品味玛格南 宗羲观片会
Jason Bao
Más de Jason Bao
(6)
互联网+:连接与生态
互联网+:连接与生态
移动应用 从想法到卓越设计 Ctrip 2014
移动应用 从想法到卓越设计 Ctrip 2014
包季真 - 移动应用从想法到卓越设计 IxDC 2013
包季真 - 移动应用从想法到卓越设计 IxDC 2013
包季真《电子商务的用户体验》
包季真《电子商务的用户体验》
宗羲观片会第16期
宗羲观片会第16期
品味玛格南 宗羲观片会
品味玛格南 宗羲观片会
包季真 字体、排版简明入门
1.
包季真 字体、排版简明入门
2.
字体的类型 Types of
Typeface • Sans-serif 非衬线字体 o Arial, Tahoma, Calibri, Verdana,(黑体)
3.
Types of Typeface •
Serif 衬线字体 o Times New Roman, Georgia,(宋体)
4.
Types of Typeface •
Calligraphy 手写体 • Monospace 等宽字体 • Symbol 字符字体
5.
Styles of Typeface •
Normal 正常 • Bold 粗体 • Italic 斜体
6.
Styles of Typeface •
字重 o font-weight (CSS) o 100, 200, 300, 400(normal), 500, 600, 700(bold), 800, 900(bolder) o 优秀的字库会对不同字重特别提供一套设计
7.
字体的边缘平滑 • Windows启用屏幕字体的边缘平滑的 三个级别 o 清晰
(Default of Vista) o 标准 (Default of XP) o 无效果
8.
字体的边缘平滑 • Windows字体的边缘平滑示例(微软雅 黑, Calibri)
9.
字体的边缘平滑 • 宋体(Simsun)12px~20px的边缘平滑示 例
10.
字体的边缘平滑 • 宋体包含点阵字体 • 12px~20px中,只有17px和20px是启 用了边缘平滑的
11.
Cleartype 简介 1. ClearType线 2.
普通的反锯齿线 3. 1的四倍放大图 4. 2的四倍放大图 5. 1实际显示在液晶显示器上 的放大示意图 (Wikipedia)
12.
单位 The Unit •
1 Inch = 72 points = 6 picas (1 pica=12 points) • 1 英寸 = 72 点 = 6 皮卡 • px • dpi • ex • em
13.
间距 Letterspacing • Leading=line-height,
base-line 行距 • Letter-spacing=Tracking 字间距 • Kerning 字距调整
14.
间距 Letterspacing
15.
段落 Paragraph • Measuring
行长
16.
段落 Paragraph • Alignment
对齐 – Left 左对齐 – Center 居中对齐 – Right 右对齐 – Justify 两端对齐 • 在英文排版中,当行长很短的时候,不能 使用两端对齐
17.
易读性 Readability • 至多三种字体大小 •
英文正文使用sans-serif • 至多三种字体 • 对齐 • 对比 (#333 on #fff) • 文字块大小 – 行长越小,行距应当越小 – 每行50~80个字母,20个单词。
18.
Readability • Background noise
背景噪声 • Less is better 少即是多 • Makes your links look like links. 链接 应当就像个链接 • White-space 利用空白空间 • 行距大于词间距
Descargar ahora