加入收藏 | 设为首页 | 会员中心 | 我要投稿 东莞站长网 (https://www.0769zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长资讯 > 评论 > 正文

iOS 13 发布后,我整理了这份苹果人机设计指南更新内容

发布时间:2019-06-13 08:35:48 所属栏目:评论 来源:龙爪槐守望者
导读:副标题#e# 苹果在6月4日凌晨 WWDC(Worldwide Developers Conference 苹果全球开发者大会)公布 iOS 13 之后,随即提供 iOS 13 的 Sketch UI 模板,Human Interface Guidelines(界面设计指南)内容也有很多更新。 iOS 13官方Sketch UI文件下载 大家可以在 http

如果使用某个具体的 RGB 色值进行界面设计,当用户使用深色模式或者残疾人打开了无障碍模式后,原来的颜色可能变得丑或者残疾人看不清楚。而 System Color 提供的颜色会在深色模式和无障碍模式下自动改为合适的色值,让颜色在这些特殊模式下更舒适和清晰。

iOS 13 发布后,我整理了这份苹果人机设计指南更新内容

△ 系统颜色自带深色模式和无障碍下的变体

Dynamic System Color 可以为某类控件定义一组颜色,以自动适应明亮模式和深色模式。例如给标题设置一组颜色,那么整个 App 的所有标题明亮模式时都是同一种颜色,切换到深色模式后颜色都会变成另一种颜色。

新增卡片风格的模态

提起模态,最常见的是界面中间弹出一个对话框。

iOS 13 发布后,我整理了这份苹果人机设计指南更新内容

△ Alert对话框

或者全屏的模态,通过导航栏的取消或完成按钮退出模态。

iOS 13 发布后,我整理了这份苹果人机设计指南更新内容

△ 全屏的Modal View

其实在 iOS 13 之前,系统邮件 App 还提供介于对话框和全屏模态之间的模态样式,这种模态卡片既占据非常大的屏幕空间,又能通过卡片顶部隐约看到原来页面的导航栏,让用户意识到模态与之前页面的关系。iOS 13 更新后,卡片风格的模态被正式写入到 iOS 设计指南中,相信以后会有越来越多的 App 采用这种风格。

iOS 13 发布后,我整理了这份苹果人机设计指南更新内容

△ 卡片风格的模态

大标题导航栏可隐藏底部边框

隐藏大标题导航栏底部边框线,让标题和内容联系更紧密,当然如果滚动的时候底部边框线还是会显示的,否则就分不清导航栏和内容的边界了。

iOS 13 发布后,我整理了这份苹果人机设计指南更新内容
△ iOS 12对比iOS 13大标题导航栏

(编辑:东莞站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读