iOS 10 人机交互指南_第四章 Visual Design

https://developer.apple.com/ios/human-interface-guidelines/visual-design/animation/

1. Animation，动画

理智地使用动画效果，不要过度使用；动画要符合人在现实当中的行为习惯；consistent, opotional

2. Branding (除了品牌说明，更多的是通过font, color和image 向用户传达)

不要过度给品牌打广告，从而掩盖了App本身的目的。嵌入App之前，首先是要让App满足iOS App的设计准则。使用不打扰用户的方式，嵌入品牌（VI）。

3. Color, 配色

使用互补色；克制调色盘中颜色的数量；在App中使用一款主色（用在主交互元素上）；主交互元素和非交互元素的颜色不要重复；注意不同主题下，颜色的表现，颜色和半透明效果叠加后的表现；

iOS上的色彩空间用的是sRGB；

在各种光照条件下测试配色，室外、室内白炽灯等。

注意色盲或者色弱用户使用时的问题。

App配色要有足够的对比度

4. 布局， Layout

layout 要自适应（不同尺寸的iOS设备，多任务处理，不同手持方向）

layout 改变时，用户正在关注的内容主体不能变。

重要元素增加展示面积大小，增加字号比重。

屏幕旋转后，界面的布局不要做大的改动。

如果App只适配竖着用或者横着用，要确保无论home键在哪边，App都可以用。

layout改变时，确保元素之间有足够的留白。

！用户可能会在App Setting里改变字体大小。

5. Typography

iOS10 默认英文字体是 San Francisco(分SF UI Text 和SF UI Display), 中文字体 苹方

具体使用原则详见：https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/