诺基亚主题模式|深色模式:你说的黑是什么黑( 四 )


诺基亚主题模式|深色模式:你说的黑是什么黑

定义各个容器的高度 , 并将各个高度的容器赋予统一的底色 。
在定义了大规则后 , 就可以输出给开发正式动工了 。


3. 梳理所需的模块 , 并输出所有的一级页面由于不是所有的规则都是统一的 , 因此还是需要同步的输出很多典型的页面 , 这个输出页面量大概是50+多个;但是由于在前期刷了组件 , 因此在这步并不太需要单独去考虑每单个界面 , 大概拼凑一下组件 , 遇到问题单独处理就O百思特网K 。
诺基亚主题模式|深色模式:你说的黑是什么黑



4. 通过持续的交付体验 , 补充需要的资源由于深色模式涉及的页面众多 , 状况也比较多 。有些比较深的页面 , 可能没有走查到;因此可以建立一份腾讯文档 , 日常体验过程中遇到的任何问题 , 可以在文档中记录 , 并且由开发哥实时更新优化情况 。
诺基亚主题模式|深色模式:你说的黑是什么黑



四、工程师视角的深色模式深色模式中 , 为了深色模式的落地 , 开发哥给了非常大的支持;我们采访了腾讯高级工程师Gemi , 聊聊开发视角的深色模式的适配 。


1. 深色模式的适配中 , 希望得到设计师的输出顺序是怎么样的?在这个项目中 , 首先希望还是能得到一些最大的规则性的东西 , 例如导航栏是怎么变的 , 哪些控件是怎么变的 , 颜色都是怎么变的 , 这样我们可以先开始工作;这样可以完成大部分的页面 , 等设计师给出了然后再去对照一个个页面 , 再对一些特殊情况做特殊处理 。
2. 开发层面 , 有什么前期的好习惯 , 会更加有利于后期做深色模式的适配呢?
首先 , 希望在设计上尽量使用统一的规范;因为在前期设计师给到适配规范的时候 , 开始刷界面是比较快的 , 但是会发现有很多界面覆盖不到;这是由于前期设计用了太复杂的逻辑 , 或者做了特殊逻辑;这种情况就需要个页面单独处理 , 这个过程比较费时 。
另外 , 因为微云在前期用了很多iOS的原生控件 , 这类控件在适配的时候可以直接适配 , 不需要做其他额外的工作 。
使用原生控件的好处就是——苹果会替你思考很多问题 , 节约很多后期的工作量;如果前期有定义色板 , 并且这个规则比较科学的话 , 那仅仅靠修改色板就可以解决很多问题 。


3. 为了使开发者快速兼容深色模式 , 苹果有做什么方便开发者的事情?我感受到的最直观的2件事情:
第一件事情是图片资源的支持了深色模式:Xcode支持在原有的图片资源基础上 , 附加一个深色模式的图片资源 , 就好像2倍图和3倍图;只要直接把深色模式图片的资源拖入就行 , 并没有额外的工作量 。
第二件事情是颜色:比如说白色 , 你可以指定这个白色在深色模式下直接变成黑色;如果产品体量不大可以考虑这个快速适配的能力 , 不过这个功能在比较复杂的产品中不太好用 , 因为白色可能在深色模式下对应着不同的黑 , 这个时候还是色板最稳妥 。


五、结语本文主要分4个部分:
第一章:聊了聊深色模式的历史;
第二章:讨论了今天不同的用户对深色模式不同的期待 , 以及世界上OS大厂的站队;
第三章:介绍了微云App在10月份的更新 , 适配深色模式的心路历程;
第四章:谈了一下开发视角的深色模式适配 。
在苹果等操作系统大厂的推动下 , 加上业界对深色模式一通操作和讨论之后 , 众多App兼容了深色模式 。