用iphone做個案例,給大家先看看系統預設的背景圖。
在手機中,基本上預設的面板型別,都是偏向重色系的桌布。在這樣的桌布中進行瀏覽,可以得到舒適的視覺體驗,不刺眼,不累,長時間的瀏覽不會出現視覺疲勞。
從明度來看,去色後,我們的螢幕在黑白灰的比重上,是很偏向黑色的。
白色作為底色,在這樣的重色背景中,呈現的效果更好,更清晰而易識別。再加上應用的logo,足夠醒目而簡潔。
在很多人的手機中,桌布是無法控制型別的,不是系統喜歡重色系,你的桌布就是重色系。
但是在效果圖中可以看出來,在淺色桌布中,在手機隨便拍攝的桌布中,在系統的桌布中,白色的icon背景都足夠的跳躍及醒目,估計只有在白色純白的背景中使用,才會出現icon不夠清晰的情況。然而使用純白背景的人,實在是少而又少。
再從色盲人群分析。中國的男性公民色盲人數是5%-8%,女性色盲人數是0.5-1%。全球色盲人數男性是8%左右,女性是0.5%左右。
在色盲人群中,他們看到的顏色是這樣的。
所以,不管我們用什麼型別的顏色,或者是使用brand colors的顏色做背景,其實對某些人群來說,都有識別障礙或者說識別困難。
我們來找尋色盲人群中的一些色彩上的規律:
在紅綠色盲種,難以分辨兩種靠近紅綠的顏色。如紅色和綠色識別;藍色和紫色(藍+紅)識別;綠色和棕色識別;紅色和棕色識別等。
紅綠色盲人士對藍色更為敏感。帶有藍色的東西,都能清楚的分辨出來。他們會把紅色和綠色、黃色和黃綠色混淆,卻能清楚的分辨綠色和藍綠色和帶藍色系的任何綠色的識別。
紅綠色盲眼中的紅色並不是一種明亮醒目的顏色。紅色對他們來說顯得非常深沉,而暗紅色則接近黑色。因此,色盲人士很難分辨出文章內的紅色系強調文字。
色盲人士對色相的辨識能力較弱,但卻對明度、飽和度非常敏感。特別是明度的對比,識別是很容易的事情。
所以,在任何一個背景上,使用白色的icon背景,他們都可以識別出來。而這一部分的人群,在全球比例中佔據了8%左右。
所以,在最佳化這部分的人群識別度上,最好不用考慮到色系色相的設計,在明度上足夠的對比設計,就是優秀的設計。
用iphone做個案例,給大家先看看系統預設的背景圖。
在手機中,基本上預設的面板型別,都是偏向重色系的桌布。在這樣的桌布中進行瀏覽,可以得到舒適的視覺體驗,不刺眼,不累,長時間的瀏覽不會出現視覺疲勞。
從明度來看,去色後,我們的螢幕在黑白灰的比重上,是很偏向黑色的。
白色作為底色,在這樣的重色背景中,呈現的效果更好,更清晰而易識別。再加上應用的logo,足夠醒目而簡潔。
在很多人的手機中,桌布是無法控制型別的,不是系統喜歡重色系,你的桌布就是重色系。
但是在效果圖中可以看出來,在淺色桌布中,在手機隨便拍攝的桌布中,在系統的桌布中,白色的icon背景都足夠的跳躍及醒目,估計只有在白色純白的背景中使用,才會出現icon不夠清晰的情況。然而使用純白背景的人,實在是少而又少。
再從色盲人群分析。中國的男性公民色盲人數是5%-8%,女性色盲人數是0.5-1%。全球色盲人數男性是8%左右,女性是0.5%左右。
在色盲人群中,他們看到的顏色是這樣的。
所以,不管我們用什麼型別的顏色,或者是使用brand colors的顏色做背景,其實對某些人群來說,都有識別障礙或者說識別困難。
我們來找尋色盲人群中的一些色彩上的規律:
在紅綠色盲種,難以分辨兩種靠近紅綠的顏色。如紅色和綠色識別;藍色和紫色(藍+紅)識別;綠色和棕色識別;紅色和棕色識別等。
紅綠色盲人士對藍色更為敏感。帶有藍色的東西,都能清楚的分辨出來。他們會把紅色和綠色、黃色和黃綠色混淆,卻能清楚的分辨綠色和藍綠色和帶藍色系的任何綠色的識別。
紅綠色盲眼中的紅色並不是一種明亮醒目的顏色。紅色對他們來說顯得非常深沉,而暗紅色則接近黑色。因此,色盲人士很難分辨出文章內的紅色系強調文字。
色盲人士對色相的辨識能力較弱,但卻對明度、飽和度非常敏感。特別是明度的對比,識別是很容易的事情。
所以,在任何一個背景上,使用白色的icon背景,他們都可以識別出來。而這一部分的人群,在全球比例中佔據了8%左右。
所以,在最佳化這部分的人群識別度上,最好不用考慮到色系色相的設計,在明度上足夠的對比設計,就是優秀的設計。