-
從三類顏色說(shuō)起------Primary color,Secondary color,Accent color
先打開AndroidStudio，新建一個(gè)項(xiàng)目，在res/values/color中有如下代碼
res/values/color
谷歌在MD官方提到了在設(shè)計(jì)中的三類顏色Primary color腹尖，Secondary color，和Accent color：
Primary color其實(shí)就是App的主色調(diào)，參考谷歌官方貼出的調(diào)試板，推薦飽和度為500蛮放，也就是下圖中最上面的色彩
對(duì)比第一幅圖中的colorPrimary值正是#3F51B5，Primary color作為主色調(diào)奠宜，應(yīng)該在屏幕和組件中最廣泛的使用包颁。
colorPrimary了解了，colorPrimaryDark又是干什么的呢挎塌？這也就是接下來(lái)說(shuō)的Second color(第二顏色徘六？内边？榴都？)，應(yīng)該翻譯成輔助顏色才正確漠其，作為輔助顏色嘴高，顏色應(yīng)該與主色調(diào)保持相似，即在主色調(diào)的基礎(chǔ)上加深或者變淺和屎，官方并未明確具體使用多少飽和度的顏色（調(diào)色板給出了九種（除開500）為開發(fā)者提選擇）拴驮，下圖是官方的介紹Secondary color時(shí)的一個(gè)插圖
值得注意的是這里的Second color有兩種顏色，除了飽和度為700的#303F9F還有一個(gè)飽和度為100的淺藍(lán)色柴信，中間是Primary color套啤。Second color起過(guò)度的作用，體現(xiàn)層次感随常。比如在狀態(tài)欄（谷歌推薦飽和度為700）中的使用潜沦。當(dāng)然你也可以在你的App中想其過(guò)度的地方使用輔助顏色。比如下面這幅圖：
最后一個(gè)也就是colorAccent 绪氛，翻譯叫做強(qiáng)調(diào)色唆鸡，其實(shí)在谷歌官方的調(diào)色版中有這樣一排顏色
飽和度從50上升到900然后就突然變成了A100，中間似乎還有點(diǎn)隔斷枣察，故意區(qū)分開來(lái)争占，其實(shí)這個(gè)A也就是colorAccent中Accent的縮寫燃逻，沒錯(cuò)，這就是強(qiáng)調(diào)色臂痕，驗(yàn)證這個(gè)的是初始項(xiàng)目中的粉色#FF4081正是粉色的強(qiáng)調(diào)色
強(qiáng)調(diào)色的作用故名思義就是起強(qiáng)調(diào)作用(一般顏色都比較艷麗伯襟，比如這里的粉色)，在Progressbar握童，一些重要鏈接 逗旁，光標(biāo)，選中文字顏色等中使用舆瘪。
有時(shí)會(huì)遇到上圖右圖中的問(wèn)題片效，這時(shí)候就需要用亮色的強(qiáng)調(diào)色代替。
掌握了上面三類顏色英古，就能寫出符合MD設(shè)計(jì)的主題了淀衣，以此來(lái)達(dá)到規(guī)范的目的
- 不可不提的不透明度
在App開發(fā)中會(huì)接觸到不同的數(shù)據(jù)，在展示這些數(shù)據(jù)過(guò)程中召调，有個(gè)優(yōu)先級(jí)的問(wèn)題膨桥，即哪些數(shù)據(jù)是最主要的，應(yīng)該強(qiáng)調(diào)展示唠叛，哪些次之只嚣。那么谷歌是怎么做的呢？
可以看到文字的不透明度被分成了3個(gè)層次艺沼，有點(diǎn)兩點(diǎn)需要注意
- 在暗色和亮色背景下各層成的透明度是不同的
- 主色調(diào)與強(qiáng)調(diào)色的不透明度都是100%
參考Material Design官方寫的一篇文章册舞，個(gè)人非常喜歡MD設(shè)計(jì)，剛開始寫博客障般，不知道寫什么好调鲸，于是從MD設(shè)計(jì)寫了。
嗯挽荡，2017.2.24藐石，第一篇博客。
