Upgrade to Pro — share decks privately, control downloads, hide ads and more …

攻城狮眼中的字体和设计

684e373a0870f7be5b78f0d29bfde968?s=47 Cee
January 29, 2015

 攻城狮眼中的字体和设计

684e373a0870f7be5b78f0d29bfde968?s=128

Cee

January 29, 2015
Tweet

More Decks by Cee

Other Decks in Design

Transcript

  1. 攻城狮眼中的字体和设计 @Ceecirno 2015.01.29

  2. 关于字体

  3. 看 ‣ 浏览网页 ‣ 设计稿 ‣ 微博 ‣ 博客

  4. 用 ‣ 管理字体 ‣ 找字体 ‣ 浏览字体

  5. 学 ‣ 字体的形成、来由和用途 ‣ 字体、字型的知识 ‣ 选择字体 Times New Roman

    的重心线(axis):从左上到右 下,符合阅读时的「视觉重力方向」;在造型上也有巴 洛克与新古典主义字体的风格痕迹。
  6. 做 ‣ 和设计师打交道 ‣ 实践:排版 Elements of Typographic Style:一本专门系统化整 理西方字型理论的专著。

  7. 做 ‣ 和设计师打交道 ‣ 实践:排版 ‣ 字本身的设计 宋体磨损效果模拟。 明度和亮度的考虑,有时甚至考虑渲染。

  8. 做 ‣ 和设计师打交道 ‣ 实践:排版 ‣ 字本身的设计 ‣ 字母之间的距离

  9. 做 ‣ 和设计师打交道 ‣ 实践:排版 ‣ 字本身的设计 ‣ 字母之间的距离 ‣

    单字之间的距离 理想状况下,字距在 M/5,但是因为左右对齐的限制 比较多,所以理想范围可以扩大到 M/4 或者更宽。
  10. 做 ‣ 和设计师打交道 ‣ 实践:排版 ‣ 字本身的设计 ‣ 字母之间的距离 ‣

    单字之间的距离 ‣ 每一行之间的距离
  11. 更多 ‣ Doodles ‣ And more… Google Doodles

  12. 关于设计

  13. 今天我们只谈「排版」

  14. 排版风格 ‣ 空格的使用 ‣ 标点相关 ‣ 段落 ‣ 对第三方内容的引用 (参考:https://github.com/sparanoid/chinese-copywriting-guidelines)

  15. 有研究顯示,打字的時候不喜歡在中文和英文之間加空格的人, 感情路都走得很辛苦,有七成的比例會在 34 歲的時候跟自己不 愛的人結婚,而其餘三成的人最後只能把遺產留給自己的貓。畢 竟愛情跟書寫都需要適時地留白。 — vinta/paranoid-auto-spacing

  16. 空格的使用 ‣ 中英文之间需要增加空格 ‣ 中文与数字之间需要增加空格 ‣ 数字与单位之间需要增加空格 ‣ 全角标点与其他字符之间不加空格 在

    LeanCloud 上,數據存儲是圍繞 AVObject 進⾏行的。 在LeanCloud上,數據存儲是圍繞AVObject進⾏行的。 今天出去買菜花了 5000 元。 今天出去買菜花了5000元。 我家的寬帶有 1 Gbps,硬盤⼀一共有 10 TB。 我家的寬帶有 1Gbps,硬盤⼀一共有 10TB。 剛剛買了⼀一部 iPhone,好開⼼心! 剛剛買了⼀一部 iPhone ,好開⼼心!
  17. 标点相关 ‣ 不重复使用标点符号 ‣ 全角和半角 ‣ 数字使用半角 ‣ 英文大小写 德國隊竟然戰勝了巴⻄西隊!

    德國隊竟然戰勝了巴⻄西隊!!!!!!!! 嗨!你知道嘛?今天前台的⼩小妹跟我說「喵」了哎! 嗨! 你知道嘛? 今天前台的⼩小妹跟我說 "喵" 了哎! 核磁共振成像(NMRI)是什麼原理? 核磁共振成像 (NMRI) 是什麼原理? 這件蛋糕只賣 1000 元。 這件蛋糕只賣 1000 元。 GitHub Github
  18. 段落 ‣ 段落间距 ‣ 段落开头

  19. 对第三方内容的引用 ‣ 部分引用 ‣ 全文引用

  20. • http://blog.justfont.com/2013/05/popular-tyography-1/ • http://blog.justfont.com/2013/05/popular-typography-2/ • http://www.typeisbeautiful.com/2009/02/964/ • http://blog.justfont.com/page/8/ • http://open.leancloud.cn/copywriting-style-guide.html

    参考
  21. • http://blog.justfont.com/ • 《西文字体》 推荐阅读

  22. The End