包季真 字体、排版简明入门

5,098 views

Published on

An Introduction to Typography
字体、排版简明入门
by 包季真
www.om19.com

Published in: Design
2 Comments
5 Likes
Statistics
Notes
No Downloads
Views
Total views
5,098
On SlideShare
0
From Embeds
0
Number of Embeds
2,436
Actions
Shares
0
Downloads
41
Comments
2
Likes
5
Embeds 0
No embeds

No notes for slide
  • 包季真 字体、排版简明入门

    1. 1. 包季真字体、排版简明入门
    2. 2. 字体的类型 Types of Typeface• Sans-serif 非衬线字体o Arial, Tahoma, Calibri, Verdana,(黑体)
    3. 3. Types of Typeface• Serif 衬线字体o Times New Roman, Georgia,(宋体)
    4. 4. Types of Typeface• Calligraphy 手写体• Monospace 等宽字体• Symbol 字符字体
    5. 5. Styles of Typeface• Normal 正常• Bold 粗体• Italic 斜体
    6. 6. Styles of Typeface• 字重o font-weight (CSS)o 100, 200, 300, 400(normal), 500, 600,700(bold), 800, 900(bolder)o 优秀的字库会对不同字重特别提供一套设计
    7. 7. 字体的边缘平滑• Windows启用屏幕字体的边缘平滑的三个级别o 清晰 (Default of Vista)o 标准 (Default of XP)o 无效果
    8. 8. 字体的边缘平滑• Windows字体的边缘平滑示例(微软雅黑, Calibri)
    9. 9. 字体的边缘平滑• 宋体(Simsun)12px~20px的边缘平滑示例
    10. 10. 字体的边缘平滑• 宋体包含点阵字体• 12px~20px中,只有17px和20px是启用了边缘平滑的
    11. 11. Cleartype 简介1. ClearType线2. 普通的反锯齿线3. 1的四倍放大图4. 2的四倍放大图5. 1实际显示在液晶显示器上的放大示意图(Wikipedia)
    12. 12. 单位 The Unit• 1 Inch = 72 points = 6 picas (1pica=12 points)• 1 英寸 = 72 点 = 6 皮卡• px• dpi• ex• em
    13. 13. 间距 Letterspacing• Leading=line-height, base-line 行距• Letter-spacing=Tracking 字间距• Kerning 字距调整
    14. 14. 间距 Letterspacing
    15. 15. 段落 Paragraph• Measuring 行长
    16. 16. 段落 Paragraph• Alignment 对齐– Left 左对齐– Center 居中对齐– Right 右对齐– Justify 两端对齐• 在英文排版中,当行长很短的时候,不能使用两端对齐
    17. 17. 易读性 Readability• 至多三种字体大小• 英文正文使用sans-serif• 至多三种字体• 对齐• 对比 (#333 on #fff)• 文字块大小– 行长越小,行距应当越小– 每行50~80个字母,20个单词。
    18. 18. Readability• Background noise 背景噪声• Less is better 少即是多• Makes your links look like links. 链接应当就像个链接• White-space 利用空白空间• 行距大于词间距

    ×