Android設(shè)計(jì)規(guī)范小結(jié)

一囱淋、安卓開(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实胸。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市番官,隨后出現(xiàn)的幾起案子庐完,更是在濱河造成了極大的恐慌,老刑警劉巖徘熔,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件门躯,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡酷师,警方通過(guò)查閱死者的電腦和手機(jī)讶凉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)山孔,“玉大人懂讯,你說(shuō)我怎么就攤上這事√ǖ撸” “怎么了褐望?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)串前。 經(jīng)常有香客問(wèn)我譬挚,道長(zhǎng),這世上最難降的妖魔是什么酪呻? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮盐须,結(jié)果婚禮上玩荠,老公的妹妹穿的比我還像新娘。我一直安慰自己贼邓,他們只是感情好阶冈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著塑径,像睡著了一般女坑。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上统舀,一...
    開(kāi)封第一講書(shū)人閱讀 51,631評(píng)論 1 305
  • 那天匆骗,我揣著相機(jī)與錄音劳景,去河邊找鬼。 笑死碉就,一個(gè)胖子當(dāng)著我的面吹牛盟广,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瓮钥,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼筋量,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了碉熄?” 一聲冷哼從身側(cè)響起桨武,我...
    開(kāi)封第一講書(shū)人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎锈津,沒(méi)想到半個(gè)月后呀酸,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡一姿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年七咧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叮叹。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡艾栋,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蛉顽,到底是詐尸還是另有隱情蝗砾,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布携冤,位于F島的核電站悼粮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏曾棕。R本人自食惡果不足惜扣猫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望翘地。 院中可真熱鬧申尤,春花似錦、人聲如沸衙耕。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)橙喘。三九已至时鸵,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間厅瞎,已是汗流浹背饰潜。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工初坠, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人囊拜。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓某筐,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親冠跷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子南誊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容