免费下载 | 极致酷黑!优酷“暗黑模式”的技术实现

《优酷 APP 全量支持“暗黑模式” ——设计与技术完整总结》现已发布!设计理念+技术架构+改造实践,全方位解读暗黑模式的技术实现。

>> 点击这里即可免费获取电子书 <<

免费下载 | 极致酷黑!优酷“暗黑模式”的技术实现

一、缘起

优酷主客从20191125版本开始,Android和iOS双端均已全量支持“暗黑模式”。随着iOS 13和Android 10的正式发布,一个名词“暗黑模式(Dark Mode)”逐渐走入了大家的视野。各大App都将暗黑模式的适配列入了开发日程,舆情上用户们对暗黑模式支持的呼声也非常的高。优酷主客也顺应时势,启动了相应的技术预研。

免费下载 | 极致酷黑!优酷“暗黑模式”的技术实现

从2019年11月开始,优酷主客Android端和iOS端使用了两个版本的时间,推动各业务方基本完成了主要使用路径上数十个页面的改造,还使用同一套方案同步完成了部分Weex页面和H5页面的适配,并完整地通过了UED的视觉验收。

当前,到App Store和各大Android市场下载的优酷App最新版本,均已全量支持“暗黑模式”。我们邀请了参与优酷App暗黑模式设计/开发/测试的同学们编写《 优酷APP全量支持“暗黑模式” 设计与技术完整总结》,全面介绍了整个项目的实施流程和经验教训,也是对整个项目做一个完整的总结。

二、什么是暗黑模式?

不考虑计算机工业早期的黑色底,绿色字符的终端界面,暗黑模式的概念主要来源于MacOS,该系统为用户提供两个外观,即"浅色"和"深色"。

免费下载 | 极致酷黑!优酷“暗黑模式”的技术实现

自从有了这个概念之后,很多网站都为用户提供了“浅色”和“深色”两套界面,便于用户根据自己的习惯或爱好进行切换。

免费下载 | 极致酷黑!优酷“暗黑模式”的技术实现

在MacOS之后,很多App和Android定制ROM也加入了所谓"深色模式"的支持;在iOS 13和Android 10发布之后,"暗黑模式" 终于被添加到官方支持的特性列表。

三、你能在这本书中了解到

你不仅能从书中了解到暗黑模式是什么,以及如何落地,你也能了解到它的技术实现策略,和不同场景的落地实践。

免费下载 | 极致酷黑!优酷“暗黑模式”的技术实现

暗黑模式带来的是一整套的全新设计理念。对应而来的,就是对现有App设计元素的全盘重构,这在设计和开发侧来讲,都是庞杂繁琐的工程,涉及优酷几乎全部业务的的界面适配。

在《 优酷 APP 全量支持“暗黑模式” 设计与技术完整总结》电子书中,优酷的 UED 们讲述了他们对于暗黑模式在优酷 App 实际落地的深度思考,快点击文首的按钮免费下载吧!!

上一篇:30+云栖演讲稿实录 & 70+PPT资料下载持续更新中,错过再等一年!


下一篇:干货 | 第十四届 D2 前端技术论坛 20+ 份精彩演讲 PPT 分享