打造沉浸式专注体验——简析企查查深色模式UI设计理念

　　深色模式拥有天然的焦点突出优势，一些亮色在深色的背景下会更加醒目，宛如黑暗中的火光。从苹果手机iOS系统推出深色模式以来，众多超级APP已选择适配该功能，并在用户群体中取得了非同的反响。近日，企查类超级APP企查查发布V16.2.0版本，该版本新增“深色模式”自动适配功能，将有望成为该领域内首家上线深色模式的玩家。

　　为更好的了解大数据类工具APP如何进行“深色模式”UI设计，我们专程采访了企查查设计团队负责人，并邀请其分享企查查“黑化”的全过程。

　　企查查深色模式设计理念

　　企查查深色模式是在通过大量的“人因研究”后，对文字前景与深色背景对比度以及文字和系统图标的颜色进行优化处理，来保证深色模式和普通模式视觉感受的一致性、舒适性和阅读的易读性。同时企查查的深色模式可以体现时尚、威望和神秘的感觉。深色模式并不是简单的通过降低屏幕的亮度，而是为了更高的适应性去增强对比度从而突出重要信息，所以设计过程中通过“层次感”，带领用户在弱光环境下更好的提取信息。

　　企查查深色模式的设计动因

　　深色模式作为近年来的主流设计趋势之一，已经上升到系统水平的设计（iOS、materialdesign），主流APP也跟随系统进行了深色模型的设计。企查查作为企查赛道的头部玩家，我们希望通过极致的UI设计，打造沉浸、专注的体验，增强信息聚焦。

　　研究发现，手机背景白光往往会分散用户的注意力，使用户分心。深色模式下的背景接近无边框，头图、背景的加深避免了强对比突出，形成自然过渡，toast及弹窗的视觉干扰减弱，将注意力集中到内容本身来、全神贯注沉浸于信息内容。

　　此外，提高续航，视觉炫酷也是我们选择开发深色模式的原因之一。实践证明，当显示深色图像时，屏幕耗电也随之减少；如果显示纯黑色图像，那么像素可以彻底不发光，完全不耗电，从而达到省电的目的。同时，企查查深色模式对中性色和彩色进行了深入探索，在不同层级的深灰色背景与浅灰文字结合，确保在深色背景上维持良好的可访问性和对比度，满足在暗和亮的环境中都能长时间阅读，且保持深浅模式之间的一致感。

　　设计策划与管理

　　1.前期准备

　　深色模式UI设计的起点是 Android、iOS、H5 混合的架构，因此设计方案需要能兼顾三端。了解清楚产品的结构形态是做 Dark Mode 的前提条件，如组件覆盖率、产品复杂度、技术执行能力等；这几个条件对 Dark Mode 的工作量影响是比较大的，所以在前期要评估好这些条件的实际情况，做好应急预案，梯度发布规则是相当有必要的。

　　A.层级划分：整体结构上我们将App的页面划分为4个层级，背景层、UI层、悬浮层、弹出层，每个层级还会有自己的子集，通过背景、投影，来表达层级关系，固定好各层级，再确定不同层级的配色方案，就能大大降低适配难度。

　　B.色彩：对颜色库中的颜色做反色处理。背景色采用不同级别的深灰色而非纯黑色，纯黑色无法感知界面的高度、空间感，而不同级别的灰色就可以暗示给用户这些信息。品牌主色的反色避免了饱和度和亮度高的颜色，以免引起视觉疲劳。在界面中不同位置的文字例如标题、正文和注释，使用深浅不同的颜色进行对比，以展示文字层次关系。

　　C.icon+图片：批量处理彩色icon，和一些标签，弹窗，默认图，启动页，logo，宫格维度切图等。

　　3.后期工作

　　部分特殊页面特殊处理，保证页面和谐清晰。

　　结语

　　作为企查领域首款上线深色模式的APP，企查查探索了大数据工具型APP“深色模式”的可行性。在错综复杂的数据世界里，纯粹理性的UI界面将会为用户带来深度专注的极致体验，而浅色模式与深色模式自由切换功能则为用户提供了更多人性化的选择。

　　从研发国内首款企业信用信息查询软件，到平台用户突破3亿，企查查一直引领行业发展，而此次“深色模式”的迭代能否带动全行业对于用户体验的关注，让我们拭目以待。