廈門網站設計
色盲或顏色視覺缺陷(CVD)影響全世界約12名男性中的1名和200名女性中的1名。這意味著,對于訪問您的網站或應用的每100個用戶,最多8個人實際體驗內容可能會有所不同。但是,如何確保您的用戶體驗平等地吸引這些訪問者?我們在這里幫助一下。因此,在您遇到恐慌之前,請先查看一下我們為設計顏色可訪問性設計UX時需要考慮的問題。
首先,什么是色盲?
大多數色盲人能夠看到的東西和其他人一樣清楚,區別在于他們無法區分紅色,綠色或藍色光。不足之處是在一個突變的結果X染色體 ?-這意味著女性更容易被運營商比患者-而且它可以在3個主要方面體現。
最常見的是紅/綠色盲,其中患者混合所有具有紅色或綠色作為整個顏色的一部分的顏色。受色盲影響的人對紅光不敏感ui設計稿跟實現出來顏色不一樣,而的患者對綠色也有同樣的問題。例如,一個有的人會混淆藍色和紫色,因為他們不能識別紫色的紅色元素。第三種類型的色缺,,是最不常見的,是指難以區分藍色或黃色光的患者。下面的圖像顯示了彩虹可能看起來像每個這些形式的色盲的個人。
那么,我如何設計更好的顏色無障礙?
你可能會想:“為什么我應該為這么小的用戶群設計?”但是一般來說,有利于彩色用戶的元素實際上被認為是更廣泛意義上的良好設計實踐。因此,如果您的網站設計得很好,應該已經可供所有用戶訪問。
設計可訪問性并不意味著您的設計的美學完整性需要受損。考慮到這一點,這里是您應該關注的一個友好的用戶體驗的五大要素:
1.使用顏色和符號
你不應該僅僅依靠顏色來傳達信息; 例如,某些類型的色盲可能使得難以甚至不可能看到常見的紅色錯誤消息。一種方法是在需要用戶注意的地方使用顏色和符號。一個很好的例子是的表單域和附加的錯誤消息。
有趣的事實:的標志和臭名昭著的藍色方案是特別選擇,因為馬克·扎克伯格是紅綠色盲,看到藍色的最好的。
2.保持最小
你應該限制你為你的網站使用的調色板; 您在設計中使用的顏色越少,混淆的實例越少。
不僅簡約的設計是一個永恒和美觀的趨勢,它也有用,當你設計的顏色無障礙。
3.使用圖案和紋理來顯示對比度
對于需要強調的元素,嘗試使用不同的紋理,而不是多種顏色。例如,色盲用戶可能難以解釋圖形和圖表。在這種情況下,最好使用對比模式,并盡可能放置文本。
4.對比色和色調要小心
而不是依靠黑白作為你唯一的對比色; 嘗試在您的設計中使用一系列清晰對比的顏色和色調。例如,游戲Word Feud使用四種顏色的瓷磚,可以很容易地區分與那些有或沒有色覺缺陷。
5.避免錯誤的顏色組合
選擇你的顏色組合時,你需要聰明。由于色盲會以不同的方式影響人,因此很難確定哪些顏色在網頁設計中“安全”。話雖這么說,這里有幾個顏色組合,以避免,因為他們是一個潛在的噩夢色盲用戶:
旁注:你怎么知道你是否色盲?
嗯…有些人去年不知道他們是色盲ui設計稿跟實現出來顏色不一樣,因為效果可以相對被忽視,除非有人指出。下面的圖片通常用于測試色盲 – 給它一個去!(您可以在本文底部找到完整測試的鏈接。)
還是不確定?
石原色盲測試:您可以乘坐38板基礎的測試,并得到反饋。色盲檢查:由創建的應用程序,你可以測試你是否在±60秒色盲。:色盲模擬器:在這里你可以上傳圖片,并看看它什么樣子,通過人與不同類型的色盲的眼睛。移動應用:這里的3 和iOS應用專門開發幫助色盲用戶。結論
一般來說,UX設計師應該創建對所有人都可訪問和用戶友好的網站。不幸的是,在專門為色盲設計時,沒有一個一刀切的解決方案,但有一些基本的UX設計原則,牢記,一定會有幫助:
不要只依靠顏色來傳達信息保持您的調色板限于2或3種顏色使用紋理和圖案來顯示對比度仔細選擇任何對比色和陰影避免使用不良的顏色組合