顏色

顏色的靈感是來自於設置在寧靜場合之中強烈顏色的標示，參考當代建築、道路標誌、地面標線 以及體育場給的啟發，強調明顯的陰影、高光、令人意外的資訊以及鮮豔的色彩。

Color Swatch 0.13 MB (.zip)

使用者介面色票

這些色票起始於基本的顏色，填滿色譜建立一個完整的，可給 Android、Web、 iOS使用的色票， 這些色票的範圍再500色以內。

使用者介面的顏色運用

選擇你的色票

限制你選擇的顏色在三種色調以內，一個為基本色、一個是強調色、最後是次要色， 強調色依情況，是可有可無的預備方案。

使用alpha值設定你的灰色文字、icon以及分隔線

為了有效地傳達信息的層次結構，用深淺不同的文字顏色， 在白色背景上的文字標準alpha值為87％（＃000000） 第二階層的文字，這是再低的視覺層次， 則應該有54％（＃000000）的alpha值， 文字提示對於使用者來說， 像那些在文字欄位和標籤， 應該有更低的視覺效果，適用26％（＃000000）的alpha值。

其他元素，如icon與分隔線，也可使用黑色的alpha值來設定， 而不是以實心顏色做選擇，這樣可以確保它們在任何背景上不會突兀。

對於彩色背景裡的黑白文字，在色票表裡找出他們適當的對比度以及alpha值。

極力推薦在大標題的欄位用大膽顯眼的色系，不同的介面元素用不同的色系主題， 工具列及較大的色塊區域使用500的原色，這是你應用程式的主色調， 狀態列則是用700的暗色調。

強調色

充滿活力的強調色用於您的主要操作按鈕以及組件，如切換式選單或拉桿。 靠左對齊的部分icon或章節標題也可以使用強調色。

次要強調色

如果你的強調色對於背景實在太亮或太暗，你可以選擇調亮或調暗的強調色當你的次要強調色， 如果你的強調色不會在所有地方，次要強調色請使用500的純色在白色背景上， 如果你的背景已經是500的純色，次要強調色則回歸100%白或54%黑。

主題

主題是一種方式，讓應用程式應用同一種色調， 這個風格奠定了表面的亮暗、陰影的層級、和油墨元素裡的適當不透明度， 為了促進應用程式畫面的一致性，提供了兩種主題可選擇:

• Light 亮色調
• Dark 暗色調

Theme

翻譯： Tillonter