QQ极简模式与夜间模式设计分享

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

情感化设计

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

主题背景

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

趣味图标

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

动效

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

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

结语

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

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/