全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  详情

如何为Apple iOS设计动态岛?

来源:千锋教育
发布人:qyf
2023-02-21

推荐

在线提问>>

  Dynamic Island 是自 2022 年 9 月 iPhone 14 系列推出以来在 iPhone 屏幕最上方推出的新型药丸状切口。它围绕着 FaceID 传感器和前置摄像头,用户可以查看实时活动并与之互动在 Dynamic Island 中,如果已经为它设计了应用程序。

  本文提供了有关在为 iOS 应用程序设计动态岛时需要注意的事项的快速指南。

  如何设计动态岛

  ●定义使用动态岛的目的

  ●紧凑视图设计,最小视图扩展视图

  ●严格遵守规格和利润率

  ●让用户控制动态岛

  ●不要忘记用户体验和可访问性

  ●从在线资源中学习

  1.明确使用动态岛的目的

  实时活动用于显示来自应用程序的最新信息。它允许用户一目了然地跟踪任务的进度。

  在为现场活动设计之前,评估您的用户是否会从中受益。如果您的用户需要频繁更新他们正在执行的时间敏感任务,您可以考虑通过 Dynamic Island 向您的用户提供任务更新。

  应如何使用动态岛的示例:

  ●您的优步出租车到达门口或目的地的剩余时间

  ●您的 DoorDash 交付状态

  ●录音定时器

  ●与健身追踪器互动

  ●文件下载或更新的剩余时间

  2.紧凑视图设计,最小视图扩展视图

  一旦决定使用动态岛,请熟悉以下三种现场活动演示并开始设计:

  精简视图

  当只有一项实时活动时显示:

  TRAILING SIDE

  LEADING SIDE

图片 1

  最小的

  当有两个现场活动时显示:

  TRAILING (DETACHED)

  LEADING (ATTACHED)

图片 2

  展开

  单击紧凑视图或最小视图时显示:

图片 3

  资料来源:apple.com

  3.严格遵守规格和利润率

  动态岛目前仅支持 Apple iPhone 14 Pro 和 14 Pro Max。以下是动态岛和现场活动的维度:

1

  4.让用户控制动态岛

  现场活动应该是用户之前与您的应用互动的结果。例如,一旦您在外卖应用程序上确认预订,就可以触发实时活动以指示食物到达的剩余时间。

  当实时活动被触发时,通过在用户点击实时活动后将用户引导至应用程序中的正确页面,始终让用户知道您的实时活动正在发生什么。如果用户想在任务结束前结束实时活动,他们应该可以选择这样做。

  然而,由于某些用户可能会选择在他们的 iPhone 设置中禁用实时活动(是的,iOS 允许用户这样做),您的应用在触发任何实时活动时应考虑到这一点。

  5. 不要忘记用户体验和可访问性

  在决定是否使用动态孤岛功能之前,重要的是进行用户研究以了解用户的需求并收集信息。

  一旦您决定实施现场活动,请进行可用性测试,以便在正式推出之前与您的用户一起测试新功能。

  另外,不要忘记现场活动的可访问性,例如

  ●支持深色模式

  ●实时活动之间以及与您现有应用程序设计一致的设计和布局

  ●对比色(浅色背景上的深色文字或深色背景上的浅色文字)

相关文章

如何为Apple iOS设计动态岛?

成为UI设计师需要具备哪些技能?

用户体验设计师做什么的?

设计的6大要素是什么?

Java项目中到底该怎么使用线程池?

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取