你當初為何挑選進入互聯網?
2016-04-27
一樣是談天對象,Telegram 的這些弄法你大概想嘗嘗
2016-04-27
Show all

Facebook為何會挑選藍色?

面前的紅沒有是紅,你說的綠是甚麼綠……

天下上也許有8%到10%的男性和0.5%的女性得瞭分歧水平的色盲。這意味著,在你的網站的每100個訪客當中,大概就有最少10小我對付顏色的感知與你分歧。那末,怎樣做能力向全部的訪客包管視覺上的優越體驗,減小乃至清除色盲患者在顏色感知上的誤差呢?

一向以來,關於若何更好地針對色盲患者舉行無停滯化計劃存在著許多互相辯論的不雅點。在這裡,我們將列出一些在優化色盲用戶顏色體驗的計劃中須要斟酌到的主要事項。

色盲是甚麼

色盲是沒法分辯天然色譜中的某些色彩的狀況,同時,因為它的致病因是位於X染色體上的基因突變,以是它的男性患者遠多於女性患者。今朝存在三種重要的色盲范例:綠色盲,赤色盲和藍黃色盲。個中,又屬綠色盲最多見,赤色盲次之,而藍黃色盲較罕有。上面這張圖展現瞭分歧范例色盲患者眼中彩虹的顏色。今朝,已有一些測試(詳見下文鏈接)和典范向我們展現瞭色盲患者眼中的天下;但是,想要百分之百復原他們所看到的倒是沒有太大概的。

經由過程計劃完成顏色無停滯化

你大概會想:我有需要為那末一小部門用戶斟酌嗎?究竟上,從久遠來看,為色盲用戶做一些特別的優化計劃會使得你的團體計劃更加優良。以是,優良的網站應當是無停滯的

無停滯化計劃其實不會妨礙你的計劃的團體美感。以下是當你為顏色無停滯化舉行計劃時須要存眷的五個根本觀點:

1.色彩+標記

不該該隻依附於經由過程色彩來通報信息。

比方,某些色盲患者有大概基本沒法留意到赤色的報錯信息。以是,大能夠同時應用色彩和標記來吸收用戶的留意。比方,Facebook表單字段的赤色警示標記和解釋筆墨。

風趣的究竟是:Facebook的Logo和它為人詬病的藍色主題現實上是拜開創人馬克•紮克伯格所賜——馬克是一位紅綠色盲患者,對他來講藍色是最輕易分辯的色彩。他曾說過,“藍色是我性命中最豐碩的色彩,我險些能夠瞥見這世上全部的藍色。”

2.極簡主義

在計劃網站時幸免運用過量的色彩。

網站的顏色越簡略,對付色盲用戶來講越輕易應用。極簡的計劃不但在當下非常風行,同時也能讓你的計劃在顏色方面無停滯化。

3.外形/筆墨也能夠構成反差後果

活用外形或筆墨,而沒有是僅憑各類百般的色彩來凸起重點。

對付色弱或色盲的用戶來講,他們很難經由過程色彩來分辯圖示,是以,斟酌應用多樣化的形式會更好。

上面是一個絕佳典范。

4.應用反差大的顏色

不該僅僅依附詬誶兩色來表達籠統的內容,能夠遴選更多樣、通亮顏色融入你的計劃。

比方,當你在計劃可點擊文本的運用體驗時,即可以應用多樣化顏色來表示。

以上是一個將籠統觀點計劃得很好的示例,是綜合斟酌色盲用戶的人道化計劃。

5.幸免糟的顏色搭配

顏色搭配是一件須要巧思的工作。

跟著色盲對人們生涯的影響愈來愈龐雜,我們愈來愈難以界定在網頁計劃中哪些色彩的“平安”的。

這裡有一些須要隻管幸免的組合計劃,由於他們對色盲用戶來講都是惡夢:

綠色&赤色

綠色&棕色

藍色&紫色

綠色&藍色

淺綠&黃色

藍色&灰色

綠色&灰色

綠色&玄色

應用視覺後果模仿器,能夠贊助你為計劃遴選精巧的色彩組合。

若何磨練本身是不是是色盲或色弱?

許多人在很長一段時光裡都沒有曉得本身得瞭色盲或色弱,乃至直到別人指出題目之前他們都沒故意識到色盲已影響到瞭他們的生涯。

以下是一個經常使用的檢測色盲的圖象,你能夠嘗嘗。(文章末端能找到相幹鏈接)

總結

UX計劃師應當隻管將頁面計劃得人道化。

隻管這裡沒有同一的辦理計劃,但UX計劃師們仍應服膺一些原則:

沒有要僅用顏色來通報信息

將色系掌握在2至3個

應用文本和外形來表達籠統信息

應用差別性大的色彩和暗影來凸起可點擊的文本

幸免應用比方紅配綠、綠配藍或藍配灰如許糟的顏色組合

1.石原色盲考試:38項基本測試以後你會獲得反應。

/ishihara-38-plates-cvd-test/#prettyPhoto

2.色盲磨練:一款由Colorblindor計劃的安卓運用,60秒內你就可以獲得謎底。

https://play.谷歌.com/store/apps/details?id=ch.colblindor.colorblindcheck

3.Coblis-色盲測試裝配:你會看到分歧色盲水平患者眼中統一張圖象的分歧模樣。

/coblis-color-blindness-simulator/

4.挪動運用:推舉3款重要贊助色盲患者的安卓和iOS運用。

/iphone-and-android-app-developed-to-help-individuals-with-colorblindness/

翻譯 | 朱婷 、花花

校訂 | 心悅

文章推舉 | 王子娟

微信"號 | 特贊Tezign

本文由 @ 特贊Tezign 首創宣佈於大傢都是產物司理,未經允許,制止轉載。

註:相幹網站扶植技能瀏覽請移步到建站教程頻道。

>> 檢察更多類似文章

Comments are closed.