返回

iOS 设计规范

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

动效展示

酸梅干超人 编辑于 2024-02-0111人正在学
00

在所有平台中,美观流畅的动效赋予界面活力,从而传达状态、提供反馈和指示,以及丰富视觉体验。

很多系统组件本身包含动效,让你在整个 App 或游戏中提供熟悉且一致的体验。如果设计自定义动效,请优先选择有意义的动效,以帮助用户确定自身位置和看起来舒适,提供清晰的反馈来响应其操作,以及帮助其了解界面以免不知所措。


应用指南

  • 使用巧妙的动效进行传达。动效是通过展示事物如何变化、用户执行操作时会发生什么情况以及其下一步可执行什么操作来增强反馈和理解的绝佳方式。
  • 有目的地添加动效,让其在不妨碍体验的同时提供支持。
  • 动效设为可选,避免将动效用作传达重要信息的唯一方式。
  • 尽量保持动效的真实感和可信度。在非游戏类 App 中,准确真实的动效可帮助用户理解运作原理,但无意义或似乎违背物理定律的动效会让其感到混乱。例如,如果用户通过从顶部向下滑动显示视图,他们不会期望通过将视图滑到一侧来进行关闭。
  • 优先使用简短、精确的动画。例如,当用户在 iPhone 上的“天气”中轻点列表按钮时,当前城市的全屏视图会快速过渡到列表视图,并精确找到该城市在列表中的位置。
  • 通常避免在频繁出现的交互中添加动效
  • 在可以的情况下,考虑使用具有动效的符号。使用 SF Symbols 5 或更高版本时,你可以将动效应用到 SF Symbols或自定义符号。
点赞
收藏
学会
16770011
下一篇: 深色模式
深色模式是一种系统范围的外观设置,使用深色配色表为低光环境提供舒适的浏览体验。 在 iOS、iPadOS、macOS 和 tvOS 中,人们通常会选择暗色模式作为默认界面风格,他们通常希望所有应用程序和游戏都能尊重他们的偏好。在深色模式下,系统会对所有屏幕、视图、菜单和控件使用深色调,还可能使用更大...
笔记 (0)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