安卓ui設計尺寸規范

Ⅰ 安卓手機ui設計尺寸規范

眾所周知，安卓系統是開源的，國內又有超多的手機廠商，小米、魅族、華為、oppo、三星等，每一個品牌有屬於自己的UI設計規范，但是我們主要分析UI界面尺寸規范。
1、字體
安卓系統中文採用的是思源黑體，英文字體為robot字體。
只使用偶數單位 24 pt，28 pt，36 pt等字體大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什麼意思？
講圖標之前先來分析一下一排英文的意思：
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次數值越大，其解析度越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系統專用的長度單位，設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬體有關。多為圖標使用，文字則用sp(放大像素)，主要用於字體顯示best for textsize。
px是像素的意思， 不同設備顯示效果相同。
從左到右依次是：① 應用欄高度：56dp；應用欄左右內邊距為16dp；應用欄圖標上下左內邊距為16dp；應用欄標題左內邊距為72dp；應用欄標題下邊距：20dp；
②應用欄高度為128dp；
③操作欄高度為56dp；標題欄高度：80dp；標題欄底部內邊距：8dp；描述區域高度：72dp；描述區底部內邊距：16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp；帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄：24dp；②工具欄：56dp；③子標題：48dp；④列表項：72dp

Ⅱ 做手機界面設計的尺寸是多少

從設計方面來看，做手機界面設計的尺寸一般分為iPhone和Android兩種設備。

如果以iPhone為設計設備，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208這三種尺寸設計都可以，750x1334是2倍圖設計，1125x2346和1242x2208都是3倍圖來進行設計。

如果是用PS做設計稿就用750*1334，如果是用SKetch或者XD來設計，常見是用1倍尺寸來說，也就是375*667或者375*812（iPhone X）。

如果以Android為設備進行設計，尺寸一般使用720x1280，1080x1920進行設計第一種是2倍圖，第二種是3倍圖。

近年來iPhone和Android的設備增多，各尺寸也逐漸變多，下面有一份安卓屏幕尺寸表：

(2)安卓ui設計尺寸規范擴展閱讀：

1、UI界面設計的基本要素：

機界面層級：idle(待機界面) Mainmenu(主菜單) Submenu(二級菜單)Third level menu(三級菜單) 界面除了包括圖標和文字外，比較重要的還有function animation(呼叫，發送信息等) 以及 function interface(計算器，日歷界面等)

明確意義的圖標，風格鮮明的版面設計是手機界面設計的重要工作，較為流行的是以Motorola，Nokia等為代表的歐洲簡單風格，以及韓國的時尚絢麗的風格。

2、設計注意事項：

尺寸問題： 480X800，540X960，720X1280，1080X1920象素尺寸是較常見的手機屏幕尺寸，在設計時可以根據實際產品要求進行設計，更大的屏幕可以有更多的交互表現和視覺元素的支持，較為自由。

色彩問題： 由於手機lcd本身的限制，在色彩的還原程度上沒有pc如此完善，因此在選用色彩時要根據使用的屏幕進行調節。

可實現性問題： 受到硬體運算速度和內存的影響，以及不可預計的後台程序開發難度，過於復雜的效果將很難進行實現，與程序工程師和ui工程師，硬體工程師的溝通顯得尤為重要。

Ⅲ 安卓UI界面設計規范標准

簡單來說Mobile GUI設計就來是手持設備的自圖形用戶界面設計，狹義上來看是手機和PPC，廣義上可以推廣至手機，移動電視，車載系統，手持游戲機，MP3，GPS等一切手持移動設備。
Mobile GUI的設計基於對手持設備產品的使用特性的理解，對用戶的研究和對界面使用情景的深入研究。GUI的設計分為平台內置和主題設計部分，前者需要專業的design house根據廠家的實際產品進行設計分析後進行整體設計，後者則可以經由任何用戶進行自主設計，當然後者的設計限制和平台限制都比較大。
目前索愛和三星以及Nokia的S60平台支持用戶的Theme自定義設計。
設計研究的流程為：產品特性--用戶心理--市場背景--圖形設計策略--設計檢驗--實際設計投放

Ⅳ Android應用的UI設計圖要做多大解析度

dp轉襲px是看屏幕密度的，mdpi比率大約1就是說48dp=48px(這里說大約是因為mdpi，hdpi，xhdpi指的都是一個范圍)，hdpi=1.5 48dp=72px，xhdpi=2 48dp=96px，720px*1280px如果是手機的話有可能是hpi或者xhdpi具體要看手機的屏幕大小，例如在5寸手機和4寸手機上是不一樣的。譬如我的nexus4 768*1280 4.5寸就屬於xhdpi。
如果你是按照720px*1280px xhdpi來設計，那麼切圖要放在xhdpi的文件夾，當app運行在非xhpid的手機上時android會自己幫你換算到其他的dpi。切圖最好切9patch圖，省空間。

