【UI进阶】-iOS 深色模式的介绍图文教程
作者:huke88发布时间:2021年12月27日 08:00

虎课网为您提供字体设计版块下的【UI进阶】-iOS 深色模式的介绍图文教程,本篇教程使用软件为无,难度等级为中级拔高,下面开始学习这节课的内容吧!



本篇教程讲 iOS 深色模式的介绍,喜欢的一起来学习吧!



那就开始今天的课程吧。


1.深色模式是手机系统提供的一种以深色背景、环境为主题的主体样式,可以供用户自行选择色彩类型。除了UI系统本身的变更以外,进行了深色模式适配的应用也会切换到深色主体中。

2.深色模式对夜间看电子设备有一定的好处,但并不仅仅是夜间模式。尼特是亮度术语,尼特值越高在户外白天环境中屏幕内容越清晰。

3.官方的深色模式是使用黑色文字,导致黑白对比度非常高,所以官方模式不是对夜间观看有100%的加持,设计时可以不遵照深夜模式的设计规范。

4.官方规范中自带色彩提供2个版本,同一颜色在深色模式下有微调。颜色微调让色彩在深色模式下与正常模式下色彩看起来一致。

5.中性色(灰色)苹果也进行比较细致的分级,对背景的应用定义了三个叠加层次。

6.文字在深色浅色模式的使用下定义了四种颜色深度,效果如下图所示。文本中越重要的文字,对比度越高。

7.UI设计中,文字颜色层级过多会导致画面混乱,要减少正色模式下文字使用颜色数量,深色模式文字颜色数量也会减少。

8.深色模式下投影无法正常显示,所以只对卡片背景色进行调整。

9.Material卡片是iOS质感的应用方式之一,即毛玻璃效果,深色模式下,毛玻璃效果有4种模糊强度来完成。

10.规范内容适用于官方组件,自定义组件要发挥主观能动性来调整。在深色模式下要额外调整,不能直接照搬。

11.本节课程结束,谢谢大家,下节课再见。


以上就是【UI进阶】-iOS 深色模式的介绍图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!


特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,154
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证