自由手記

轉載自 http://www.uml.org.cn/jmshj/201303115.asp

样式

設備和顯示器

Android有百萬計的手機、平板電腦和其他設備，這些設備都有各種屏幕尺寸。利用Android的靈活的布局系統，您可以創建小到手機大到平板的各種應用程序。

變通

拉伸和壓縮布局，以适應不同的高度和寬度。

優化布局

在大型設備中有額外的屏幕空間利用。但在移動手持設備上需要創建复合的視圖，結合多個視圖來顯示更多的內容，並且是這些視圖易於導航。

所有的資源

提供不同的屏幕分辨率（DPI）的資源，以確保您的應用程序在任何設備上看上去都很好，比如32*32，64*64

策略

那麼設計這些多尺寸的屏幕，應該從哪個規格開始？一種方法是先設計標准設備的（正常大小和MDPI），然後設計向上和向下比例的尺寸。另一種方法是從最大屏幕尺寸的開始，然後縮減，並找出我們需要使在小屏幕上的折中的UI。

主題

主題是Android機器應用統一样式到應用程序或活動的一。样式指定用戶界面元素的視覺屬性，如顏色，高度，填充和字體大小。为了促進更大的平台上的所有應用程序之間的凝聚力，Android提供了三個系統的主題，你可以從中選擇來構建應用程序：

全亮主題

全暗主題

全亮與全暗動作條主題

Gmail是使用全亮的主題。

Settings是使用全暗主題.

Talk使用全亮與全暗動作條主題.

觸摸反饋

使用顏色和明亮來響應觸摸，強化行为的手勢，並表明什麼样的動作是允許的什麼样的是不允許的。

當用戶觸摸可操作的區域，應用程序需要可視化的反應。這讓用戶知道哪些對象被觸摸了，你的應用程序是“聽”到觸摸了。

狀態

Android的UI元素具有內置的觸摸反饋，包括狀態，用於指示觸摸元素是否會產生什麼反應。

通訊

當你的對象作出反應，更复雜的手勢，幫助用戶了解操作的結果將是什麼。例如，在最近，當你開始刷的縮略圖左或右，開始暗淡。這有助於用戶明白，刷卡會導致被刪除的資料。

邊界

當用戶嘗試向上或向下滾動過去的一個可滾動區域，邊界視覺效果要提示给用戶。例如，如果用戶試圖向上滾動第一主屏幕面板，應該指示進一步向上導航是不可能的。已經有很多Android的滾動UI部件（如列表或網格列表）支持內置的邊界反饋，如果構建自定義的部件，要記住做邊界反饋

度量和網格

移動設備不僅不同的物理尺寸，而且在屏幕分辨率（DPI）。为了簡化多個屏幕設計的方式，手機（小於600dp）平板（大於或等於600dp）。有幾種分辨率LDPI，MDPI，HDPI，XHDPI。優化您的應用程序的用戶界面的布局設計來取舍不同的分辨率，並提供可供選擇的不同分辨率位圖圖像。

空間的考慮因素

要做到不同分辨率的設備無關性。

48dp基准單位

觸摸式UI組件通常使用48dp基准單位，比如有些空間可能是48dp*2。

为什麼48dp基准單位

48dp轉換为物理尺寸大約約9mm左右。這是一個經過多個用戶驗證過比較适合觸摸屏的尺寸，舒适的觸摸空間在（7-10毫米）的範圍內，這將能夠可靠地，准確地定位觸摸的手指。

如果設計的元素已經保證高度和寬度是48dp，那麼具體原則如下：

你的目標永遠不會小於推薦的最小目標尺寸--7mm，無論他顯示在什麼样的屏幕上。

你要在整體的信息密度以及與其他UI元素的靶向性之間做一個很好的妥協。

縫隙的原則

每個UI元素的縫隙8dp为基准單位。

排版（字體）

Android的設計語言依賴於傳統的排版工具，如比例，空間，節奏和基礎網格對齊。成功地使用這些工具可以幫助用戶快速了解屏幕信息。Roboto是專門为用戶界面和高分辨率屏幕要求而設計的。默認情況下，目前的TextView的框架支持常規，粗體，斜體，粗斜體。

默認的顏色

Android的UI使用默認顏色的風格：textColorPrimary和textColorSecondary。對於全亮主題使用textColorPrimaryInverse和textColorSecondaryInverse的。框架的文本顏色样式也支持觸摸反饋狀態的變化。

字體比例

相同的用戶界面有太多的不同尺寸會很混亂。 Android框架使用下面的一組有限的大小：

用戶可以選擇系統範圍內的縮放因子設置應用程序中的文本。为了支持這些輔助功能，應做到尺寸無關。支持可擴展的類型的布局，應該對這些設置進行測試。

顏色

顏色

使用顏色的目的是为了突出重點。選擇适合自己品牌並能與可視化組件之間形成對比的顏色。需要注意的是紅色和綠色對於色盲用戶可能無法區分。

調色板

在Android的調色板中藍色是標准顏色。每種顏色都有一個對應的暗的陰影，在需要時，可以用來作为一種補充。

圖標

一個圖標是一個圖形，占用屏幕空間的一小部分，並提供了一個快速，直觀的表示的一個動作，狀態，或應用。

启動應用程序

启動應用程序圖標在屏幕的首頁並且是所有應用程序的可視化表示。由於用戶可以更改在主屏幕的壁紙，確保程序運行圖標在任何類型的背景下是清晰可見的。

尺寸和比例

移動設備上的启動圖標必須是48x48的DP。

启動圖標上顯示穀歌遊戲上必須是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

样式

样式使用平面和簡單的，使用單一的並有視覺隱喻的圖標作为執行圖標。

顏色

通知圖標必須是全白了。此外，系統可以縮小和變暗圖標。