八月已過去，九月剛來到~暑假已過去~九月上學(xué)季~~又迎來了一個(gè)桂花飄香的季節(jié)，你是否有了新的目標(biāo)和計(jì)劃~~所以在九月初始給大家?guī)硪粋€(gè)全新的東西（ps：對(duì)于我來說是全新的東西）——Material Design~~九月讓我們一起好好學(xué)習(xí)吧~~

首先來普及下什么是：Material Design。它是谷歌推出的全新的設(shè)計(jì)語言，谷歌表示，這種設(shè)計(jì)語言旨在為手機(jī)、平板電腦、臺(tái)式機(jī)和“其他平臺(tái)”提供更一致、更廣泛的“外觀和感覺”。
谷歌安卓操作系統(tǒng)用戶體驗(yàn)主管馬蒂亞斯·杜拉特（Matias Durate）在今天的I/O開發(fā)者大會(huì)主題演講中表示：“我們想象著，如果像素不僅有顏色，還有深度，那會(huì)是怎樣的一番情景？如果有一種材料可以改變它的質(zhì)地，那又會(huì)如何？這種暢想最終讓我們開發(fā)出了我們稱之為Material Design的設(shè)計(jì)語言。”
Material Design語言的一些重要功能包括 系統(tǒng)字體Roboto的升級(jí)版本 ，同時(shí)顏色更鮮艷，動(dòng)畫效果更突出。杜拉特還簡(jiǎn)要談到了新框架的一些變化——這個(gè)新框架也于今天在 google.com/design 公開發(fā)布。谷歌的想法是讓谷歌平臺(tái)上的開發(fā)者掌握這個(gè)新框架，從而讓所有應(yīng)用就有統(tǒng)一的外觀，就像是蘋果向開發(fā)者提出的設(shè)計(jì)原則一樣。
谷歌還基于這種新的設(shè)計(jì)語言對(duì)本公司旗艦應(yīng)用進(jìn)行了重新設(shè)計(jì)，包括安卓和網(wǎng)頁(yè)端的Gmail和Calendar。大家可能還會(huì)記得，最近曾看到過有關(guān)這些變動(dòng)的文章， 有些博客 已經(jīng)掌握了外泄截屏，顯示經(jīng)過了重新設(shè)計(jì)的Gmail，界面更干凈、更簡(jiǎn)約。
在安卓平臺(tái)上，這種新界面被稱為Material，支持各種新動(dòng)畫效果，具有內(nèi)置的實(shí)時(shí)UI陰影，以及可在不同屏幕之間切換的hero元素。

其實(shí)簡(jiǎn)單說來，Material Design大概就是谷歌推出的旨在為手機(jī)、平板電腦、臺(tái)式機(jī)和“其他平臺(tái)”提供更一致、更廣泛的“外觀和感覺”的一種全新的設(shè)計(jì)語言。

今天就來講講它style中的色彩。

色彩

色彩從當(dāng)代建筑、路標(biāo)、人行橫道以及運(yùn)動(dòng)場(chǎng)館中獲取靈感，由此引發(fā)出大膽的顏色表達(dá)激活了色彩，與單調(diào)乏味的周邊環(huán)境形成鮮明的對(duì)比。強(qiáng)調(diào)大膽的陰影和高光。引出意想不到且充滿活力的顏色。

? ? ?色樣 – 0.13 MB(.zip)

UI調(diào)色板

調(diào)色板以一些基礎(chǔ)色為基準(zhǔn)，通過填充光譜來為Android、Web和iOS環(huán)境提供一套完整可用的顏色。基礎(chǔ)色的飽和度是500。

??????

UI顏色使用

選擇你的調(diào)色板

限制顏色的數(shù)量，在眾多基礎(chǔ)色中選出三個(gè)色度以及一個(gè)強(qiáng)調(diào)色。強(qiáng)調(diào)色用于后背，可有可無。

?

為灰色的文字、圖標(biāo)和分隔線加上alpha值

為了有效地傳達(dá)信息的視覺層次，應(yīng)該使用深淺不同的文本。對(duì)于白色背景上的文字，標(biāo)準(zhǔn)alpha值為87%（#000000）。視覺層次偏低的次要文字，應(yīng)該使用54%（＃000000）的alpha值。而像正文和標(biāo)簽中用于提示用戶的文字，視覺層次更低，應(yīng)該使用26%（#000000）的alpha值。

其它元素，如圖標(biāo)和分隔線，也應(yīng)該具有黑色的alpha值，而不是實(shí)心顏色，以確保他們能適應(yīng)任何顏色的背景。

對(duì)于彩色背景上白色或黑色文字，可以通過表格中的調(diào)色板找到合適的色彩對(duì)比度和alpha值。

我們十分鼓勵(lì)在UI中的大塊區(qū)域內(nèi)使用醒目的顏色。UI中不同的元素適合主題中不同的色彩。工具欄和大色塊適合使用飽和度500的基礎(chǔ)色，這也是你應(yīng)用的主要顏色。狀態(tài)欄適合使用更深一些的飽和度700的基礎(chǔ)色。

?

強(qiáng)調(diào)色

鮮艷的強(qiáng)調(diào)色用于你的主要操作按鈕以及組件，如開關(guān)或滑片。左對(duì)齊的部分圖標(biāo)或章節(jié)標(biāo)題也可以使用強(qiáng)調(diào)色。

?

備用強(qiáng)調(diào)色

如果你的強(qiáng)調(diào)色相對(duì)于背景色太深或者太淺，默認(rèn)的做法是選擇一個(gè)更淺或者更深的備用顏色。如果你的強(qiáng)調(diào)色無法正常顯示，那么在白色背景上會(huì)使用飽和度500的基礎(chǔ)色。如果背景色就是飽和度500的基礎(chǔ)色，那么會(huì)使用100%的白色或者54%的黑色。

主題

主題是對(duì)應(yīng)用提供一致性色調(diào)的方法。樣式指定了表面的亮度、陰影的層次和字體元素的適當(dāng)不透明度。為了提高應(yīng)用間的一致性，提供兩種主題選擇：

• 淺色
• 深色

主題 – 1.3 MB(.ai)

?

原文：Color?翻譯：arjinmc?校對(duì)：PoppinLp

文章轉(zhuǎn)自：http://design.1sters.com/

轉(zhuǎn)載請(qǐng)注明：學(xué)ui網(wǎng)???Android設(shè)計(jì)規(guī)范 Material Design-Style（1.色彩）

轉(zhuǎn)載于:https://www.cnblogs.com/zhangmingze/articles/4632804.html

總結(jié)

以上是生活随笔為你收集整理的Material design 色彩的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。