返回

iOS 设计规范

#设计知识
#知识库
3%
进度
0/5
知识点
0
笔记
概述
iOS 18 最新更新内容
控件(快速访问)
App 启动图标
小组件
iOS 设计基础
界面布局
文字排版应用
文案编写
颜色使用
图标使用
App 启动图标
SF Symbol 图标库
图像展示
材质效果
动效展示
深色模式
品牌化设计
包容性设计
无障碍化设计
从右到左的语言适配
隐私保护
iOS 设计模式
数据图表
协作与共享
拖拽操作
输入方式
反馈设计
文件管理
进入全屏
启动页设计
载入设计
个人账户管理
发送通知
模态化设计
多任务处理
提供帮助
用户引导
播放音频
触感反馈
播放视频
打印
评分和评论
搜索设计
设置管理
撤销和恢复
iOS 设计组件
内容展示
布局和组织
菜单和操作
导览和搜索
呈现方式
选择和输入
状态示意
系统体验
iOS 输出方式
操作按钮
手势控制
陀螺仪和速度传感器
iOS 技术参考
Airplay
Apple Pay
HealthKit
iCloud
App内购买
实况照片
地图功能
照片编辑

控件(快速访问)

UX百科编辑部 编辑于 2024-06-1110人正在学
20
控制中心控件的局部截屏,例如飞行模式开关、Wi-Fi 开关和隔空播放按钮。图像呈红色,以巧妙地反映原始六色 Apple 标志中的红色。

iOS 和 iPadOS 中的控件可让用户从控制中心、锁定屏幕或操作按钮快速访问 App 功能。

从 iOS 18 和 iPadOS 18 开始,控件以按钮或开关形式出现,可让用户从系统其他区域快速访问 App 功能。

控件按钮可执行操作、关联至 App 特定区域,或启动锁定设备上的相机体验。控件开关在两种状态间切换,例如打开和关闭。

用户可以按住控制中心空白区域将控件添加到控制中心、自定义锁定屏幕将控件添加到锁定屏幕,以及在“设置” App 中配置操作按钮将控件添加到操作按钮

更多细节

控件可包含符号图像、标题和值(可选)。符号直观表示控件功能,可以是 SF 符号,也可以是自定义符号。标题描述控件与什么相关,值表示控件的状态。例如,标题可显示房间中灯的名称,而值可显示灯处于打开还是关闭状态。

示意图显示用于开关落地灯的控件开关的符号图像放置位置、标题和值。

控件基于其出现位置以不同方式显示信息。

  • 在控制中心内,控件会以较大尺寸显示其符号、标题和值。
  • 在锁定屏幕上,控件会显示其符号。
  • 在 iPhone 设备上,当控件分配到操作按钮时,按住控件会在灵动岛中显示控件符号及其值(若有)。

应用指南

选择最有价值的功能,让用户无需启动 App就可以使用。例如,从控件启动实时活动可形成轻松、无缝的使用体验,让用户无需导览至 App 获取更新,即可得知当前进度。

当用户与控件交互和操作完成时再更新控件,或通过推送通知远程更新。更新控件内容以准确反映状态并显示操作是否仍在进行中。

正确使用控件展示符号。取决于用户将控件添加到的位置,控件可能不会显示标题和值,因此符号需要充分体现有关控件操作的信息。对于控件开关,提供表示打开和关闭状态的符号。例如,使用 door.garage.open 和 door.garage.closed SF 符号表示打开和关闭车库门的控件。

使用动画高亮状态更改。对于控件开关,为打开和关闭状态之间的过渡添加动画。对于包含时长操作的控件按钮,在操作执行时使用无限时动画,在操作完成时停止动画。

选择与 App 品牌契合的色调。系统会将此色调应用至处于打开状态的控件开关符号。用户使用操作按钮执行控件操作时,系统也会使用此色调在灵动岛中显示值和符号。

帮助用户提供系统执行操作所需的额外信息。用户可能需要配置控件执行预期操作,例如,选择屋内要开关的特定灯。如果控件需要配置,请在用户首次添加时提示其完成此步骤。用户可随时重新配置控件。

控件配置的表现形式,显示操作标签、App 名称、App <a href=图标以及能够将选项设为所选值。" width="258" height="122"/>

操作按钮提供提示文本。用户按下操作按钮时,系统会显示提示文本,帮助用户了解按住时将执行的操作。用户按住操作按钮时,系统会执行所配置的操作。使用动词构建提示文本。

如果控件标题或值可能变化,请包括占位符。当标题和值基于上下文时,占位符信息可告知用户控件执行的操作。当用户调出控制中心或锁定屏幕中的控件库并选取控件,或者将控件分配给操作按钮时,系统会显示此类信息。

设备锁定时,隐藏敏感信息。设备锁定时,考虑让系统编校标题和值以隐藏个人信息或安全性相关信息。指定系统是否还需要编校符号状态。如果指定,系统会编校标题和值,并显示处于关闭状态的符号。

对影响安全的操作要求认证。例如,要求用户解锁设备才能访问锁门、开门或启动车辆的控件。

快速开启相机功能

如果 App 支持相机拍摄,从 iOS 18 开始,你可以创建在设备锁定时直接启动进入 App 相机体验的控件。对于拍摄外的其他任务,用户必须认证并解锁设备才能在 App 中完成任务。

在 App 和相机体验中使用相同的相机用户界面。共享用户界面会充分利用用户对 App 的熟悉程度。通过使用相同用户界面,当用户拍摄内容并轻点按钮执行额外任务(例如发布到社交网络或编辑照片)时,可无缝过渡到 App。

为添加控件提供说明。帮助用户了解如何添加启动此相机体验的控件。

点赞
收藏
学会
6112010
下一篇: App 启动图标
一个独特、好记的图标可传达你 App 或游戏的用途和个性,还可帮助用户在 App Store 及其设备上一眼识别你的产品。 精美的 App 图标在 Apple 所有平台上都是用户体验的重要组成部分,对于每个 App 和游戏都不可或缺。 每个平台都为 App 图标定义了略微不同的轮廓,因此你不妨创作一...
笔记 (1)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