這一節(jié)，我們介紹一些創(chuàng)建和收集顏色的方法和工具。一來，是對(duì)我們之前講過內(nèi)容的運(yùn)用；二來，它們也是我們?cè)谌粘ＴO(shè)計(jì)工作中經(jīng)常會(huì)用到的資源。
如何自定義顏色
如果你打算跳出Material Design的色彩體系，自己為App設(shè)計(jì)一套色彩，那么這里給大家一些建議。
如何創(chuàng)建單一色系
如果，你要給自己的單色UI設(shè)計(jì)顏色。和我們之前提到過的字體顏色一樣，最安全的方式就是堅(jiān)持只使用一種RGB顏色，然后，給這個(gè)顏色上疊加不同透明度的黑白來表現(xiàn)出層次效果。例如下面這樣：
可以看到，疊加的白色透明度越低，合成的顏色就越淺；疊加的黑色透明度越低，合成的顏色就越深。通過這種方式，我們就能自己制作出類似Material Design的單一色系顏色了。
通常，我們疊加的半透明度最低不小于20%，最高不大于80%，超過了這個(gè)極限，就很難再分辨出原來的顏色了。
或者，如果你需要一個(gè)連續(xù)變化的單一色系，可以在Sketch中打開顏色選擇器，把色彩設(shè)置成HSB模式，然后，只要保證H和S不變，讓B連續(xù)變化，就可以得到一個(gè)自然的單色過渡效果了。
如何選擇相近色系
如果，你要在Sketch中自己創(chuàng)建相近的色系作為primary color和secondary color，也很簡單。在顏色選擇器上，同樣是HSB模式，讓S和B的值固定不變，然后基于當(dāng)前顏色的位置，把滑塊前后挪動(dòng)“一點(diǎn)點(diǎn)”位置，就可以得到一個(gè)相近的顏色了。
那么，這個(gè)“一點(diǎn)點(diǎn)”究竟是多少呢？如果，你還記得我們?cè)诘谝还?jié)中提到的HSB色盤，就會(huì)發(fā)現(xiàn)，下圖中，OA'和OA''之間的區(qū)域，都可以認(rèn)為是OA的相近色，而這個(gè)角度的極值，是50，通常30以內(nèi)是更安全的選擇。
如何讓搭配看起來自然
無論你使用什么顏色，都有搭配自然的問題。當(dāng)你使用多個(gè)顏色，特別是要在彩色背景上顯示文字的時(shí)候，讓色彩的搭配看上去自然和諧就顯得尤為重要。例如：下面這些搭配，看上去就都不自然：
而下面這些搭配，看上去就舒服很多：
實(shí)際上，這些看上去還不錯(cuò)的文字顏色是有共性的。為了能足夠清晰的閱讀，文字的顏色應(yīng)該和背景色有足夠高的對(duì)比。如果你對(duì)自己不是很有自信，這里，一個(gè)安全的做法，就是在Sketch的顏色選擇器上，把色彩設(shè)置到HSB模式，然后，讓S在(0, 30)這個(gè)區(qū)間內(nèi)選擇就好了，你一定可以找到和背景色自然搭配的文字顏色。
