认识达内从这里开始

相信各位网友大部分都有晚上阅读或者浏览信息的时候，而且有些网友都习惯在不开灯的环境下获取信息。当然了，我们也知道这种行为对于眼睛是有一定程度伤害的。于是有人就研究了，能不能提供一种在黑暗环境下的设计展现方法呢？

今天，我们就来了解一下，对于黑暗环境的展示设计方法吧。

1. 用户调研显示：57%的用户想要使用夜间模式，71.1%的用户习惯在夜间不开灯看手机

在ISUX北京调研小组的帮助下，我们针对移动端QQ界面夜间模式进行了调研。从2000多份问卷数据中分析发现，用户对夜间模式有明确需求，且多数人在无照明下使用软件。

2. 用户反馈现有界面夜间使用时刺眼，低亮度时界面文字不清晰

调研发现，现有界面用户在夜间使用时感觉刺眼，长时间使用会感觉眼睛疼痛。部分用户认为文字看不清，辨识比较费眼。

3. 用户期望更暗色 、更能保护眼睛的夜间模式设计

从用户对夜间模式的期望来看，他们希望主体界面的颜色更暗，能够更加持久地使用软件。希望我们设计师，能够设计出更加保护眼睛的夜间模式。

我们如何设计夜间模式?

1. 亮度、色彩对比度、通用性色彩是关键，行业趋势倾向低饱和无彩色

(1)关注健康人眼特性——亮度的需求

首先引入尼特值(nit)，它是用于量化亮度强度的专业术语，其意思每平方米烛光的强度：1nit=1坎德拉/平方米;

白天，人的眼睛能适应亮度的值高于3.4尼特;

夜晚，主体颜色接近0.034 尼特，亮元素低于3.4尼特的亮度眼睛会比较舒适。

(2)关注弱视、色盲色弱人群——对比度、色彩通用性的需求

老人或视力弱的人群对于对比度的要求较高，容易看不清文字，应该选择更为合理的对比度。色弱人群和我们看到的颜色存在区别。 所以后续选择色彩度时，应该选择更具通用性色彩设计的方案。

(3)行业趋势——减少极端色，无彩色居多

从行业趋势来看，2016年，Google Material Design 和 iOS 相继推出了夜间模式和深色主题设计及护眼模式。从其他网站中也发现许多深色界面的设计。终整理得出，界面主体倾向无色彩，黑色居多。柔和、低饱和度色彩可以增加用户长时间观看界面的舒适度。

2. 五项夜间模式设计原则

原则1：保证色彩通用性，关注特殊人群

所选色彩需要考虑色盲人群的特性，尽量保证他们所看到的颜色和我们接近一致，减少该类人群的识色的 差异性，增强设计的统一性。从软件角度来看，无色彩更能减少正常人和色盲等特殊人群的识色差别。

原则2：选择低亮度、低饱和非极端的色彩(避免纯黑)

对亮度控制，首先需要确定颜色本身的亮度，从一开始对界面的主体颜色的选择就应该选择亮度较低的色彩，从设计用色上就控制界面的亮度。因此，方法就是直接降低色彩本身亮度，但是要避免选用极端颜色(避免纯黑色)。为了方便大家对比所选颜色的亮度。

原则3：保证界面在屏幕中呈现出低尼特值(低亮度)

对于屏幕呈现的亮度的控制，需要通过前面提到的尼特值确定。尼特值能够反馈设计方案在设备上呈现亮度，它直接影响了人眼的亮度舒适程度。所以结合前期人眼视觉特性来看，无光照时，屏幕自动调至低亮度，主体背景颜色在屏幕上呈现的亮度应该接近0.034尼特，界面中亮元素应该尽量低于3.4尼特，才能让用户更加持久舒适地使用 。

原则4：保证文字、元素、背景的对比度在能看清的范围内

对比度规范是由Web 无障碍指南(WCAG)提出，现已经逐步被大公司采纳，苹果公司的设计规范中引用了此对比度规范。结合夜间模式的需求，我们提出保证文字与背景色对比度在3:1-4.5:1范围,保证元素(头像，图片)与背景色的对比度在3:1-7:1的范围内。以此保证文字的清晰度，减少其他元素过亮的情况。

原则5：必要时为过亮元素添加黑色透明度遮罩

由于界面元素的多样性，例如头像、歌曲、新闻。该类元素如果不能满足亮度和对比度(3:1-7:1)的要求，需要在其上方添加黑色透明遮罩(不透明度40%-50%)，从而降低对比度和亮度，使界面元素的亮度尽力满足对比度(3:1-7:1)的要求。

达内时代科技集团致力于培养面向电信和金融领域的Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择运城ui培训，不再孤军奋战，轻轻松松做IT高薪白领。运城达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。