欢迎访问 虾米seo培训教程_seo轻松上手学习优化技术教程(www.xiamiseo.com)

网站地图 | 伪原创工具
    虾米SEO--用心做好每一个站!

当前位置:主页 > 百度排名 >

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

日期:2019-03-22 分类:百度排名

你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结出一套优化方法来分享给大家,相互启发。

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

我们为什么要做夜间模式?

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

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

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

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

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

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

我们如何设计夜间模式?

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

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

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

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

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

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

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

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

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

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

通过文献查找结合多次测试对比,我们提出5项评价原则,帮助设计师去判断亮度,对比度,色彩通用性是否满足人眼需求?

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

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

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

对亮度控制,首先需要确定颜色本身的亮度,从一开始对界面的主体颜色的选择就应该选择亮度较低的色彩,从设计用色上就控制界面的亮度。因此,方法就是直接降低色彩本身亮度,但是要避免选用极端颜色(避免纯黑色)。为了方便大家对比所选颜色的亮度,可通过色彩亮度公式计算(Y-范围0-255,Y值约接近0亮度越低):

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

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

为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法-专业SEO公司优搜科技

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

关键词: 为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方
blogger

相关文章

联系方式

    seo微信

    咨询热线①:13924653475

    咨询热线②:15361814538

    销售热线①:18138295927

    销售热线②:13924653483

博客统计

  • 共有文章:2117篇
  • 文章阅读:263200人次
  • 今日更新:篇
虾米SEO有着专业的网站优化的知识实战seo团队,SEO优化培训,健全的关键词优化系统,百度关键词排名优化以及seo快排优化,教你如何做快速上百度排名
sitemap地图 | 在线投稿
QQ
QQ在线咨询
SEO优化热线
1377-3668-165
手机扫一扫 与博主直接沟通

需要搜索引擎优化服务,请联系客服:

微信二维码

添加QQ,提升网站排名:加好友