Ⅳ ios和安卓ui設計尺寸px是什麼意思

PX是Pixel的縮寫，來也就是說像素是指基本自原色素及其灰度的基本編碼，由 Picture(圖像) 和 Element（元素）這兩個單詞的字母所組成的，如同攝影的相片一樣，數碼影像也具有連續性的濃淡階調。
若把影像放大數倍，會發現這些連續色調其實是由許多色彩相近的小方點所組成，這些小方點就是構成影像的最小單位「像素」。這種最小的圖形的單元能在屏幕上顯示通常是單個的染色點。像素的大小是會「變」的，也稱為「相對長度」。越高位的像素，其擁有的色板也就越豐富，越能表達顏色的真實感。

Ⅵ 安卓系統UI設計尺寸怎麼定

Android界面尺寸：480*800、720*1280、1080*1920。[單位：像素]
Android比iPhone的寸尺多了很多套，建議取用720*1280這個尺專寸，這個尺寸720*1280中顯示完美，在1080*1920中看屬起來比較清晰，切圖後的圖片文件大小也適中，應用的內存消耗也不會過高。

Ⅶ Android UI設計字體大小規范

Android UI設計字體，由於android廠商和設備之多，目前沒有特定的標准，但根據設備的尺寸，有一個建議的原則，如下：

sp和dp一樣，是android開發里特有的單位，設計師在做UI設計的時候通常最初是建立320*480這個尺寸的畫布開始的，這個尺寸的畫布在android解析度的分類中稱為mdpi，在這個尺寸下，ps里的1px就等於android中的1dp，同樣，這個時候1點的字就等於android中1sp。

Ⅷ android app 界面設計按什麼尺寸

android app 界面設計是按720*1280的，切圖上可以點9切圖做到所有手機的適配。

狀態欄、導航欄和主菜單欄，以720*1280的尺寸來設計，那麼狀態欄的高度應為50px，導航欄的高度96px，主菜單欄的高度96px，因為是開源的系統，這里的數值也只能作為參考。

Android為了區別於IOS，從4.0開始提出了一套HOLO的UI風格設計風格，鼓勵將底部的主菜單欄放到導航欄下面，從而避免點擊下方材料誤點虛擬按鍵，很多APP的新版中也採用了這一風格。

(8)安卓ui設計尺寸規范擴展閱讀：

注意事項：

1、通常情況要定位一個Icon只需給出 上/下邊距，左/右邊距，標注圖標距離只需標到可點擊范圍外

通用型顏色、字體單獨標明一份，通用型模塊只需單獨標明一份，如導航欄。

2、手機可視區域通常為寬度固定，長度超出邊界可滑動，所以標注物體寬度時可按比例說明，如果要標注內容上下居中，左右居中，或等比可不標注。

3、當交付的是一張完整圖片時，不需做機型適配，只需給高清圖(1920*1080)即可，注意進行壓縮。

4、若圖標在不同頁面重復出現，且尺寸相差不大，直接給出最大一份切圖，並在圓形圖標明尺寸，程序會根據需求縮放。

5、當背景是純色時只需給出色值，Android使用16進制色值。

參考資料來源：網路-Android

參考資料來源：網路-界面設計

參考資料來源：網路-狀態欄

參考資料來源：網路-導航欄

參考資料來源：網路-開源系統

參考資料來源：網路-切圖

參考資料來源：網路-UI設計

Ⅸ UI設計師應該給Android開發怎麼尺寸的UI和種類

看手機的解析度和尺寸。android 項目框架中 在 res 文件夾下面有 drawable-h
drawable-l
drawable-m
drawable-xhdpi drawable-xxhdpi，主流就是 hdpi 中等精度的屏幕專。以主流 hdpi 為標准，設計
素材的尺寸。屬然後 在此基礎上，來設計更高精度的圖片。
DisplayMetrics metric = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metric);
int width = metric.widthPixels; // 屏幕寬度（像素）
int height = metric.heightPixels; // 屏幕高度（像素）
float density = metric.density; // 屏幕密度（0.75 / 1.0 / 1.5）
int densityDpi = metric.densityDpi; // 屏幕密度DPI（120 / 160 / 240）
一般按照屏幕密度來設置你的圖片尺寸。