Android UI設計規范之知識點


界面尺寸

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

狀態欄高度:50px

導航欄高度:96px

標簽欄高度:96px

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

 

1、安卓app設計規范之尺寸或分辨率

目前最新安卓手機的屏幕尺寸都是5.5英寸啦。我們都知道安卓機的尺寸很多很雜。而且不同的分辨率對應不同的dpi模式。

Android也支持多種不同的dpi模式:ldpi   mdpi   hdpi     xhdpi   xxhdpi    xxxhdpi(4K分辨率)

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

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

2、Android APPUI設計師必知:pt sp dp之間的關系以及換算公式

3、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的尺寸設計下。

 

2、安卓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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM