iOS人机界面准则

成都/产品设计师/5年前/679浏览
iOS人机界面准则
忻芸

iOS设计主题/macOS设计主题/tvOS设计主题/watchOS设计主题/设计原则

iOS设计主题

作为应用程序设计师,您有机会提供非凡的产品,该产品升至App Store榜首。为此,您需要在质量和功能上达到很高的期望。


iOS与其他平台的三个主要主题不同:


  • 明晰。在整个系统中,各种大小的文字都清晰易读,图标精确而清晰,装饰物微妙而恰当,对功能的高度关注激发了设计的灵感。负空间,颜色,字体,图形和界面元素巧妙地突出了重要内容并传达了交互性。


  • 尊敬。流畅的动作和清晰美观的界面可帮助人们理解内容并与之互动,而从未与之竞争。内容通常会填满整个屏幕,而半透明和模糊通常会暗示更多内容。最少使用边框,渐变色和阴影可以保持界面明亮通风,同时确保内容至关重要。


  • 深度。独特的视觉层和逼真的动作传达了层次感,赋予了生命力并促进了理解。触摸和可发现性增强了人们的愉悦感,使他们能够访问功能和其他内容而不会丢失上下文。当您浏览内容时,过渡会提供一种深度感。



设计原则

为了最大限度地提高影响力和影响范围,请在想象应用程序的身份时牢记以下原则。


审美完整性

审美完整性表示应用程序的外观和行为与其功能的集成程度。例如,可以帮助人们执行重要任务的应用程序可以通过使用微妙,醒目的图形,标准控件和可预测的行为来使他们专注。另一方面,沉浸式应用程序(例如游戏)可以提供引人入胜的外观,保证乐趣和刺激,同时鼓励发现。


一致性

一致的应用程序通过使用系统提供的界面元素,知名的图标,标准的文本样式和统一的术语来实现熟悉的标准和范例。该应用程序以人们期望的方式结合了功能和行为。


直接操纵

屏幕内容的直接操作可以吸引人们并促进理解。用户在旋转设备或使用手势影响屏幕上的内容时会经历直接的操作。通过直接操作,他们可以看到其操作的直接可见结果。


反馈

反馈确认行动并显示结果以使人们保持了解情况。内置的iOS应用程序可响应每个用户操作提供可感知的反馈。轻触时,交互式元素将突出显示,进度指示器传达长时间运行的操作的状态,动画和声音有助于阐明操作的结果。


隐喻

当应用程序的虚拟对象和动作是扎根于真实或数字世界的隐喻时,人们会更快地学习。隐喻在iOS中可以很好地工作,因为人们可以与屏幕进行物理交互。他们将视图移开以隐藏下面的内容。他们拖动和滑动内容。它们切换开关,移动滑块并滚动选择器值。他们甚至浏览书籍和杂志的页面。


用户控制

在整个iOS中,人们(而不是应用程序)处于控制之中。应用程序可以建议采取行动或警告危险后果,但通常由应用程序接管决策是错误的。最好的应用可以在使用户受益与避免不必要的结果之间找到适当的平衡。应用程序可以使人们熟悉和可预测的交互元素,确认破坏性的动作,并使其易于取消操作(即使他们已经在进行中),从而使人们感到自己处于控制之下。


macOS设计主题

四个主要主题将macOS应用程序与iOS,tvOS和watchOS应用程序区分开。当您想象应用程序的身份时,请牢记这些主题。


灵活

人们期望macOS应用程序直观,同时通过自定义和灵活性来适应其工作流程。许多应用程序提供可配置的首选项,可自定义的界面以及完成任务的其他方式。Windows通常可以调整大小,界面元素可以隐藏或重新放置。可以从工具栏,菜单,控件,键盘快捷键,触摸栏,辅助功能等启动任务。灵活的应用程序通过可发现性促进学习。


膨胀的

大型高分辨率显示器是大多数Mac用户的典型选择,人们通常通过连接其他显示器来扩展工作空间。应用程序可以利用广泛的界面组件(例如选项卡,侧边栏,工作表和面板)并支持沉浸式功能(例如全屏模式)来利用这种扩展性并提供价值。


Mac在硬件和软件方面都非常强大。应用程序可以利用此功能来提供广泛的功能和工作流程,以满足各种简单,高级和特殊用户的需求。


专心

macOS旨在保持当前任务的清晰性和重点。视觉对比度,半透明性和较大的阴影使其易于区分活动窗口和非活动窗口。界面遵循内容和相关控件。在整个系统中,装饰都是微妙而恰当的。


