首页 > 网页教程 > 设计分享 > 网页设计的文字色彩与可读性分析

网页设计的文字色彩与可读性分析

时间:2010-06-12    作者:不详   来源:互联网

一、饱和度与易读性

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

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

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

结论一:

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

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

因为每一种颜色的光因主波长不一样,所以造成人眼神经兴奋的饱和度临界值也不一致。
在光谱中,红橙黄绿青蓝紫,波长依次减小,眼部神经兴奋所需要达到的饱和度呈先增后减的弧状:
波长较长的颜色和波长较短的颜色,相对较低的饱和度都就能够刺激视觉神经兴奋,而波长处于中间的绿色青色,则需要相对较高的饱和度才能刺激视觉神经兴奋。

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

结论二:

同等饱和度的颜色,红色和紫色最易产生视觉神经兴奋,其次是黄色和蓝色,再次是绿色和青色。
因此从单纯的色彩来讲,在设计中应:

  1. 尽量使用低饱和度的红色,紫色;
  2. 禁止使用高饱和度的红色,紫色;
  3. 少量使用高饱和度的黄色,蓝色。

相关推荐
如何基于心理学设计的目的来制作受用户欢迎的网页
十五个用户体验设计(UI/UX)案例剖析
设计独特的多个创意404错误页面赏析
国外49款创意型404错误网页欣赏(附演示网址)
创意型404错误页案例与用户体验的赏析
网页交互设计的一些理解
网页设计中上一页和下一页的用户体验分析
腾讯CDC:泛泛而谈界面中的斑马纹设计
深挖交互设计的细节提升用户满意度
淘宝案例分析之商城页面的用户体验
用实例理解网页设计的80/20规则
35款极具创意的404错误页面欣赏(附演示网址)
网站用户体验:特殊人群的设计关怀
10款用户体验极佳的验证码风格设计
8个原则打造优秀的用户体验
交互设计中6个通用原则的介绍
如何进行简单快速的可用性测试
分享:创建高效优质的单页网站6个秘诀
善用Loading加载条设计,让用户烦躁少一些
用户体验评估之用户心理负荷的测量
百度统计流量研究院设计过程及思路详解
给不完整视觉信息寻找最简单直接的解读办法
移动应用开发:无线终端用户理解工作方法分享
简洁设计是对用户需求透彻理解的基础上去粗取精
从网站可用性的角度深入分析苹果和微软官网设计的优劣
无线移动终端APP的文字阅读体验设计分享
对网页设计中的Less和More的思考和总结
善用网站数据分析来辅助网页设计
从用户体验设计的角度谈搜索模块的设计
仿生设计—让互联网产品更易用
网页设计之阅读好体验的准则分享
交互设计:移动应用与PC应用的交互差异浅析
成功的视觉设计需要给用户传达四个要点
国内外创意404错误页面赏析
移动设备动画设计的12个原则分享
分享淘宝购便利交互设计心得

精彩推荐

热门教程