先選擇對的顏色,而不是喜歡的顏色

中國有一句成語叫做「白紙黑字」,白紙上寫了黑字,閱讀起來是再清楚也不過了。形容了明確的文字憑據,不容許抵賴或悔改。一直到現在,白紙依然是我們最常用到的紙張類型,書寫的工具跟色彩也越來越多樣,但我們最常用的書寫顏色還是離不開黑色、藍色、紅色等色彩。試著拿螢光筆寫字看看?那豈不是給自己找麻煩嗎。

其實、顏色是否能夠被清楚辨識,取決在於其明度的差異:

1.顏色的呈現效果與底色有直接的關係:
顏色本身具有不同的明度,在不同底色的上會有不同的效果,在下圖這張圖中我們可以清楚看到不同色彩在不同明度的底色上、會呈現出不同的效果。

 

2.顏色的明度差異影響字體的可閱讀性
我們將以上的顏色轉換成灰階就可以清楚的了解到不同色彩其明度上的差異,並且依照其明度強度將其重新排列如下:

 

如下圖左,由於黃色的明度很接近白色,因此在白色底色上使用黃色字體會使得字體難以閱讀。同樣的原因,雖然綠色與橘色 、紅色與紫色的色相並不相同,但由於他們的明度都很接近,因此在這樣的搭配上也會使得文字非常難以閱讀。
而右邊我們在相同底色上,選用與其完全不同明度色彩的文字顏色,閱讀性就提高許多。

 

現在你知道為什麼色盲分析圖總是看起來這麼辛苦了吧

 

Image via See-ming Lee, CC License.

把能夠讓使用者快速完成任務的任務導覽放在頁首,瞭解網站架構的分類放在頁尾,完美的利用螢幕上的所有像素。使用者能使用的螢幕就這麼大,螢幕上的每一個像素對網站設計師...
1956 年,認知心理學家 George A. Miller 發表了一篇名為「神奇的數字:7 ± 2」的論文,內容描述人類的大腦對於短期記憶的研究:人類對於 5...
資訊是一種體驗的商品。所謂體驗的商品,就是使用者必須要「體驗」過後,才能知道這個商品的價值。 舉例來說,CNN 是一個新聞網站,每天都會在網站上發佈最新的新聞,...
1998 年,心理學家 Daniel Simons 和 Daniel Levin 做了一個有趣的實驗,先由一個人帶著地圖在路上找一個路人問路,就在路人回答問題的...
讓你(網站)與使用者維持穩定交往(In a relationship)的狀態! 在 Facebook 以及其他各大社群網路服務,紅通通的訊息通知(Notific...
漫畫是一種大家幾乎都喜歡的刊物,但是為什麼我們喜歡看漫畫呢?也許是因為漫畫就是一種交互體驗的過程。漫畫家一格一格的在漫畫中畫出人物的動作與場景,而我們讀者的工作...
© 2013 Desiring Clicks. All Rights Reserved.
Top