人眼可根据环境光做自动调节，在弱光环境下，人眼对明暗度的辨别更敏锐，对彩色的感知度则更弱。同时人眼还有视觉惰性，晚上长时间使用手机，更容易觉得眼花。

多数手机系统，主要通过环境光自动调节屏幕的亮度，以降低手机上的明暗对比，减少对眼睛的亮度刺激，同时普遍适用于不同类型的手机应用。

为了给用户提供更舒适的夜间体验，部分手机系统逐渐推出黑暗模式，一些应用还定制深度的夜间模式。

1. QQ 夜间模式设计策略

晚上是 QQ 用户活跃的高峰期之一，针对夜间场景使用痛点以及业界的趋势。科技向善，设计也应如此，因此 QQ 夜间模式体验定位希望是更护眼舒适的，为用户提供更人性化体验，我们梳理出夜间模式的设计策略，并重新设计。

2. 护眼舒适

降低对比度

夜间模式界面通过降低信息与背景的对比度，对图片/图标带色彩的通过使用遮罩，来达到减少对人眼刺激的目的，用户在夜间弱光环境中使用起来更柔和护眼。

降低信息与背景对比度能降低对人眼的刺激，我们分别从降低界面信息对比度和降低色彩明度入手，在不同背景下适配不同亮度的文字信息。通过黑暗环境人眼真机体验测试，又再经过多轮字色与背景对比度的优化，保证识别度的基础上，梳理出在全黑的环境下适合夜间在任何屏幕亮度均可使用的对比度，对比度控制在三个档位进行组合，不出现纯黑白对比。

降低图像与色彩的明度

界面信息还包括有色的图文与图形类，高纯度的色彩在深色背景下也容易造成人眼刺激与疲劳。此类信息我们通过使用遮罩来达到降低明度的目的。在保持与系统色彩纯度的基础上，降低明度从而达到柔和护眼的效果。

组件化

QQ 夜间模式适配覆盖度很高，涉及界面也很多，我们梳理适配了夜间模式组件，同时也提升适配的效率。目前已适配核心路径场景的夜间体验，我们与开发同学紧锣密鼓在适配更多界面，随着适配的不断深入，给用户提供更完善舒适的夜间体验。

3. 情感化设计

为了强化用户对夜间模式的认知，提升夜间场景用户的使用感受。我们运用了情感化的设计，从以下三个维度体现。

主题背景

大面积黑面难免会些许单调冰冷，有别于手机系统与应用，QQ 夜间模式保留前版本的星空元素传承到新版设计中， 夜间模式启动后，通过繁星点点的背景元素建立夜间环境关联。

趣味图标

当用户开启夜间模式时，我们设定了彩蛋，发现个别图标会发生改变，变成带有夜间相关的图形语言，后续更新会增加更多趣味的图标。我们也希望通过带入趣味元素的表达方式，建立用户对 QQ 夜间模式的好感。

动效

使用切换操作时，加入适度的过渡动画，进一步强化用户对夜间模式的感知，用户可在抽屉页点击切换至夜间模式。

夜间模式体验路径，用户进入 QQ 后，通过右滑或点击一级界面左上角个人头像，进入抽屉页，点击左下方夜间图标即可切换至夜间模式。

结语

除了简洁模式和夜间模式，未来 QQ 还会有更多专题设计的探索思考，通过挖掘使用场景为用户提供更多人性化好玩的服务。目前这两个模式均已上线，收到了不少反馈和建议，也请用户朋友们多多体验持续关注 QQ 的更新。

本文来源：腾讯 ISUX