引言：
提及色彩，人人皆有自我喜好與發(fā)言權(quán)，不同領(lǐng)域的從業(yè)者亦有各自維度的認(rèn)知。畫家眼中色彩是藝術(shù)情感的傳達(dá)，科學(xué)家眼中色彩是光譜原理的分析，心理學(xué)家將色彩與性格特征相鏈接，時(shí)尚大師則視色彩為一種流行趨勢(shì)… …盡管這話說的有些主觀，但不可否認(rèn)，基于不同的立場(chǎng)，從業(yè)者對(duì)于色彩的研究與運(yùn)用必然是有所側(cè)重的。當(dāng)色彩遭遇到互聯(lián)網(wǎng)海量數(shù)據(jù)、信息可視化的展示時(shí)，設(shè)計(jì)師們將站在何種立場(chǎng)，如何演繹這種維度的認(rèn)知呢？本文以淘寶數(shù)據(jù)可視化組件庫的色彩研究為實(shí)踐案例，節(jié)選部分章節(jié)與結(jié)論，與眾阿里大牛們共同探討色彩在數(shù)據(jù)可視化領(lǐng)域中的應(yīng)用。

關(guān)鍵詞：
標(biāo)準(zhǔn)化、通用化、無障礙設(shè)計(jì)、色彩算法、拓展運(yùn)用

立場(chǎng)與角度：
正如首節(jié)所言，色彩這一司空見慣的常識(shí)性認(rèn)知看似簡(jiǎn)單易懂任君所選，實(shí)則變換無窮乃至局限重重。尤其是作為設(shè)計(jì)從業(yè)者，并不像外界想象的那樣可以如藝術(shù)家那般依據(jù)內(nèi)心情感的指引的來選擇色彩、肌理、表現(xiàn)方式等。作為一家互聯(lián)網(wǎng)公司，首當(dāng)其沖，就要面對(duì)上億的大眾用戶，同時(shí)，還必須考慮到色盲色弱用戶的無障礙使用。因此，其色彩的選擇與運(yùn)用必然是盡可能的追隨客觀與科學(xué)的法則，而非主觀的情感表達(dá)。通用化、標(biāo)準(zhǔn)化、無障礙，即是解決問題的第一要義。而數(shù)據(jù)可視化組件庫中的色彩運(yùn)用則更體現(xiàn)了這種必要性。因?yàn)榻M件庫的色彩應(yīng)用不僅僅像網(wǎng)頁那樣要面對(duì)最直接上億的用戶，讓對(duì)方能夠減少視覺疲勞的進(jìn)行操作，同時(shí)又要面對(duì)那些間接的數(shù)據(jù)開發(fā)用戶，讓其能用盡可能簡(jiǎn)單的邏輯語言進(jìn)行編程與操作，進(jìn)行海量數(shù)據(jù)的處理。

因此，這并不是 “ 找到一張世界名畫或微博美圖，并用PS的取色工具選取幾個(gè)主色來搭配一下 ” 就可以完成的工作。在面對(duì)上述局限與需求時(shí)，標(biāo)準(zhǔn)化、通用化、無障礙的設(shè)計(jì)立場(chǎng)毫無疑問是第一位的。

當(dāng)下的問題：
正如上一段落末尾所講，在有了各種傻瓜圖形軟件的今天，設(shè)計(jì)師的配色方案似乎就是選一張有“情感”的圖片，選一下其中的顏色，屏幕端將其轉(zhuǎn)化成RGB編號(hào)，印刷廠將其轉(zhuǎn)化成CMYK，然后出一套方案，運(yùn)用在產(chǎn)品設(shè)計(jì)乃至VI\CI中。 這個(gè)做法當(dāng)然沒錯(cuò)，畢竟是一種最質(zhì)樸的“源于自然”的設(shè)計(jì)過程，七年前我進(jìn)美院讀書時(shí)，老外教授也是這樣教導(dǎo)我們的。只不過，在這種應(yīng)用法則風(fēng)靡的同時(shí)，同行們卻漸漸淡忘了色彩的原始要義。色彩本就是一種光譜，本就是一門看的科學(xué)。在周圍的同行中，很少有人真正的從“識(shí)別性”的角度，從原始色環(huán)開始，做一遍又一遍的實(shí)驗(yàn)，得出一個(gè)維度，乃至一個(gè)公式，有底氣的對(duì)產(chǎn)品經(jīng)理說這就是標(biāo)準(zhǔn)化的方案，對(duì)開發(fā)工程師說這就是通用化的算法，對(duì)用戶說這就是無障礙的識(shí)別。

基于那些需求與局限，本次研究采用了HSB的運(yùn)算法則，以波段運(yùn)動(dòng)頻率的方式，相對(duì)科學(xué)的分析原色的變換規(guī)律，使得在不同的色彩區(qū)間內(nèi)都優(yōu)化了識(shí)別性，并尋找出期間的算法規(guī)律，以盡可能標(biāo)準(zhǔn)化、通用化的方式輸出，使得后期遇到海量數(shù)據(jù)處理時(shí)亦能夠豐富拓展應(yīng)用。

部分結(jié)論：
好了，介紹完立場(chǎng)與角度，分析完當(dāng)下問題，咱寒暄之語也就不多說了，直接上干貨。干活貨分為“基本原則”、“拓展應(yīng)用”2部分來呈現(xiàn)可視化組件設(shè)計(jì)中色彩研究與應(yīng)用。
基本原則：
1、基于HSB調(diào)色原理降噪后的20色環(huán)指數(shù)的應(yīng)用規(guī)則。
方法：

a、調(diào)整色相（H）劃分不同區(qū)段；
b、調(diào)整亮度（B），增加顏色區(qū)段的差異性；
c、調(diào)整飽和度（S），增加各顏色區(qū)段可讀性，減少視覺疲勞。

目的：最大程度的區(qū)分相鄰的色相值 / 色盲模式下通用性無障礙。

圖1：HSB取色原則與基礎(chǔ)色優(yōu)化

2、以RGB的色彩波段分布形式，優(yōu)先選取基礎(chǔ)色。

 1/2    1 2 下一頁 尾頁