【尝鲜】iOS15设计的几个细节

子牧UXD

共 1521字,需浏览 4分钟

 · 2021-06-10

   2021年 原创总第 17 篇   
   距离年度目标36篇    还有 19 篇   

(全文1132字,预计阅读时间:3分钟)

北京时间6月8日凌晨,iOS15 开发者测试版正式对外发布。更新内容主要是系统自带App的优化升级,并没有之前传闻的图标系统和控制中心的升级。

总的来说变化不大,网络上功能层面的介绍文章已经铺天盖地了,我们从设计层面来了解下升级的细节。

1、圆角卡片化推广应用

去年发布的MacOS BigSur 中加入了较多的圆角设计,例如桌面Dock栏、应用程序图标,通知中心也变成了卡片式的小组件。

顺应趋势,今天发布的iOS15中,圆角卡片的应用也是越来越多。例如消息提醒从通栏卡片变为了圆角悬浮卡片,与iOS14 的来电提醒风格保持一致。

系统设置中的列表式菜单同样调整为了圆角卡片风格。相对而言,圆角卡片让用户视线更聚,信息空间感更强

不知道是系统bug还是设计效果,二级菜单中标题栏取消了背景色,与页面内容混为一体。

2、天气App

天气App变化较大,增加了更多的天气信息,并对内容重新整合,采用了卡片方式分组展示,边界更加清晰、结构性更强。另外天气状态调整到了实时温度下方,增加了温度单位,数据展现更加严谨。

未来10天的预报增加了图形化展现方式,加大了视觉元素间距,温度排序改为低温到高温的顺序,更加符合用户的正常阅读和认知习惯。

图形化的展示形式方便了用户比较温度,例如用户想要了解未来10天最高、最低温度时,可以更快的识别定位。

卡片信息增加了标题栏,有助于用户了解每项指标的含义,并且在上下滚动时增加了吸顶设计。

3、消息通知

消息通知去掉了应用名称,增大了App图标。类似于微信消息列表的设计,不过我个人更喜欢iOS14的设计方式。

另外同一应用多条消息时,去除了消息数量的展示,内容更加聚焦于消息本身。毕竟具体的消息数量对用户没有太多价值,只要通过叠加图形传递给用户有多条信息隐藏即可。

看到发布会的截图,我猜测App图标增大的目的,或许更多是为了满足iMessage 用户通过头像快速区分联系人的需要。

以上就是iOS15 系统的设计层面的内容总结,欢迎在评论区交流~

(友情提示:iOS15目前是开发者测试版,暂时不稳定,可能存在大量 Bug,尝鲜之前请务必提前备份数据)。

目前iPhone 8P 存在网络不稳定,断网等问题。

—— THE END —
🌈🌈🌈 粉丝福利:
1、大家点个“在看”,然后在【子牧UXD】公众号后台,回复“行业报告”即可免费领取100+篇精选行业报告
2、我们组织了专业的产品/交互/UI设计交流群,群内有来自多位华为、阿里、百度、拼多多、腾讯、快手、美团等一线大厂的设计专家,欢迎入群一起交流成长。
3、扫描下方二维码添加小编微信,即可拉你进群。
「4900+」读者共同成长


阅读推荐 》》

关于卡片设计的分析与思考

2020-06-17

引导设计中的体验思考

2020-11-30

设计心理学系列(01)——损失厌恶

2021-04-08

如何建立产品设计中的“安全感”

2021-06-01

“体验设计师”,你的价值到底是什么?

2021-03-31


点下“看”,爱心发射
浏览 24
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报