Android的介面設計規範-3

來源:互聯網
上載者:User
文章目錄
  • 啟動應用程式
  • 動作條
  • 小/上下文表徵圖
  • 通知表徵圖
表徵圖

一個表徵圖是一個圖形,佔用螢幕空間的一小部分,並提供了一個快速,直觀的表示的一個動作,狀態,或應用。

啟動應用程式

啟動應用程式圖示在螢幕的首頁並且是所有應用程式的可視化表示。由於使用者可以更改在主畫面的壁紙,確保程式運行表徵圖在任何類型的背景下是清晰可見的。

尺寸和比例

行動裝置上的啟動表徵圖必須是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
本博原創文章著作權歸部落格園和本人共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出作者名稱和原文串連,否則保留追究法律責任的權利。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.