Android 色彩設計理念

標籤：des   android   style   http   io   color   ar   os   使用   

色彩

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

     色樣 – 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)

 

Android 色彩設計理念