tvOS设计主题

苹果产品以将人们与内容联系在一起而闻名。即使不是手持或触摸的设备,Apple TV也会产生这种连接感。在许多家庭中,Apple TV坐在客厅中,使人们聚在一起娱乐和交谈。


Apple TV是具有独特设计要求的独特平台。无论您是在开发游戏,流媒体应用程序还是家庭实用程序,请在构想应用程序标识时牢记以下原则。


连接的

Siri Remote使人们可以通过流畅,熟悉的手势(挥动手腕,轻击,轻扫和单击)与整个房间中的内容进行交互。利用遥控器的触摸屏,加速度计和陀螺仪,以令人愉悦和引人入胜的方式将人们与您的内容联系起来。


明确

Apple TV应用程序应自然而直观。用户应本能地知道该怎么做以及他们始终在哪里。使用提供的布局网格,使文本清晰易读,并避免不必要的视觉装饰使界面混乱。

Apple TV使用聚焦模型进行导航。人们使用遥控器在诸如电影海报,应用程序或按钮之类的界面元素之间移动,以突出显示每一个出现的项目。当用户突出显示项目但未单击该项目时,该元素被视为已聚焦或已聚焦。当焦点对准物体时,请保持清晰。实现预期的按钮行为,以免在导航过程中迷路-单击遥控器上的某个项目可以使您更深入地了解应用程序的层次结构,而按Menu则始终可以使您返回。


沉浸式

精美,逼真的艺术品将人们带入丰富的电影体验。专注于某段内容可以提升内容,并且遥控器的触摸表面使您感觉就像在触摸屏幕一样,就像在iOS设备上一样。整个系统都使用声音来增强视觉体验。力求通过引人入胜的内容,细腻而流畅的动画,令人敬畏的图像以及迷人的音频,让您沉浸其中。


watchOS设计主题

在设计watchOS应用程序时,请了解Apple Watch本身的设计基础:


  • 轻量级的互动。Apple Watch专为快速交互而设计,可充分利用显示屏及其在用户手腕上的位置。信息快速简便地访问和消除。最好的应用程序支持快速交互,并专注于用户最关心的内容。


  • 整体设计。 Apple Watch旨在模糊设备和软件之间的界限。例如,Force Touch和Digital Crown可让用户与屏幕上的内容无缝交互。您自己的应用程序应增强用户对硬件和软件不可区分的认识。


  • 个人交流。由于Apple Watch设计为可穿戴,因此其UI会根据用户的存在进行调整。没有其他Apple设备与用户如此紧密地连接。在设计过程中请注意这种连接。


设计出色的应用程序需要一种专注的方法。与Apple Watch的互动以秒为单位进行衡量,因此您的应用必须快速向用户提供基本信息。三个主要主题定义了采用的设计方法。


一目了然

可浏览的应用程序可将最重要的信息随时提供给用户。互动发生的时间很短,因此应用必须预先传达最重要的信息,并清晰,无干扰地传达这些信息。一览无余还意味着保持应用程序快照的最新状态,以便Dock始终显示当前信息。可浏览的应用程序很复杂,可以直接从表盘提供用户信息,它使用自定义的通知界面来最大化通知内容的可扫描性。


可行的

可行的应用程序会记住它们提供给用户的信息。可操作的应用程序通过确保屏幕上的内容始终是最新且相关的,来预期用户的需求。它利用机会来更新其界面,利用后台时间来获取新数据,更新其复杂性或刷新其快照。它提供了一个复杂功能,因此用户可以轻松访问该应用程序。它的自定义通知界面包括无需打开应用程序即可处理常见任务的自定义操作。


反应灵敏

与您的应用的互动应该很快。响应式应用程序带来了麻烦,并使其快照保持最新。它最大程度地减少了启动和加载新屏幕所需的时间。它使用有关应用程序将要执行的即时反馈来响应用户交互,然后使用通知稍后提供进度更新。




iOS设计官⽅方⽹网站:

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/


iOS设计资源下载:


https://developer.apple.com/design/resources/


iOS各尺⼨寸对照表:

https://help.apple.com/app-store-connect/#/devd274dd925


各种 Android 机型:

https://material.io/devices/


Material Design 中⽂文版

https://material.io/


5
阅读原文
|
Report
|
12
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
UI原则
UI原则
UI原则
UI原则
作品收藏夹
设计理论
设计理论
设计理论
设计理论
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in