首頁 > 網頁教程 > 設計分享 > 網頁設計的文字色彩與可讀性分析

江苏十一选五体彩开奖结果今天开奖结果:網頁設計的文字色彩與可讀性分析

時間:2010-06-12    作者:不詳   來源:互聯網

江苏十一选五开奖公告 www.ervgn.com 一、飽和度與易讀性

上周在做F同學的一個項目時,涉及到較多列表性的文字鏈接。
目前除去頻道和首頁,全站文字鏈接使用一致的藍色,色值為#014ccc,飽和度較高,在用戶瀏覽時更易于吸引注意,但同樣也容易引起視覺疲勞,高飽和度的文字并不易于閱讀。

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

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

結論一:

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

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

因為每一種顏色的光因主波長不一樣,所以造成人眼神經興奮的飽和度臨界值也不一致。
在光譜中,紅橙黃綠青藍紫,波長依次減小,眼部神經興奮所需要達到的飽和度呈先增后減的弧狀:
波長較長的顏色和波長較短的顏色,相對較低的飽和度都就能夠刺激視覺神經興奮,而波長處于中間的綠色青色,則需要相對較高的飽和度才能刺激視覺神經興奮。

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

結論二:

同等飽和度的顏色,紅色和紫色最易產生視覺神經興奮,其次是黃色和藍色,再次是綠色和青色。
因此從單純的色彩來講,在設計中應:

  1. 盡量使用低飽和度的紅色,紫色;
  2. 禁止使用高飽和度的紅色,紫色;
  3. 少量使用高飽和度的黃色,藍色。

相關推薦
如何基于心理學設計的目的來制作受用戶歡迎的網頁
十五個用戶體驗設計(UI/UX)案例剖析
設計獨特的多個創意404錯誤頁面賞析
國外49款創意型404錯誤網頁欣賞(附演示網址)
創意型404錯誤頁案例與用戶體驗的賞析
網頁交互設計的一些理解
網頁設計中上一頁和下一頁的用戶體驗分析
騰訊CDC:泛泛而談界面中的斑馬紋設計
深挖交互設計的細節提升用戶滿意度
淘寶案例分析之商城頁面的用戶體驗
用實例理解網頁設計的80/20規則
35款極具創意的404錯誤頁面欣賞(附演示網址)
網站用戶體驗:特殊人群的設計關懷
10款用戶體驗極佳的驗證碼風格設計
8個原則打造優秀的用戶體驗
交互設計中6個通用原則的介紹
如何進行簡單快速的可用性測試
分享:創建高效優質的單頁網站6個秘訣
善用Loading加載條設計,讓用戶煩躁少一些
用戶體驗評估之用戶心理負荷的測量
百度統計流量研究院設計過程及思路詳解
給不完整視覺信息尋找最簡單直接的解讀辦法
移動應用開發:無線終端用戶理解工作方法分享
簡潔設計是對用戶需求透徹理解的基礎上去粗取精
從網站可用性的角度深入分析蘋果和微軟官網設計的優劣
無線移動終端APP的文字閱讀體驗設計分享
對網頁設計中的Less和More的思考和總結
善用網站數據分析來輔助網頁設計
從用戶體驗設計的角度談搜索??櫚納杓?/a>
仿生設計—讓互聯網產品更易用
網頁設計之閱讀好體驗的準則分享
交互設計:移動應用與PC應用的交互差異淺析
成功的視覺設計需要給用戶傳達四個要點
國內外創意404錯誤頁面賞析
移動設備動畫設計的12個原則分享
分享淘寶購便利交互設計心得

精彩推薦

熱門教程