iPhone 14 Pro灵动岛详细UI笔记

iPhone 14 Pro灵动岛详细UI笔记


以下会列举目前苹果自带应用在灵动岛的UI显示,灵动岛支持长按、点按、轻扫的交互手势


电话

左侧显示通话状态,右侧显示波纹。对方语音以绿色波纹显示,自己的声音用橙色显示

iPhone 14 Pro灵动岛-电话

音乐

左侧显示封面,右侧显示波纹。右侧波纹颜色取决于封面颜色,复合取色

iPhone 14 Pro灵动岛-音乐UI

iPhone 14 Pro灵动岛-音乐UI


计时器

左侧显示计时器图标,右侧显示剩余时间,

iPhone 14 Pro灵动岛-计时器UI

iPhone 14 Pro灵动岛-计时器UI

导航

左侧显示下个路口转弯方向

iPhone 14 Pro灵动岛-导航UI

iPhone 14 Pro灵动岛-导航UI

录音

左侧显示录音波纹,右侧显示录音时长

iPhone 14 Pro灵动岛-录音UI

FaceID

中间显示录入信息和解锁的小笑脸

iPhone 14 Pro灵动岛-FaceID UI

解锁

左侧是锁定状态,右侧是解锁过程

iPhone 14 Pro灵动岛-UI

声音和触感

iPhone 14 Pro灵动岛-UI

Airdrop

显示接收进度

iPhone 14 Pro灵动岛-UI

Airpods

显示接收状态

iPhone 14 Pro灵动岛-UI

iPhone 14 Pro灵动岛-UI

充电

iPhone 14 Pro灵动岛-UI


灵动岛可最多同时支持两个应用伴随,iPhone会将应用分配默认等级,等级越高的应用显示在左侧



音乐和计时器

音乐的等级更高显示在左侧

iPhone 14 Pro灵动岛-UI

音乐和导航 

导航等级更高,导航显示在左侧

iPhone 14 Pro灵动岛-UI

导航和电话

电话等级更高,显示在左侧

iPhone 14 Pro灵动岛-UI

隐私提醒

应用调用镜头或麦克风时,灵动岛通过绿色光点和橙色光点提醒用户保护隐私

iPhone 14 Pro灵动岛-UI


深色模式

灵动岛会有描边,描边颜色与应用颜色保持一致,音乐应用的描边会与封面颜色保持一致

iPhone 14 Pro灵动岛-UI

iPhone 14 Pro灵动岛-UI



该笔记资料取自:https://www.youtube.com/watch?v=7bFla3F5vOw


标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作