iOS Human Interface Guidelines

Posted 业余设计日记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS Human Interface Guidelines相关的知识,希望对你有一定的参考价值。

一、ios概述



1、特性


a、iOS设计特性


作为一个产品设计师,你有一个机会提供一个非凡的产品,以此来登上App store榜单的榜首。为了实现这个目标,你需要满足用户对质量和功能的双重期待。


三个主要的特性使iOS区别于其他平台:


清晰(Clarity):纵观整个系统,文字即使大小不一也很清晰易读,图标是精确而清晰的,装饰是微妙而恰当的,对功能性的高度关注激发了设计的灵感。负空间,色彩,字体,图形和界面元素都巧妙的突出了重要内容并传达了交互性。


遵循(Deference):流畅的动效和清晰、漂亮的界面帮助人们理解并和内容互动,而不是与其对抗。内容通常填满了整个屏幕,而半透明和模糊将会暗示更多。尽量少的使用边框、渐变和阴影,保持界面的轻盈,同时确保内容是最重要的。


层级(Depth):清晰的视觉层级和逼真的动效表现出了层次感,内在的活力,进一步的理解。触感和可发现性增强了愉悦感,并允许访问功能和附加的内容在不丢失上下文的情况下。在你浏览内容时,过渡性提供了一种层级感。



b、iOS设计原则


为了最大限度的增加影响范围,当你在构思你的app时请时刻在脑海中考虑下面的原则:


美学的完整性(Aesthetic Integrity)

美学的完整性代表着app的外观和行为与功能上的整合度。例如,一个帮助人们执行任务的app可以保持人们的注意力通过使用微妙的、不显眼的图形,标准控件和可预测的行为。另一方面,一个沉浸式的app,比如一款游戏,能够提供给用户出色的外观,并保证用户开心与兴奋,同时鼓励发现。


一致性(Consistency)

一个满足一致性的app实现了熟悉的标准和范例,通过使用系统提供的界面元素,知名图标,标准文本样式和统一的术语。这款app整合了功能和行为通过人们期待的方式。


直接操作(Direct Manipulation)

对屏幕内容的直接操作可以吸引用户并促进理解。当用户旋转设备或用手势操作屏幕内容时,它们体验到直接操作。通过直接操作,他们能够看到他们操作后直接的、可视的结果。


反馈(Feedback)

反馈意味着承认用户的操作行为并展示操作结果,来使用户知情。内置的iOS app提供了易察觉的反馈来回应每一个用户的操作。当点击时交互元素被简要的突出显示,进度指示器会传达长期运行操作的状态,动效和声音会帮助操作结果变得更清晰。


隐喻(Metaphors)

人们会学的更快当一款app的虚拟对象和操作是对熟悉体验的隐喻时——不管是扎根在现实世界还是数字世界。隐喻在iOS中很好用因为人们可以与屏幕进行物理交互。他们将视图移除以暴露以下的问题。他们拖拽和滑动内容,他们切换开关,移动滑块,滚动选择器的数值。他们甚至翻阅书籍和杂志。


用户主导控制(User Control)

在整个iOS中,掌控一切的是人而不是app。app可以建议一个行动方案或者警告危险的后果,但让app来接管决策权通常是错误的。最出色的app在用户和避免不必要的结果之间取得正确的平衡。一款app可以通过让用户保持对交互元素的熟悉和可预测性、确认破坏性操作、使取消操作变得更容易——即使操作正在进行,来让用户觉得一切尽在掌握。




2、用户界面的必要元素


大多数的iOS app用来自UIKit中的组建创建,UIKit是一种程序框架来定义基本的界面元素。这种框架让App在整个系统中获得统一的视觉体验,同时也会提供高度的定制化。UIKit元素是灵活且相互联系的,它们的适应性很强,使你设计出的App在任何iOS设备上都看起来不错,当系统发布新的外观时它们会自动更新。UIKit提供的界面元素适合以下三个类目:


栏:当人们使用App时告诉用户当前位置,提供导航功能,包含按钮或其他元素以至于可以开始操作或传递信息。


视图:包含人们在App中看到的主要内容,比如文字,图形,动效,界面元素。视图可以做出以下操作:滚动,插入,删除,排列。


控件:开始操作或传递信息,按钮,开关,文本框,进度指示器都是控件。


iOS也与其他编程框架和技术紧密相关,如Apple pay,HealthKit和ResearchKit,使你可以设计出强大的App。


(iOS概述部分完)

以上是关于iOS Human Interface Guidelines的主要内容,如果未能解决你的问题,请参考以下文章

《iOS Human Interface Guidelines》——Popover

《iOS Human Interface Guidelines》——System Button

《iOS Human Interface Guidelines》——Picker

《iOS Human Interface Guidelines》——Routing

《iOS Human Interface Guidelines》——Stepper

《iOS Human Interface Guidelines》——Slider