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

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

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

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

暗黑电子书封面.jpg

一、缘起

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

image.png

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

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

二、什么是暗黑模式?

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

image.png

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

image.png

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

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

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

image.png

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

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

相关文章
|
缓存 移动开发 网络协议
WebSocket 协议原理抓包分析
WebSocket 协议原理抓包分析
1230 0
|
开发框架 开发者 前端开发
重磅首发 | 承载亿级流量的开发框架,闲鱼Flutter技术解析与实战大公开
去年闲鱼发布的《Flutter in action》为开发者带去一手的实践经验总结,现在《Flutter in action》全新升级啦!这本书并非基础知识的简单罗列,而是从一线问题出发,循序渐进,娓娓道来。不仅把Flutter的重要理念讲得极为清晰, 而且给开发者提供了应对眼前各种问题的实用方法。同时,书中还给出了详尽的可以融会贯通、举一反三的思路,理论陈述和问题分析面面俱到,力求让读者可以获得全面系统的技术知识。
68220 0
重磅首发 | 承载亿级流量的开发框架,闲鱼Flutter技术解析与实战大公开
|
安全 Java
Java RMI 反序列化漏洞-远程命令执行
Java RMI 反序列化漏洞-远程命令执行
853 0
|
JavaScript 5G 开发工具
《Flutter in action》开放下载!闲鱼Flutter企业级实践精选
独家开放,免费下载!《Flutter in action》电子书重磅发布,Google Flutter 团队强烈推荐,闲鱼多年最佳实践经验整理成册,揭秘亿级流量背后的技术秘籍,为你精解Flutter企业级实践。
90021 0
《Flutter in action》开放下载!闲鱼Flutter企业级实践精选
|
传感器 C++ Windows
windows下解析二维码的利器——zbarimg命令
zbarimg是一个windows下用于二维码解析的软件。安装好了后设置PATH环境变量你的系统就会多一个zbarimg命令,对应的文件是zbarimg.exe,在cmd下可以执行并回显结果。在应用程序中可以方便地调用。
666 0
windows下解析二维码的利器——zbarimg命令
|
数据采集 机器学习/深度学习 算法
重磅下载 | 6大技术方向 40+篇好文,高德如何做到日活过亿?
回首2019 年,作为首个日活过亿的国民出行平台,高德地图 to C 和 to B 的用户数都再攀新高。在背后支撑和驱动业务快速发展的,正是数千名日夜奋战的高德技术人。现在《高德技术2019年刊合辑》免费推出,6大章节全年盘点,为你揭晓有“温度”的科技!
42421 0
重磅下载 | 6大技术方向 40+篇好文,高德如何做到日活过亿?
|
存储 JSON 网络协议
阿里一面灵魂一问:RPC或者HTTP什么时候需要序列化和反序列化?
大家好,我是热心网友 —— 小林。 有位读者问了,我这么一个问题:
|
前端开发 开发者 知识图谱
免费下载 !《AliFlutter 体系化建设和实践》
Flutter 技术无疑是近年热度最高的话题之一,每一个移动开发者都在为 Flutter 带来的“快速开发、富有表现力和灵活的 UI、原生性能”的特色和理念而痴狂,那么为什么是 Flutter ?Flutter 体系化建设现状又是如何呢?Flutter的未来是什么方向?
30330 0
免费下载 !《AliFlutter 体系化建设和实践》
|
数据建模 测试技术
《如何提升B端工具型产品的自助率-朋莱&梓美》演讲视频 + 文字版
《如何提升B端工具型产品的自助率-朋莱&梓美》演讲视频 + 文字版
802 0
|
PyTorch 算法框架/工具
如何将x_data和y_data利用torch转换成小批量数据,并要求打乱数据,如何处理?
首先,使用TensorDataset将x_data和y_data合并到一个数据集中。然后,使用DataLoader创建一个迭代器,以便逐个处理每个小批量数据。在这里,batch_size设置为2,这意味着每个小批量将包含2个样本。shuffle参数设置为True,表示要对数据进行随机打乱。在遍历每个小批量数据时,可以在循环体内执行训练或评估操作。
323 0