NEWS

UI规划师必读的IOS 10人机界面规划攻略 (一)

2025-07-05

iOS 10的这份设计指南虽然年份稍早,但其核心的设计思想和原则至今仍深刻影响着iOS生态系统,并对UI/UX设计师有着重要的参考价值。1.1 规划原则(Design Principles)

作为一名移动运用规划师,意味你有机会发布一款具有杀伤力的产品能够登上苹果商铺的榜首。为了实现这个目标,你的产品必须在质量和功用上到达高标准。

以下三大原则让iOS体系有别于其它渠道:

明晰(Clarity):

纵观整个体系,任何尺度的文字都明晰易读,图标精确易懂,恰当且微妙的润饰,聚集于功用,一切规划由功用而驱动。留白、颜色、字体、图形以及其它界面元素能够巧妙地突出重点内容并且表达可交互性。

遵从(Deference):

流通的动效和清爽美观的界面有助于用户了解内容并与之交互,而不会干扰用户。当时内容占据整屏时,半透明和模糊处理能够暗示其它更多的内容。削减运用边框、突变和阴影让界面尽或许地轻量化,然后突出内容。

深度(Depth):

清楚的视觉层和生动的动效表达了层次结构,赋予了生机,并有助于了解。

易于发现的且可触发的界面元素能提升体验愉悦感,让用户在成功触发相应功用或许取得更多内容的一起还能掌控当时位置的来龙去脉。当用户阅读内容时,流通的过渡供给一种纵深感。

要想扩大影响力和涉及范围,在规划你的独特运用时,请熟记以下几点原则:

美学完整性(Aesthetic Integrity)

美学完整性代表了一款运用的视觉表象和交互行为与其功用整合的优良程度。例如,一款协助用户完结重要任务的运用应该运用不易察觉且不有目共睹的图形、标准化控件和可预知的交互行为然后让用户保持专心。反之而言,一款沉浸式体验的运用(比方游戏),就需求吸引人的视觉表象,在鼓励用户探究的一起带来无穷的乐趣和刺激。

共同性(Consistency)

一款内部共同的运用能够贯彻相同的标准和标准:运用体系供给的界面元素、风格统一(众所周知)的图标、标准的字体样式和共同的遣词。运用所包括的特征和交互行为是契合用户心思预期的。

直接操作(Direct Manipulation)

对屏幕上的目标直接操作(而不是经过一堆控件)能够提升用户的参加度并有助于了解。直接操作指包括用户旋转设备或许运用手势操控屏幕上的目标。经过直接操作,他们的交互行为能够得到即时可视的反应。

反应(Feedback)

反应认证交互行为,呈现成果,并告诉用户。体系自带的iOS运用对每一个用户行为都供给了明确的反应。可交互的元素被点击时会被暂时高亮,进展指示器(progress indicator)显示了需求长期运转的操作的进展,动效和声响加强了对行为成果的提示。

隐喻(Metaphors)

当一个运用的虚拟目标和行为与用户了解的体验类似时——无论这种体验是来源于现实生活或是数字国际,用户就能更快速地学会使这款运用。隐喻在iOS中能够起作用是因为用户与屏幕进行物理上的交互。他们经过将视图移出屏幕来显示下方的内容,他们拖曳(drag)和滑动(swipe)目标,他们拨动(toggle)开关,移动(move)滑块,翻滚(scroll)数值选择器,他们乃至经过轻扫(flick)来翻阅书籍和杂志。

用户操控(User control)

在iOS内部,是用户——而不是运用——在操控。运用能够对一系列用户行为供给建议,或对或许造成严重后果的行为宣布警告,但不应该替用户做决议。好的运用会在让用户主导和避免不想要的成果中找到平衡。为了让用户感觉到是他们在操控,运用应该运用了解且可预知的交互元素,让用户二次确定有破坏性的行为,并且让即便在运行中的操作也能够被轻易取消。

1.2 iOS 10 新特征介绍

在iOS 10,你能够创造前所未有的更强大的运用。当你阅读这些新改变并在思考他们将怎么协助你的运用时,请特别关注规划攻略。

1.jpg

查找屏幕和主屏幕的窗口控件(widget)

Widget 供给即时且有用的信息,或是运用特有的一些无需打开应有就能运用的功用。在过去,用户在音讯中心增加widgets当作快速入口。现在,用户在查找屏幕增加widgets,用户可经过在主屏或是锁屏右滑进入查找屏幕。你也能够在主屏经过3D Touch触发的某个运用的方便操作菜单(quick action list)上方增加widget。Widget的规划和交互方式也改变了。请注意更新你现有的规划。

2.jpg

与Messages的联动

运用能够经过执行一种出现在对话下方的messaging插件让用户与朋友共享来自该运用的内容。运用能够经过Message共享文字,图片,视频,贴纸,乃至可交互的内容,比如信息内的游戏。

3 .jpg

与Siri的联动

运用能够与Siri联动,然后让用户运用声响来执行相应的运用操作,比如打电话、发短信和开始锻炼。

4.jpg

可拓展的告诉栏

你能够经过拓展概况视图来强化你的告诉栏,用户能够在未锁屏状态下经过3D Touch功用点击或是下滑你的告诉来打开拓展视图。运用这种视图能够让用户快速阅读更多信息,并答应他们在不离开当时界面的情况下对该音讯进行快速操作。

1.3 界面根本元素

大多数的iOS运用运用了来自UIKit的部件,这是一个界说了根本界面元素的编程结构。这个结构让各种运用在视觉上到达共同的一起还供给了高度的个性化。UIKit元素是灵敏且常见的。它们是可适配的,让你能够规划一个在任何iOS设备上都看起来很棒的运用,并且能够在体系发布新版本的时分自动更新。由UIKit供给的界面元素能够分为以下三种:

栏:

告知用户现在在运用的哪里,供给导航,并且还或许包括按钮或许其它用来触发功用和交流信息的元素。

视图:

包括用户在运用内关注的信息,例如文本、图形、动画和交互元素。视图允例如翻滚、插入、删除和排列之类的行为。

控件:

触发功用和传递信息。控件包括按钮、开关、输入框和进展指示器。

为了进一步界说iOS界面,UIKit规则了你的运用能够选用的功用。经过这个结构,你的运用能够对触摸屏上的手势作出应答,还能够包括一些例如绘画、辅助和打印的功用。

iOS也和其他编程结构和技能紧密结合,比如Apple Pay、HealthKit 和ResearcKit, 它协助你规划出一个强大地惊人的运用。iOS 10 的人机界面指南为我们奠定了以用户为中心的设计基石。其倡导的清晰、遵从与深度的原则,以及栏、视图、控件的规范运用,至今仍是构建优秀iOS应用体验的核心。