一囱淋、安卓開(kāi)發(fā)單位是DP剃毒、SP
DP:安卓專用長(zhǎng)度單位宝剖。
以160 DPI屏幕為標(biāo)注洁闰,則1DP=1PX
計(jì)算公式:dp x dpi/160=px
例:以720x1280px (320dpi)為例, 1dp x 320 dpi/160=2px
SP:安卓專用字體單位万细。
以160 DPI屏幕為標(biāo)注扑眉,則1SP=1PX
計(jì)算公式:sp x dpi/160=px
例:以720x1280px (320dpi)為例, 1sp x 320 dpi/160=2px
二雅镊、安卓設(shè)計(jì)尺寸:以1080x1920px作為設(shè)計(jì)稿標(biāo)準(zhǔn)尺寸
從中間尺寸向上襟雷、下適配,界面調(diào)整幅度最小仁烹,最方便適配耸弄。
大屏幕時(shí)代依然以小尺寸作為設(shè)計(jì)尺寸,會(huì)限制設(shè)計(jì)師的設(shè)計(jì)視角卓缰。
用主流尺寸來(lái)做設(shè)計(jì)稿尺寸计呈,極大的提高了視覺(jué)還原和其他機(jī)型適配。
分辨率 | DPI | 狀態(tài)欄高度 | 導(dǎo)航欄高度 | 標(biāo)簽欄高度 |
---|---|---|---|---|
720x1280px | XHDPI | 50px | 96px | 96px |
1080x1920px | XXHDPI | 60px | 144px | 150px |
三征唬、安卓圖標(biāo)尺寸
屏幕大小 | 啟動(dòng)圖標(biāo) | 操作欄圖標(biāo) | 上下文圖標(biāo) | 系統(tǒng)通知圖標(biāo) | 最細(xì)畫(huà)筆 |
---|---|---|---|---|---|
320x480 | 48x48px | 32x32px | 16x16px | 24x24px | 不小于2px |
480x800 | 72x72px | 48x48px | 24x24px | 36x36px | 不小于3px |
480x854 | 720x1280 | 96x96px | 64x64px | 48x48px | 不小于4px |
1080x1920 | 144x144px | 96x96px | 48x48px | 72x72px | 不小于6px |
四捌显、安卓字體
中文:思源黑體 / Noto Sans Han
英文:Roboto
大小:主題文字 36-34px 正文 28-26px 提示文字 24-22px
鏈接: https://pan.baidu.com/s/17cKM9co53TEN85gj4vy5dw 提取碼: hd35
五总寒、切圖規(guī)范
切圖尺寸必須為雙數(shù)
單像素的圖會(huì)出現(xiàn)邊緣模糊的情況
一般情況下扶歪,我們只需要提供3套切圖資源就可以滿足安卓工程師的適配,分別是HDPI摄闸、XHDPI善镰、 XXHDPI 3套切圖資源。
六年枕、如何用iOS的設(shè)計(jì)稿適配安卓
現(xiàn)在絕大多數(shù)公司限于人力物力的限制炫欺,不能把iOS和安卓的設(shè)計(jì)稿全部執(zhí)行出來(lái),因此就存在一稿兩用的情況熏兄;設(shè)計(jì)師以iOS版本的設(shè)計(jì)稿來(lái)適配安卓品洛,下面我們來(lái)看一組有趣的數(shù)學(xué)換算題:
1080/1.5=720,720/1.5=480摩桶,1242x2208/1.15=1080c1920桥状,也就是說(shuō),1242x2208(iOS@3倍尺寸)與1080x1920(安卓尺寸)是可以等比縮放的硝清,所以岛宦,iOS與Android的尺寸是可共用1242x2208px。因此耍缴,以iOS設(shè)計(jì)尺寸進(jìn)行設(shè)計(jì)是可以適配Android的砾肺。
另一種方式挽霉,就是把750×1334px等比例調(diào)整尺寸到安卓1080×1920px,對(duì)各個(gè)控件進(jìn)行微調(diào)变汪,重新提供標(biāo)注(用dp標(biāo)注)侠坎。也就是需要提供兩套標(biāo)注,一套給iOS裙盾,一套給Android实胸。