夜间模式
亮度
夜晚，我们最终的屏幕亮度应该保证在0.034cd/m2左右是较为合适的。
（题外话：有种东西叫亮度测试仪，可以测量亮度。）
彩度
人眼在夜间可辨识出的颜色种类较少，所以不用和白天一样使用缤纷的色彩表现；
还有一点需要注意，晚上长时间注视着高饱和度的色彩，会觉得刺眼，舒适度不够。
结论：夜晚，应使用低彩度的色彩、且尽量减少颜色的种类。
除了低彩度，还有另一个问题也值得注意：不同色相下的暗色系需要保持相对的视觉亮度均衡。
下图中的暗色系，通过亮度公式，换算成灰色系之后，亮度上还是会稍有差异，在实际取色中要注意均衡这一点，保证视觉舒适度。（亮度公式：0.299*R + 0.587*G + 0.114*B=y）
文章图片
护眼模式
结论：在硬件与时间不能更改的情况下，通过前面提到的降低亮度和调整屏幕色温也能降低 hev 蓝光对眼睛的伤害。
小结：夜晚，背景色应该选择低彩度、色相偏黄、亮度值在0.034-34之间。
【夜间模式】根据以上结论，选出了夜间模式的背景色#1A1714。
对比色
文字与背景对比度—3:1～5:1
图片色与背景对比度—4:1～6.5:1
（对比度可通过软件 Colour Contrast Analyser 测出）
文章图片
设计稿实现
文字
面对的问题：页面太多，无法针对每个页面做视觉稿。
解决方案：找出共性，归纳白天文字色，针对每个色值给出对应的夜间色值；根据前面的分析，夜间模式的对比度是不需要做明显区分的，所以我把以下5种文字色，缩减成2种带透明度的白色：45%、30%。辅助文字色的选取注意上面说的视觉平衡，可以用亮度公式来判断。
文章图片
推荐阅读
- --木木--|--木木-- 第二课作业#翼丰会（每日一淘6+1实战裂变被动引流# 6+1模式）
- 设计模式-代理模式-Proxy
- 【译】Rails|【译】Rails 5.0正式发布（Action Cable，API模式等）
- java静态代理模式
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- Kotlin基础(10)-代理模式在kotlin中的使用
- 长谈的确是这个时代需要的一种模式
- 《读_Head_First_有感》_“命令模式”
- 洗洗睡了|洗洗睡了 | 休息的时候，千万注意切换你的行为模式
- 设计模式【15】--从审批流中学习责任链模式