Date Notes
2017-07-02 首次提交

WWDC 2017 是苹果开发者大会的 2017 版。Session 823 简要介绍了 Glyph(字形,符号等)的设计原则等。

Glyph & Icon

  • Glyph 是单色的,可以用代码(程序化)添加颜色。
  • Icon 是彩色的,高渲染的资源文件。

高效的 Glyph 设计原则

  • 简化的形式(Simplified form)
  • 统一的象征(Universal symbology)

    • 在不同的语言环境,生活环境都能清晰无歧义辨识的标志
  • 上下文中可读性高(Quickly readable in context)

Glyph 在系统中的使用场景

  • macOS

    • Menu bars
    • Tool bars
    • Touch bar
  • iOS

    • Tab bars
    • List views
    • Quick menu (3D Touch)
    • 要比应用内部更大且更重

Glyph 的设计考量

  • 视觉重心(Optical weight)

    • 表面区域较小的 Glyph 可以缩放来达到视觉平衡。
  • 线条(Lines)

    • 线宽(Line weight)一致化。
  • 位置(Positioning)

    • 以视觉居中为主。

制作原则

  • 按一个集合来做(Build as a set)
  • 上下文中测试(Test in context)
  • 在设备中预览(Preview on device)

Reference