一篇文章帶你認識Android“真麵目”

安卓與iOS一直都是占據市場主流的兩大係統。大家可能都用過這兩個手機係統，但是對於它們各自的特性卻不太了解，今天就帶大家先了解一下安卓係統的“真麵目”。

Google在推出Android Lillipop（5.0）時，正式介紹名為Material Design的設計語言，其包含了視覺、動效和交互設計，並支持多平台的綜合規範。

Android的市場占有率是很高的，除了智能手機，還有智能電視、穿戴設備以及市麵上很多的電子終端都是Android操作係統。由於Android的開放性，所有品牌商都可以基於原生的係統進行重新的設計，不僅是視覺表現多樣性，交互形式也略有不同所以大家看到的Android設備可能是以下的樣式：

再次設計開發，某一程度都會遵循Android的基本規範的。而官方的設計指南裏里提供很多值得參考的設計方法，但是由於客觀的因素影響（牆太厚 - -!），導致很多人沒有直接接觸到Android的原生係統，這次就想通過這篇文章，大概地說說，從視覺設計方麵，我對Android原生係統的看法。由於Material Design包含的內容較多，網上也有很多相關的資料，包括Google的官方網站https://material.io目前也可以直接訪問，不需要翻牆了，所以這次我隻選取兩個比較有Android特色的控件來說說我的看法。它們分別是底部導航和卡片，前者是最新規範才有的內容，後者是Android的形象代言人。

底部導航（Bottom Nabigation Bar）

底部導航是Google最新的設計規範才有的內容，以前是不建議在安卓手持設備設置底部導航（也就是IOS中常見的底部標簽欄），因為會容易跟功能按鍵衝突，而且視覺效果也較差，但是從交互體驗來說，人的手部操作熱區都集中在手機下部，所以在基於用戶體驗，把傳統的底部導航做了優化，方便用戶在頂級試圖地內容切換，同時也盡大可能避免跟功能按鈕的衝突，確保提供更好的操作體驗的同時兼顧視覺展示效果。

底部導航設計指南：

1、標簽的數量控製在3～5個之間，並顯示完整。

2、標簽必須直接跳轉到目標頁麵；

3、標簽的樣式：設計樣式必須與功能按鈕有明顯的區分，避免把底部導航跟功能按鈕混淆。

a）圖標與描述文本：

①當標簽是選中狀態時，建議顯示圖標和文本。

②當隻有3個標簽時，同時顯示圖標和文本。

③如果標簽的數量在4·5個，隻需顯示圖標。

④文本不能換行、不能隻顯示局部或大小不一，避免如下設計：

b)顏色：選中狀態的標簽元素顏色必須是app的主色調，如果導航欄運用的其他顏色，標簽元素建議使用白色或黑色；不能使用多種色彩，如圖：

4、標簽的尺寸：

a）寬度（包括視覺大小和可操作大小）：以標簽數量均分，建議80dp～168dp；

b）高度：56dp

c）圖標：24x24dp

d）間距：

圖標上邊距：選中時：6dp；默認：8dp

文本下邊距：10dp；

文本左右間距：12dp；

e）文本大小：

默認狀態：14sp；

選中狀態：12sp；

5、交互行為

a）向下滑動，瀏覽內容時，暫時隱藏底部導航，網上滑動時，顯示底部導航；

b）避免使用橫向滑動進行視圖切換；

c）模態視圖必須在底部導航之上，如下彈式菜單、虛擬鍵盤等；

以上是Google在Material design里給出的設計規範，其實不僅在Android平台可以使用，在其他平台設計時，也可以做參考。另外在做設計設計時，也可以用8點柵格作為基準值，定製比較精準、專業的移動端頁麵。