文章目錄
- 啟動應用程式
- 動作條
- 小/上下文表徵圖
- 通知表徵圖
表徵圖
一個表徵圖是一個圖形,佔用螢幕空間的一小部分,並提供了一個快速,直觀的表示的一個動作,狀態,或應用。
啟動應用程式
啟動應用程式圖示在螢幕的首頁並且是所有應用程式的可視化表示。由於使用者可以更改在主畫面的壁紙,確保程式運行表徵圖在任何類型的背景下是清晰可見的。
尺寸和比例
行動裝置上的啟動表徵圖必須是48x48的DP。
啟動表徵圖上顯示Google遊戲上必須是512x512像素。
屬性
完整資源,48x48DP
樣式
使用一個獨特的陰影。體現三維的效果,在前視圖看來要有輕微的角度,從上方觀察要一樣,使用者感受到一些表徵圖的深度。
動作條
動作欄表徵圖的圖形按鈕是在你的應用中對於操作人最重要的按鈕。每個按鈕都應該使用簡單明了的比喻來表示一個單一的功能,大多數人都可以一目瞭然的知道這個表徵圖的應用的準系統。
要使用預定義的說明,如“重新整理”和“共用”
尺寸和比例
電話的動作條表徵圖應該是32x32 dp
核心地區的比例和大小
整體大小為 32x32 dp,核心地區24x24 dp
樣式
樣式要形象的,平面的,而不要過於詳細複雜,要線條流暢或尖銳的形狀,筆觸要比較厚重。如果圖形簡單單薄,要將其向左或向右旋轉45度,核心地區空間線條厚重些。空白和有線條的空白空間的厚度至少保持2個DP。
顏色
底色是: #333333
可以操作時: 60%透明
不能操作時: 30%透明
底色: #FFFFFF
可以操作時: 80% opacity
不能操作時: 30% opacity
小/上下文表徵圖
小/上下文表徵圖使用在應用程式內部,用來說明一個表面的行為或提供特定的狀態。例如,在Gmail應用程式中,每個訊息都有一個星形表徵圖,來表示郵件為重要。
尺寸和比例
小表徵圖應該是 16x16 dp
核心地區的比例和大小
整體大小為 16x16 dp,核心地區12x12 dp
樣式
樣式要中性色彩的,平面的,簡單的。筆觸比較細小,使用填充的形狀更容易被注意。使用簡單的視覺隱喻,使使用者可以很容易地認識和理解它是幹什麼的。
顏色
不要使用非中性色,目的是要達到保守的風格。例如,Gmail使用黃色的星形表徵圖來表示書籤訊息。如果表徵圖能觸摸反應的,選擇還有要與背景形成反差色。
通知表徵圖
如果應用程式有通知資訊,每當有新的通知可以在狀態列中顯示一個表徵圖。
尺寸和比例
通知表徵圖必須是 16x16 dp
核心地區的比例和大小
整體大小為 24x24 dp,核心地區22x22 dp
樣式
樣式使用平面和簡單的,使用單一的並有視覺隱喻的表徵圖作為執行表徵圖。
顏色
通知表徵圖必須是全白了。此外,系統可以縮小和變暗表徵圖。
作者:Bruce Lee
出處:http://www.cnblogs.com/BruceLee521
本博原創文章著作權歸部落格園和本人共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出作者名稱和原文串連,否則保留追究法律責任的權利。