Material design 色彩

八月已過去，九月剛來到~暑假已過去~九月上學季~~又迎來了一個桂花飄香的季節，你是否有了新的目標和計劃~~所以在九月初始給大家帶來一個全新的東西（ps：對于我來說是全新的東西）——Material Design~~九月讓我們一起好好學習吧~~

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

其實簡單說來，Material Design大概就是谷歌推出的旨在為手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”的一種全新的設計語言。

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

色彩

色彩從當代建筑、路標、人行橫道以及運動場館中獲取靈感，由此引發出大膽的顏色表達激活了色彩，與單調乏味的周邊環境形成鮮明的對比。強調大膽的陰影和高光。引出意想不到且充滿活力的顏色。

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

UI調色板

調色板以一些基礎色為基準，通過填充光譜來為Android、Web和iOS環境提供一套完整可用的顏色。基礎色的飽和度是500。

??????

UI顏色使用

選擇你的調色板

限制顏色的數量，在眾多基礎色中選出三個色度以及一個強調色。強調色用于后背，可有可無。

?

為灰色的文字、圖標和分隔線加上alpha值

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

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

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

我們十分鼓勵在UI中的大塊區域內使用醒目的顏色。UI中不同的元素適合主題中不同的色彩。工具欄和大色塊適合使用飽和度500的基礎色，這也是你應用的主要顏色。狀態欄適合使用更深一些的飽和度700的基礎色。

?

強調色

鮮艷的強調色用于你的主要操作按鈕以及組件，如開關或滑片。左對齊的部分圖標或章節標題也可以使用強調色。

?

備用強調色

如果你的強調色相對于背景色太深或者太淺，默認的做法是選擇一個更淺或者更深的備用顏色。如果你的強調色無法正常顯示，那么在白色背景上會使用飽和度500的基礎色。如果背景色就是飽和度500的基礎色，那么會使用100%的白色或者54%的黑色。

主題

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

• 淺色
• 深色

主題 – 1.3 MB(.ai)

?

原文：Color?翻譯：arjinmc?校對：PoppinLp

文章轉自：http://design.1sters.com/

轉載請注明：學ui網???Android設計規范 Material Design-Style（1.色彩）