- CH1. UI Design Basics(01)_Design
- CH1. UI Design Basics(05)_Naviga
- CH1. UI Design Basics(04)_Starti
- CH1. UI Design Basics(03)-Adapti
- CH1. UI Design Basics(06)_Modal
- CH1. UI Design Basics(09)_Brandi
- CH1. UI Design Basics(10)_Color
- CH1. UI Design Basics(11)_Icons
- CH1. UI Design Basics(07)_Intera
- CH1. UI Design Basics(08)_Animat
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
网友评论