萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 交互設計應先選擇對的顏色,而不是喜歡的顏色

交互設計應先選擇對的顏色,而不是喜歡的顏色

 交互設計應先選擇對的顏色,而不是喜歡的顏色 三聯

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

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

  1.顏色的呈現效果與底色有直接的關系:

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

如何選顏色

  2.顏色的明度差異影響字體的可閱讀性

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

如何選顏色

  如下圖左,由於黃色的明度很接近白色,因此在白色底色上使用黃色字體會使得字體難以閱讀。同樣的原因,雖然綠色與橘色 、紅色與紫色的色相並不相同,但由於他們的明度都很接近,因此在這樣的搭配上也會使得文字非常難以閱讀。

  而右邊我們在相同底色上,選用與其完全不同明度色彩的文字顏色,閱讀性就提高許多。

如何選顏色

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

如何選顏色
copyright © 萬盛學電腦網 all rights reserved