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