随着 iOS 13 和 Android 10 的正式发布，一个名词“暗黑模式（Dark Mode）”逐渐走入了大家的视野。主流 App 都将暗黑模式的适配列入了开发日程，舆情上用户们对暗黑模式支持的呼声也非常的高。

作为超级 App，优酷拥有数百个原生页面以及 Weex 和 H5 页面，且改造工作涉及十几个不同部门，需要上百位产品、设计、研发、测试同学共同协作，其改造难度非常大。

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

本次分享将回顾优酷 App 暗黑模式设计、开发、测试的全流程，全面介绍整个项目的实施流程和经验教训，也是对整个项目做一个完整的总结，希望为业界的暗黑模式改造工作提供参考和借鉴。

内容大纲

1. 优酷为什么要构建设计标准化体系

• 设计标准化的发展历程
• 设计标准化的核心优势和挑战

2. 设计标准化的落地实践--实现暗黑模式

• 暗黑模式的设计目标和设计方法
• 如何使用同一套方案支持 Android iOS Weex/H5
• 如何最大程度减小业务方接入成本-优酷 iOS 暗黑 SDK 的实现
• 如何切换暗黑模式时不打断用户使用体验

3. 利用设计标准化实现多模式下的设计表达 - 优酷全站氛围平台

• 核心问题：如何表达多模式下的情感化场景化设计
• 架构目标：构建统一的全站氛围平台，集中管理规范整合各层次的设计表达
• 设计思想：统一过程，分层设置
• 实现方式：统一配置，数据结构，设置流程

4. 未来展望

• 设计标准化的未来规划和生态展望
• 页面的自动生成-从设计标准化到实现标准化

听众受益

1. 了解优酷的设计标准化体系
2. 了解优酷使用设计标准化体系来实现暗黑模式的最佳实践

适合人群

有一定的客户端或者前端开发经验的工程师、架构师等。