美文网首页
CH1. UI Design Basics(01)_Design

CH1. UI Design Basics(01)_Design

作者: 逃亡的光子 | 来源:发表于2015-11-26 19:26 被阅读31次

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

相关文章

网友评论

      本文标题:CH1. UI Design Basics(01)_Design

      本文链接:https://www.haomeiwen.com/subject/eexdhttx.html