安卓APP設(shè)計(jì)規(guī)范之1080*1920設(shè)計(jì)稿對(duì)應(yīng)開(kāi)發(fā)尺寸

目前市場(chǎng)上铺根,只有Android系統(tǒng)的手機(jī)才有1080P全高清的產(chǎn)品琳拭。1080P是說(shuō)手機(jī)屏幕的分辨率達(dá)到1920*1080像素孽鸡。1080P的屏幕最直觀的改變當(dāng)然是屏幕精細(xì)度的巨大提升萌业,就算是5寸的屏幕得院,精細(xì)度也可以達(dá)到441ppi的超高級(jí)別悼尾。相當(dāng)于蘋(píng)果手機(jī)的iphone6的分辨率柿扣。

安卓系統(tǒng)5.0的風(fēng)格是:Material Design

一、Android各設(shè)備屏幕密度

安卓尺寸眾多闺魏,按每個(gè)屏幕去適配肯定是不現(xiàn)實(shí)的未状。

所以為了解決這個(gè)問(wèn)題,安卓手機(jī)屏幕有自己初始的固定密度析桥,安卓會(huì)根據(jù)這些屏幕不同的密度自己進(jìn)行適配司草。這一點(diǎn)內(nèi)容掌握到能滿足自己設(shè)計(jì)工作需要就可以了艰垂。

以下是Android的密度劃分以及代表的分辨率,這里你可以發(fā)現(xiàn)已經(jīng)和設(shè)計(jì)稿尺寸和切圖輸出開(kāi)始掛鉤了埋虹。

安卓各屏幕密度

建議移動(dòng)app設(shè)計(jì)師提供給安卓開(kāi)發(fā)人員的標(biāo)注單位最好是dp(長(zhǎng)度 )和 sp(字體)猜憎。

二、Android開(kāi)發(fā)單位DP和SP

DP:安卓專用長(zhǎng)度單位搔课。以160 DPI屏幕為標(biāo)注胰柑,則1DP=1PX

計(jì)算公式:dp x dpi/160=px

例:以720x1280px (320dpi)為例計(jì)算 1dp x 320 dpi/=2px

SP:安卓專用字體單位。以160 DPI屏幕為標(biāo)注爬泥,則1SP=1PX

計(jì)算公式:sp x dpi/160=px

例:以720x1280px (320dpi)為例計(jì)算 1sp x 320 dpi/=2px

三柬讨、設(shè)計(jì)稿尺寸

根據(jù)目前市場(chǎng)主流設(shè)備尺寸來(lái)看,我們要用1080 x 1920 PX 來(lái)做安卓設(shè)計(jì)稿尺寸袍啡。

以1080x1920px作為設(shè)計(jì)稿標(biāo)準(zhǔn)尺寸的原由:

1.從中間尺寸向上和向下適配的時(shí)候界面調(diào)整的幅度最小踩官,最方便適配。
2.大屏幕時(shí)代依然以小尺寸作為設(shè)計(jì)尺寸境输,會(huì)限制設(shè)計(jì)師的設(shè)計(jì)視角蔗牡。
3.用主流尺寸來(lái)做設(shè)計(jì)稿尺寸,極大的提高了視覺(jué)還原和其他機(jī)型適配嗅剖。

所以做安卓設(shè)計(jì)稿時(shí)請(qǐng)以1080x1920px來(lái)做設(shè)計(jì)稿(sketch用戶以540 x 960來(lái)做設(shè)計(jì)稿)

界面設(shè)計(jì)控件尺寸:

四辩越、Android圖標(biāo)及字體設(shè)計(jì)

安卓圖標(biāo)

安卓的圖標(biāo)相對(duì)iOS來(lái)說(shuō)較少,我們只需提供一下幾個(gè)尺寸就可以了窗悯,但是需要提高2套区匣,圓角和直角各一套,因?yàn)橛械牡胤蕉紩?huì)用到蒋院。

安卓字體

英文字體為 Roboto字體

中文字體為 思源黑體。在在Android 5.0之后莲绰,使用的是思源黑體欺旧,字體文件有2個(gè)名稱,“source han sans”和“noto sans CJK”蛤签。

五辞友、Android開(kāi)發(fā)單位換算

安卓機(jī)型各種尺寸下的PX與DP、SP的對(duì)應(yīng)關(guān)系

字體單位SP與PX的對(duì)應(yīng)關(guān)系

距離單位DP與PX的對(duì)應(yīng)關(guān)系

六震肮、如何用iOS的設(shè)計(jì)稿去適配安卓

現(xiàn)在有一種情況現(xiàn)在非常普遍称龙,設(shè)計(jì)師都是做IOS版本的設(shè)計(jì)稿來(lái)適配安卓,這就是我們經(jīng)常聽(tīng)到的一稿兩用戳晌;

iPhone的屏幕密度已經(jīng)達(dá)到xHDPI了鲫尊,用750x1334px的尺寸做設(shè)計(jì)稿;

實(shí)際上沦偎,750×1334的@3x的切圖資源正好是安卓XXhdpi(1080x1920px)的切圖資源疫向;安卓開(kāi)發(fā)用iOS的設(shè)計(jì)稿自己進(jìn)行換算就可以了咳蔚,前提是你必須和安卓工程師溝通。

另一種情況:你可以把750×1334的設(shè)計(jì)稿等比例調(diào)整尺寸到安卓1080×1920尺寸下搔驼,對(duì)各個(gè)控件進(jìn)行微調(diào)谈火,重新提供標(biāo)注(用dp標(biāo)注)。也就是說(shuō)舌涨,你需要提供兩套標(biāo)注糯耍,一套給iOS的標(biāo)注,一套給Android的標(biāo)注囊嘉。

非原創(chuàng)温技,僅作總結(jié)筆記查閱用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末哗伯,一起剝皮案震驚了整個(gè)濱河市荒揣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌焊刹,老刑警劉巖系任,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異虐块,居然都是意外死亡俩滥,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門贺奠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)霜旧,“玉大人,你說(shuō)我怎么就攤上這事儡率」揖荩” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵儿普,是天一觀的道長(zhǎng)崎逃。 經(jīng)常有香客問(wèn)我,道長(zhǎng)眉孩,這世上最難降的妖魔是什么个绍? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮浪汪,結(jié)果婚禮上巴柿,老公的妹妹穿的比我還像新娘。我一直安慰自己死遭,他們只是感情好广恢,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著殃姓,像睡著了一般袁波。 火紅的嫁衣襯著肌膚如雪瓦阐。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,692評(píng)論 1 305
  • 那天篷牌,我揣著相機(jī)與錄音睡蟋,去河邊找鬼。 笑死枷颊,一個(gè)胖子當(dāng)著我的面吹牛戳杀,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播夭苗,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼信卡,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了题造?” 一聲冷哼從身側(cè)響起傍菇,我...
    開(kāi)封第一講書(shū)人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎界赔,沒(méi)想到半個(gè)月后丢习,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡淮悼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年咐低,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片袜腥。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡见擦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出羹令,到底是詐尸還是另有隱情鲤屡,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布福侈,位于F島的核電站执俩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏癌刽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一尝丐、第九天 我趴在偏房一處隱蔽的房頂上張望显拜。 院中可真熱鬧,春花似錦爹袁、人聲如沸远荠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)譬淳。三九已至档址,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間邻梆,已是汗流浹背守伸。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留浦妄,地道東北人尼摹。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像剂娄,于是被迫代替她去往敵國(guó)和親蠢涝。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355