iOS13 Design Goals

  • Maintain familiarity
  • Platform consistency
  • Clear information hierarchy
  • Accessible
  • Keep it simple

Darkmode

  • IOS13中使用Semantic color来管理颜色，一个Semantic Color可以有多个颜色，代表一类元素。（相当于统一白色和黑色模式的颜色语言）
  • iOS13内置了一些颜色。许多内置颜色都分成了四个等级。利用不同的颜色等级来标记information hierachy
    • Primary（Title）
    • Secondary（Subtitle）
    • Tertiary（Placeholder text）
    • Quaternary（disalbed text）
  • iOS13新增加了FillColor和SeparatorColor的调色盘，他们有不同的alpha可以更改到开发者的颜色上（这个得看下没听懂）。增加了SystemGray调色盘，（苹果网站有调色盘可供设计师使用）
  • iOS13增加了一些tintcolor，红黄蓝绿灯都有，他们也是dynamic的。tintcolor在白色底会更淡，在黑色底会更深
  • 如何确定白色底和黑色底你的颜色是否合适：苹果网站有一个对比度计算器来计算Color Contrast Ratio，（具体需要看下文档 …