故事是這樣的

過(guò)去空間的配色很多，每次提取確實(shí)如同解密一樣的充滿“驚喜”。

亮瞎眼的鄰近色??相近顏色太多，差異不大，光一個(gè)灰色都有三四個(gè)，隱隱的感覺(jué)這是在做色盲測(cè)試。

設(shè)計(jì)師的痛 ?明明只是想要一個(gè)色值，卻不得不打開(kāi)差不多100M的PSD文件，去吸取顏色，去尋找顏色代碼，打開(kāi)時(shí)間可以看看小說(shuō)了~~~

坑爹的溝通??每次找開(kāi)發(fā)調(diào)整顏色，都要從界面中截圖說(shuō)明是跟哪里的顏色，色值多了，別說(shuō)是開(kāi)發(fā)，設(shè)計(jì)師都瘋了！

雖然有了標(biāo)注，但是還是可能遇到開(kāi)發(fā)問(wèn)：正文色是指什么顏色？色值是？ “色無(wú)能”??害怕增加顏色，想想每個(gè)主題都增加一個(gè)配色，每次增加一個(gè)模塊都需要隨著主題的增長(zhǎng)而增長(zhǎng)，這是找死的節(jié)奏啊 我們對(duì)商城說(shuō)：姐姐，不要再增加主題了，面對(duì)產(chǎn)品說(shuō)：姐姐，不要異化模塊了。 社稷師： 我本將心對(duì)顏色，誰(shuí)知顏色照溝渠！趁著夜黑風(fēng)高，咬咬牙，一不做二不休，不如來(lái)個(gè)“殺集取卵”~~~

砍掉多余顏色

其實(shí)就是合并相近的顏色，在設(shè)計(jì)的過(guò)程中，經(jīng)常會(huì)遇到同一個(gè)頁(yè)面出現(xiàn)2種或2種以上類似顏色的情況，為了規(guī)避這種情況，把相近的顏色進(jìn)行“合并再調(diào)整”，選出一個(gè)更適合的顏色。

集合色彩規(guī)則

1.對(duì)不同模塊的顏色進(jìn)行分類，包括“文字、色塊、圖標(biāo)、線條、按鈕”等等。并規(guī)范好每個(gè)分類的名稱,針對(duì)每個(gè)分類下的顏色差異使用1、2、3…的序號(hào)進(jìn)行命名,例如正文色T1、輔助文字T2、高亮文字顏色T3…

2.規(guī)范好能夠適配主題的幾套配色，只拓展主題、不增加配色，多套主題配合一套顏色，讓主題使用無(wú)極限。

取出配色代碼

讓設(shè)計(jì)和開(kāi)發(fā)迅速傳遞信息。確定好10套配色的代碼，并按分類定義色值。這里每一套主題的色值可能會(huì)不一樣，但是編號(hào)肯定是一致的，例如文字T1~T10、按鈕B1~B5…

孵化配色秘籍

當(dāng)你已經(jīng)完成了上面所有的事情，這個(gè)時(shí)候，你只需要給到一個(gè)“txt”文檔開(kāi)發(fā)，就可以一鍵完成單套主題所有的配色調(diào)整。

開(kāi)發(fā)哥調(diào)整顏色只需要更新txt文檔即可，再也不用一個(gè)代碼一個(gè)代碼敲了，大大提高效率，同時(shí)也提高了設(shè)計(jì)同學(xué)對(duì)顏色使用的把控度。

作者：DD

來(lái)源：騰訊ISUX

原文地址：http://isux.tencent.com/colors-decryption.html