2016最新安卓版UI設計規範篇

無規矩不成方圓，我們的UI界面設計也是一樣，具有設計規範，系統建議的規範可以讓我們設計具有統一性，界面視覺更美觀，今天主要分享安卓版的ui界面規範。

概念篇

本文主要針對UI界面設計中安卓版的規範進行分享，如果你是新手，你就需要仔細的閱讀，可能你需要先了解一些基礎概念，如果你是牛哄哄的大神，可以選擇直接拉到中間，也可以看看，給我獎勵咯~互相探討分享。

像素

像素（px）簡單的來說就是顏色點。我們的屏幕都是由很多的小塊的顏色構成的，這每一個顏色塊我們就把它稱為像素，如下圖所示。就拿我們從小的夥伴馬里奧來做個例子，整張就是通過很多不同顏色的點構成的，把所有的顏色點集合再一起，就成了圖，而組成的這些點就是我們的像素了。

DPI

DPI指的是像素/英寸，直接翻譯過來就是每英寸裡面有多少個像素點，這個就是DPI。dpi的數值越大，就越清晰，同樣拿我們的馬里奧舉例。第一張圖是100dpi的，第二章是10000dpi的，但是的大小一致。簡單點說就是一樣大小的，第二張上的像素點比第一張多，所以就質量就更加的細膩，更加的清晰。

解析度

解析度其實跟我們dpi解釋差不多，只是範圍不同。我們整個顯示器，電腦屏幕都是由這些像素構成的，解析度的意思就是我們整個屏幕裡面有多少個像素點，像素越多，我們看到的屏幕越清晰。例如常見的iPhone5的解析度是640*1136，也就是說屏幕的寬有640個像素，屏幕的高有1136個像素的意思。

SP

SP是安卓中專門為字體設計的單位，由於我們市場上安卓手機的解析度越來越多，所以去適配的時候就出現了很多的麻煩，數據太多。所以安卓為了更好的適配給出了這個設計單位。在mdpi密度的屏幕中：1px=1sp。主要用於字體顯示，可以根據用戶的字體大小進行縮放，打個比方：

上面對應的是三種解析度的屏幕顯示，第一個是一倍的mdpi，第二個是兩倍的xhdpi，第三個是三倍的xxhdpi。如果mdpi上的字體是12px，那麼所對應的是12sp。因為sp在任何解析度上都不會改變，所以也都是12sp，而xhdpi的字體大小顯示就是：12*2=24px，xxhdpi的字體大小顯示就是12*3=36px，以此類推。

DP

DP也是一個為了安卓適配時用到的單位，安卓為了適配不同解析度給出的單位，它也不會因為屏幕解析度大小不一樣而發生變化。適配解析度的時候也是記住，在mdpi密度的屏幕中：1dp=1px，其餘的解析度用倍率乘以這個dp值就行了，如圖所示。

好了，介紹了基本的幾個概念，那可能有的人就不明白了，為什麼要了解這些概念？

目前的市場上的手機有不同的解析度：160/320/480dpi等。所以，我們不可能去記住那麼多的數據，因此我們就通過DP這個單位和與PX的轉化去記住。注意的是轉化的時候不止是圖標轉化，間距和所有元素的大小也要相應的進行改變。而且還有一點值得注意的是，因為我們設計常用單位是PX ，設計的時候我們用這個單位，但是開發人員則用dp ，所以在這個設計過程中去適配不同的手機，安卓使用dp這個單位來進行px之間的轉化，就是一個上述概念中的一個使用單位。

那麼怎麼去適配？單位之間怎麼轉化才可以讓開發人員準確的還原我們的設計圖，以及在設計過程中該怎麼規範設計，去適配不同解析度的手機呢？

現在市場上有很多種的系統、比如我們的安卓，蘋果、黑莓、windows phone等，身為一個ui設計師，我們都應該對這些系統有所了解，了解完之後再去做APP界面就會更加的得心應手。上表是一張安卓版本的設計參考規範表，首先了解市場上用得最多安卓的解析度種類：LDPI、MDPI、HDPI、XHDPI、XXHDPI。

首先我們從上往下來分析上表：

第一行就是我們的手機解析度，這個是一定要記住的，比較重要的，我們去做設計圖的時候就是利用它的這個解析度作為尺寸的。

第二行是密度值，這個是手機出廠的時候手機廠商給的，就是一個英寸裡面有的顏色點，比如LDPI這個解析度的，它每一個英寸裡面就有120個顏色點，所以密度值越高，屏幕越清晰，接下來的比例就只是一個相對應的比例了，沒什麼好說，接下來看一下下面的倍率關係。

以MDPI為基準，也就是說MDPI是一個一倍的解析度，那麼其它的都給出了它們相應的倍率，去適配的時候就是通過記住這個倍率去進行大小尺寸的轉換。那麼我們有這麼多的解析度，對應的就有這麼多的尺寸，我們去設計的時候應該拿哪一個的尺寸來作為設計稿呢？一般去選擇設計稿的時候有兩種方法：

方法1：以一個基本的尺寸(MDPI=320*480或者XHDPI=720*1280) 開始，之後將其縮放到不同的屏幕尺寸。

方法2：從最大的屏幕尺寸開始，之後為小屏幕去掉一些 UI 元素。

因為MDPI是一倍的，而XHDPI是兩倍，都是整數倍，容易去適配其它的解析度，如果以XHDPI為設計稿，設計的所有數值都要求是雙數的，去轉換的時候才能保證不出現小數點，第二種方法的話就比較難去控制，所以一般還是建議用第一種，當然最好的方式自然是每一個解析度都單獨去做一套界面圖。

了解完這些解析度和用什麼尺寸做標準之後，接下來讓我們直接看一下界面設計要注意的一些規範。首先先從界面的布局尺寸開始：

布局規範表

責任編輯：橫走網
推薦閱讀：