網頁設計之文字色彩與可讀性分析

一、飽和度與易讀性：

上周在做F同學的一個項目時，涉及到較多列表性的文字鏈接。

目前除去頻道和首頁，全站文字鏈接使用一致的藍色，色值為#014ccc，飽和度較高，在用戶瀏覽時更易于吸引注意，但同樣也容易引起視覺疲勞，高飽和度的文字并不易于閱讀。

上圖中，下半部分的文字降低了飽和度，是不是比上半部分讀起來更舒服？

其實，大多數門戶類的網站也是使用低飽和度的藍色作為列表鏈接顏色的：

結論一：

顏色飽和度達到一定值，視覺神經對此顏色就會產生興奮，就容易在閱讀中產生疲勞感。

二、關于視覺神經興奮臨界值：

因為每一種顏色的光因主波長不一樣，所以造成人眼神經興奮的飽和度臨界值也不一致。

在光譜中，紅橙黃綠青藍紫，波長依次減小，眼部神經興奮所需要達到的飽和度呈先增后減的弧狀：

波長較長的顏色和波長較短的顏色，相對較低的飽和度都就能夠刺激視覺神經興奮，而波長處于中間的綠色青色，則需要相對較高的飽和度才能刺激視覺神經興奮。

由圖中可以看出，藍色也屬于飽和度興奮臨界點比較低的顏色，所以，應該慎用高飽和度的藍色。

結論二：

同等飽和度的顏色，紅色和紫色最易產生視覺神經興奮，其次是黃色和藍色，再次是綠色和青色。

因此從單純的色彩來講，在設計中應：

1.盡量使用低飽和度的紅色，紫色；

2.禁止使用高飽和度的紅色，紫色；

3.少量使用高飽和度的黃色，藍色。

三。關于明度，色相，飽和度之間的關系。

1.名詞解釋：

a）先說說明度：就是明暗程度，也有叫亮度的，計算機把明度分成256級色階，黑得伸手不見五指就是0級，白茫茫的一片什么都看不見就是255級：

b）再說說色相：就是平時所說的哪種顏色，光譜中的紅橙黃青藍紫，以及千千萬萬種組合都是不同的色相。

c）最后說說飽和度：就是通常所說的顏色純度，鮮艷程度等等。

---