快好知 kuaihz

文字色彩与可读性分析

一.饱和度与易读性:

上周在做F同学的一个项目时,涉及到较多列表性的文字链接。

目前除去频道和首页,全站文字链接使用一致的蓝色,色值为#014ccc,饱和度较高,在用户浏览时更易于吸引注意,但同样也容易引起视觉疲劳,高饱和度的文字并不易于阅读。

上图中,下半部分的文字降低了饱和度,是不是比上半部分读起来更舒服?

其实,大多数门户类的网站也是使用低饱和度的蓝色作为列表链接颜色的:

结论一:

颜色饱和度达到一定值,视觉神经对此颜色就会产生兴奋,就容易在阅读中产生疲劳感。

二.关于视觉神经兴奋临界值:

因为每一种颜色的光因主波长不一样,所以造成人眼神经兴奋饱和度临界值也不一致。

在光谱中,红橙黄绿青蓝紫,波长依次减小,眼部神经兴奋所需要达到的饱和度呈先增后减的弧状:

波长较长的颜色和波长较短的颜色,相对较低的饱和度都就能够刺激视觉神经兴奋,而波长处于中间的绿色青色,则需要相对较高的饱和度才能刺激视觉神经兴奋

由图中可以看出,蓝色也属于饱和度兴奋临界点比较低的颜色,所以,应该慎用高饱和度的蓝色。

结论二:

同等饱和度的颜色,红色和紫色最易产生视觉神经兴奋,其次是黄色和蓝色,再次是绿色和青色。

因此从单纯的色彩来讲,在设计中应:

1.尽量使用低饱和度的红色,紫色;

2.禁止使用高饱和度的红色,紫色;

3.少量使用高饱和度的黄色,蓝色。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:文字色彩与可读性分析  可读性  可读性词条  色彩  色彩词条  文字  文字词条  分析  分析词条  
设计

 社会化浏览器Nexus的移动版U...

我想说,虽然浏览器作为一个应用程序看上去普通而平常,但实际上它可以做的改变有很多~我个人非常期待有一个与当前移动设备上的主流浏览器(如OperaMobile、U...(展开)

设计

 交互redesign:图解电影之...

图解电影是我个人非常喜欢的一款App,经常用来看想看不敢看的恐怖片(捂脸)……所以这次的redesign是基于希望图解电影越做越好的目的,与大家共同探讨。谢谢~...(展开)

设计

 如何提高APP交互设计能力(一)...

文章中,作者分享了自己对交互设计的一点理解,希望能够对你有所帮助。什么是交互设计?什么是交互设计,我们先看看度娘的解释:怎么理解这段话呢,我们可以把它分为三部分...(展开)