CH1. UI Design Basics(01)_Designing for iOS

Designing for iOS

iOS UI设计有以下原则：

• 尊重内容（Deference）：UI帮助人们理解内容并与内容交流互动，永远不要与之竞争。
• 明晰易懂（clarity）：文本在任何字体大小时都易读，图标精确易懂，修饰物微妙适当，聚焦于功能性驱动设计。
• 深度表达（Depth）：视觉层次和拟真的动画传达出活力，愉悦人们的心情，提升人们对内容的理解。

无论是重新设计一款老App还是创造一款新App，用这种方式来实现：

• 首先，查看UI设计和App的核心功能，明确它们之间的关联性。
• 然后，用iOS设计原则指导UI设计和用户体验。小心谨慎地增添细节和修饰，千万不能随意增添。
• 最好，确保你的UI设计适用于不同的设备和模式，尽可能地使用户在多种情景中享受你的App。

在设计过程总要敢于质疑先例，挑战假设，注重App的功能和内容，以此做出设计决策。

1. 遵从内容（Defer to Content）

虽然精美清爽的UI和生动的交互动作是iOS用户体验的亮点，但用户的内容才是它的核心。这里有一些办法来确保你的设计提升功能性并且遵从于用户内容。

• 利用好屏幕的整个空间（参考Weather App）
• 重新考虑视觉指示器的物理性和写实性。（扁平化UI，聚焦于内容）
• 使用半透明的UI元素来暗示在它们后面的内容

2. 提供明晰性（Provide Clarity）

提供明晰性（Provide Clarity）是另一条确保你的App内容之上的方法。以下是一些使让重要的内容和功能保持清晰并且易于交互的方法。

• 使用充足的负空间（Negative Space）。比如文本的背景色块，可以突出文本内容使之更易被察觉
• 利用颜色简化UI。比如在Notes这个App中，用黄色作为主色来加亮重要的状态信息，巧妙地传达可交互的意思。另外，主色还可以给App一个连贯的视觉主题。
• 使用系统字体确保文本的易读性
• 使用无边界按钮。默认地，所有的条栏按钮都无边界。在内容区域，无边界按钮利用上下文、颜色和动作响应式标题显示可交互性。当它生效时，内容区域按钮可以显示一个窄边框或者着色的背景使其突出。

3. 用深度表达（Use Depth to Communicate）

iOS经常在不同分层界面上展示内容，以此传递层级和位置感，来帮助用户理解屏幕上物体之间的关系。
参考Reminder、3D Touch、calendar