Android UI設計規範之知識點

界面尺寸

android的尺寸衆多,建議使用分辨率爲720×1280的尺寸設計。這個尺寸720×1280中顯示完美，在1080×1920中看起來也比較清晰;切圖後的圖片文件大小也適中，應用的內存消耗也不會太高。

狀態欄高度：50px

導航欄高度：96px

標籤欄高度：96px

Android最近出的手機都幾乎去掉了實體鍵，把功能鍵移到了屏幕中，固然高度也是和標籤欄同樣的：96px 內容區域高度爲:1038px (1280-50-96-96=1038)

 

一、安卓app設計規範之尺寸或分辨率

目前最新安卓手機的屏幕尺寸都是5.5英寸啦。咱們都知道安卓機的尺寸不少很雜。並且不一樣的分辨率對應不一樣的dpi模式。

Android也支持多種不一樣的dpi模式：ldpi   mdpi   hdpi     xhdpi   xxhdpi    xxxhdpi（4K分辨率）

關於安卓APP設計的dpi詳細解讀請查看：

一、Android界面設計專業術語：xxxhdpi和4K分辨率

二、Android APPUI設計師必知：pt sp dp之間的關係以及換算公式

三、Android界面設計適配不一樣屏幕的尺寸和密度解讀

 

目前主流的安卓手機分辨率有如下3種：

hdpi，對應800*480的手機。主流機型，不少。如小米1 ，1s 三星 htc 等

xdpi，對應1280*720的手機。三星Galaxy系列和華爲p6.

xxdpi，對應1080*1920的手機。小米手機，華爲榮耀手機系列爲主加上 htc one。

 

下面是當面流行的安卓手機的屏幕尺寸和分辨率：

小米 3和小米4 屏幕尺寸和分辨率：        5英寸 1920×1080像素

魅族MX2 屏幕尺寸和分辨率：                 4.4英寸 1280×800像

魅族MX3 屏幕尺寸和分辨率：                 5.1英寸 1800×1080像素

HTC  one屏幕尺寸和分辨率：               4.7英寸 1920×1080像素

華爲榮耀6屏幕尺寸和分辨率：             5英寸 1920×1080像素

華爲p6屏幕尺寸和分辨率：                 4.7英寸 1280×720像素

華爲p7屏幕尺寸和分辨率：                  5英寸 1920×1080像素

 

在目前咱們的安卓APP設計項目當中，咱們並不會去爲每一種分辨率去設計一套UI界面。這是一種追求完美和理想的狀態。小公司確定是耗不起這樣的。

因此，這個時候咱們須要學會變通。爲了適應多分辨率，

1：在標準基礎（xdpi：1280*720）上開始，而後放大或縮小，以適應到其餘尺寸。

2：從設備的最大尺寸（xxdpi：1920×1080）開始，而後縮小，並適應到所需的最小屏幕尺寸。

有些時候咱們也會在實際開發過程當中，Android和IOS的設計稿若無太大差別，也可從IOS的分辨率（960*640）開始，再調整設計稿的比例，適應其餘分辨率。可是這種方法在切圖的時候 須要作一些圖片的調整。若是不是矢量圖的元件須要從新按照1280*720的尺寸設計下。

 

二、安卓app設計規範之字體和字體大小

咱們必須知道的安卓設計常識：安卓4.0以後用的字體是Roboto。中文字體：方正蘭亭黑體

今天跟你們講解的是在720*1280的基礎上的字體設計大小。

註釋最小字體：               12sp  ==  24px

文本字體：                       14sp  ==  28px

文章標題或圖標名稱：   16sp  ==   32px

導航標題：                       18sp  ==   36px

SP的詳細介紹以下：

sp和dp同樣，是android開發裏特有的單位，設計師在作UI設計的時候一般最初是創建320*480這個尺寸的畫布開始的，這個尺寸的畫布在android分辨率的分類中稱爲mdpi，在這個尺寸下，ps裏的1px就等於android中的1dp，一樣，這個時候1點的字就等於android中1sp，舉個栗子：你創建畫布的尺寸是320-480，裏面的文字是30點，那麼它就是30sp。

通常android設置長度和寬度多用dip,設置字體大小多用sp. 在屏幕密度爲160，1dp=1px=1dip, 1pt = 160/72 sp  1pt = 1/72 英寸.當屏幕密度爲240時，1dp=1dip=1.5px.

 

設計時候，咱們還須要遵循48dp定律。

48dp做爲安卓可觸摸的UI元件的標準。

通常來講，48dp轉化爲一個物理尺寸約9毫米。建議的目標大小爲7-10毫米的範圍，這是一個用戶手指能準確而且溫馨觸摸的區域。

若是你設計的元素高和寬至少48dp，你就能夠保證：

（1）. 觸摸目標毫不會比建議的最低目標（7mm）小，不管在什麼屏幕上顯示。

（2）. 在總體信息密度和觸摸目標大小之間取得了一個很好的平衡。

而每一個UI元素之間的空白一般是8dp.

 

 

 下面是某個安卓APP設計師對android設計作出的一個設計信息圖總結。

 

 

 

轉自：http://www.25xt.com/appdesign/6536.html