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

简介: 《优酷 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 实际落地的深度思考,快点击文首的按钮免费下载吧!!

相关文章
|
6月前
|
边缘计算 JSON 网络协议
移动端IM开发者必读(三):爱奇艺移动端跨国弱网通信的优化实践
本次分享的文章内容,基于爱奇艺面向全球用户推出的国际版,在海外跨国网络环境复杂的前提下,针对性地做了一系列弱网优化实践,取得了不错的效果,在此总结分享我们的一些做法和优化思路,希望对你有所帮助。
83 1
|
7月前
|
vr&ar
字节跳动上线Pixsoul,主打特效变脸
字节跳动上线Pixsoul,主打特效变脸
115 0
|
Web App开发 前端开发 JavaScript
《如何制作一个媲美原生体验的选择器组件-卡晨》演讲视频+文字版
《如何制作一个媲美原生体验的选择器组件-卡晨》演讲视频+文字版
192 0
《优酷暗黑模式》电子版地址
《优酷 APP 全量支持“暗黑模式” ——设计与技术完整总结》现已发布!设计理念+技术架构+改造实践,全方位解读暗黑模式的技术实现。
95 0
《优酷暗黑模式》电子版地址
|
存储 算法 搜索推荐
淘宝长辈模式技术实践万字总结
长辈模式就是:字大、简单。 四个字背后代表是近100人的项目组的努力,更是淘宝人的情怀与坚持。今天我们在帮助老年人更好得使用互联网产品,就是在帮助未来的自己。
296 0
|
缓存 前端开发 API
优酷播放体验优化实战(七)--优酷高性能弹幕渲染技术大揭秘
优酷高性能弹幕渲染引擎的目标,是在全平台实现对弹幕内容的高效渲染。渲染的内容包括文本、emoji、普通图片、apng动图和3D mesh等元素,并且支持节奏弹幕、燃弹幕、弹幕穿人、流光弹幕等各种特效玩法。下面,将对优酷高性能弹幕渲染引擎所涉及的技术做一次大揭秘。
1529 0
优酷播放体验优化实战(七)--优酷高性能弹幕渲染技术大揭秘
|
机器学习/深度学习 编解码 缓存
《这!就是街舞》自由视角沉浸式体验黑科技揭秘
《这!就是街舞》第四季大家看了吗?不知道有没有小伙伴跟笔者一样,“DNA”都要跟着舞动了起来。除了炸裂的舞台,堪比跨次元的真实观影体验,让用户在自由视角视频体验效果下身临其境:
477 0
《这!就是街舞》自由视角沉浸式体验黑科技揭秘
|
编解码 移动开发 测试技术
|
移动开发 中间件 weex
|
移动开发 小程序 算法