1. android app 界面設計按什麼尺寸
android app 界面設計是按720*1280的,切圖上可以點9切圖做到所有手機的適配。
狀態欄、導航欄和主菜單欄,以720*1280的尺寸來設計,那麼狀態欄的高度應為50px,導航欄的高度96px,主菜單欄的高度96px,因為是開源的系統,這里的數值也只能作為參考。
Android為了區別於IOS,從4.0開始提出了一套HOLO的UI風格設計風格,鼓勵將底部的主菜單欄放到導航欄下面,從而避免點擊下方材料誤點虛擬按鍵,很多APP的新版中也採用了這一風格。
(1)android狀態欄的高度是多少擴展閱讀:
注意事項:
1、通常情況要定位一個Icon只需給出 上/下邊距,左/右邊距,標注圖標距離只需標到可點擊范圍外
通用型顏色、字體單獨標明一份,通用型模塊只需單獨標明一份,如導航欄。
2、手機可視區域通常為寬度固定,長度超出邊界可滑動,所以標注物體寬度時可按比例說明,如果要標注內容上下居中,左右居中,或等比可不標注。
3、當交付的是一張完整圖片時,不需做機型適配,只需給高清圖(1920*1080)即可,注意進行壓縮。
4、若圖標在不同頁面重復出現,且尺寸相差不大,直接給出最大一份切圖,並在圓形圖標明尺寸,程序會根據需求縮放。
5、當背景是純色時只需給出色值,Android使用16進制色值。
參考資料來源:網路-Android
參考資料來源:網路-界面設計
參考資料來源:網路-狀態欄
參考資料來源:網路-導航欄
參考資料來源:網路-開源系統
參考資料來源:網路-切圖
參考資料來源:網路-UI設計
2. App 安卓720*1280的狀態欄、導航欄、主菜單高度分別是50、96、96,那麼1080x1920的呢
Android的多解析度,一向是設計師和開發者非常頭疼的事兒。盡管如此,對於多分辨造成的復雜問題,也是大家要優先解決的。Android支持多種不同的dpi模式:ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi 。
3. 安卓手機設計規范
1080*1920
狀態欄:24dp
APPBAR(導航欄)最小高度:56dp
菜單欄高度(包含底部):48dp
柵格系統的最小單位是8dp,一距離、尺寸都應該是8dp的整數倍。以下是一些常見的尺寸與距離:
圖標和字體大小:
a、啟動圖標(home頁或app列表頁)整體大小為48 x 48 dp 沒有空白的區域的7」完整圖標。 當然也可以是包含空白區域的圖標等於48dp。
b、操作欄圖標,代表用戶在app中可以使用到的最重要的圖標整體大小為32 x 32 dp ,圖形實際區域為 24 x 24 dp。
c、小圖標/場景圖標,提供操作或特定項目的狀態。
比如gmail app的星型標記、一些內容展開收起用到的向下向上的圖標等。整體大小為16 x 16 dp ,圖形實際區域為 12 x 12 dp 。
d、通知圖標
如果app有通知,要提供一個有新通知時顯示在狀態欄的通知圖標。整體大小為24 x 24 dp ,圖形實際區域為 22 x 22 dp 。
對圖標尺寸進行分類整理,便於界面整體調一致。
第三部分、android的按鈕和彈出層的設計規范參考。
在720 x 1280 px 的設計稿上,有兩個按鈕(比如登錄、注冊)並排一行放置,按鈕尺寸最小范圍均為240 x 80 px ,換算為android開發單位就是 120 x 40 dp 。
Android APP設計字體單位: Sp 與 Px 的換算
sp與px的換算公式:sp*ppi/160 = px
ldpi(240*320):120
mdpi(320*480):160 倍率為1
hdpi(480*800):240
xhdpi(720*1080):320
xxhdpi(1080*1920):480
xxxhdpi:640(1440*2560):4
字體規范
注釋最小字體12sp
文本字體14sp
文章標題/圖標名稱18sp
導航標題22sp
ppi為240時字體高度:
注釋最小字體:18sp
文本:21sp
文章標題/圖標名稱:27sp
導航標題:42sp
字體:
Android 系統默認的英文字體 Roboto,默認中文字體都是droid sans fallback、思源黑體
material design字體規范:英文字體使用Roboto,中文字體使用Noto。
Roboto有6種字重:Thin、Light、Regular、Medium、Bold 和 Black。
Noto有7種字重:Thin, Light、DemiLight、Regular、Medium、Bold 和 Black。
字體配色:
顏色不宜過多,選擇一種主色、一種輔助色。在此基礎上進行明度和飽和度的變化,構成配色方案。
appbar背景使用主色,狀態欄背景使用深一級的主色或20%透明度的純黑。
小面積需要高亮顯示的地方使用輔助色
其餘顏色通過純黑#000000與純白#ffffff的透明度變化來展現(包括圖標和分隔線),而且透明度限定了幾個值。
黑色:[87% 普通文字] [54% 減淡文字] [26% 禁用狀態/提示文字] [12% 分隔線]
白色:[100% 普通文字] [70% 減淡文字] [30% 禁用狀態/提示文字] [12% 分隔線]
行距
用sp與px之間的關系進行換算。
元素之間間距間距:
所有可操作元素最小點擊區域尺寸:48dp X 48dp。
柵格系統的最小單位是8dp,一距離、尺寸都應該是8dp的整數倍。以下是一些常見的尺寸與距離:
頂部狀態欄高度:24dp
Appbar(導航欄)最小高度:56dp
底部導航欄高度:48dp
懸浮按鈕尺寸:56x56dp/40x40dp
用戶頭像尺寸:64x64dp/40x40dp
小圖標點擊區域:48x48dp
側邊抽屜到屏幕右邊的距離:56dp
卡片間距:8dp
分隔線上下留白:8dp
大多元素的留白距離:16dp
屏幕左右對齊基線:16dp
文字左側對齊基線:72dp
另外注意56dp這個數字,許多尺寸可變的控制項,比如對話框、菜單等,寬度都可以按56的整數倍來設計。
還有非常多規范,不詳細列舉,遵循8dp柵格很容易找到適合的尺寸與距離。平板與PC上留白更多,距離與尺寸要相應增大。
單行、多行間距要控制下,做出規律。
標題42點(14sp) 副標題36點(12sp)
主標題與副標題間距12sp
注釋:多行主標題行間距為8sp
標題48點(16sp) 副標題42點(14sp)
主標題與副標題(單行)間距8sp
標題42點(16sp) 副標題42點(14sp)
主標題與副標題(單行)間距10sp
帶分割線的列表上下間距等分,距離為16sp
不帶分割線的列表上下間距為32sp。
解釋說明類的列表項上下間距為22sp。
懸浮按鈕距離底部的距離為:18sp
文字排版
常用字型大小:
。12sp 小字提示14sp(桌面端13sp)
。正文/按鈕文字16sp(桌面端15sp)
。小標題20sp Appbar文字24sp
。大標題34sp/45sp/56sp/112sp 超大號文字
長篇幅正文,每行建議60字元(英文)左右。短文本,建議每行30字元(英文)左右。
心得與體會:設計時,可參照設計規范進行設計,具體到項目時可根據項目的具體情況制定規范。
嘗試8的倍數,如果不合適,在3的倍率中能夠被3整除。
設計來源於細節,再小的細節中也要分等級。
ps cc 2017
adobe xd 交互設計神器。
adobe stock?
svg格式字體
.9圖片最小點擊區域不足48dp*48dp
4. android 狀態欄高度是多少
是的,800高度里包括了狀態欄設計范圍應該是780高度。
5. 為什麼android的app狀態欄不是50px
安卓手機不能按照px來計算,安卓中的單位是pd,指的是手機的密度,pd大概是手機尺寸/手機解析度,有些手機解析度低但屏幕尺寸大,比如紅米note。有些手機解析度高但屏幕尺寸小,比如三星s7/s8,沒准紅米狀態欄50px,到三星s7上就要高達80-120,所以不固定,不過安卓中有方法可以獲取到狀態欄高度。