image.png
IOS界面750 x 1334 設(shè)計(jì)稿尺寸(單位是1pt=2px):
iPhone 新機(jī)型 : 狀態(tài)欄高度 44pt 、導(dǎo)航欄高度 44pt 斯够、 TabBar高度 49pt萎庭、 Home條68px
iPhone 舊機(jī)型 : 狀態(tài)欄高度 20pt 、導(dǎo)航欄高度 44pt 、 TabBar高度 49pt
間隔快:16pt
安卓界面720 x 1280 設(shè)計(jì)稿尺寸(1dp=2px):
安卓機(jī)型 : 狀態(tài)欄高度 25dp 因谎、導(dǎo)航欄高度 48dp 闹获、 TabBar高度 48dp
IOS啟動(dòng)頁尺寸16個(gè):
我們單位自己項(xiàng)目的啟動(dòng)圖
啟動(dòng)圖尺寸 | 機(jī)型 | 倍數(shù) | 開發(fā)尺寸 |
---|---|---|---|
320×480 |
iPhone3GS |
@1x |
320×480 |
640?×?960 |
iPhone4s |
Default@2x |
320×480 |
640?×?1136 |
iPhone5s |
Default-568h@2x |
320×568 |
750?×?1334 |
iPhone6.7.8 |
Default-667h@2x |
375×667 |
1242?×?2208 |
iPhonePlus(6+/7+/8+) |
Default-736h@3x |
414×736 |
1125?×?2436 |
iPhoneX期犬、XS |
Default-812h@3x |
375×812 |
828 x 1792 |
iPhoneXR |
Default-828h@2x |
414×896 |
1242 x 2688 |
iPhoneX Max |
Default-1242h@3x |
414×896 |
1792×828 |
iPhoneXR_橫向 |
-- |
-- |
2208×1242 |
iPhonePlus_橫向 |
-- |
-- |
2436×1125 |
iPhoneX, XS_橫向 |
-- |
-- |
2688×1242 |
iPhoneX Max_橫向 |
-- |
-- |
768×1024 |
iPad(舊版) |
-- |
-- |
2048×1536 |
iPad(新版)+ iPad mini 4 |
-- |
-- |
1024×768 |
iPad(舊版)_橫向 |
-- |
-- |
1536×2048 |
iPad(新版)+ iPad mini 4_橫向 |
-- |
-- |
--- | --- | --- | --- |
2732×2048 |
12.9 英寸 iPad Pro |
-- |
-- |
2388×1668 |
11 英寸 iPad Pro |
-- |
-- |
2224×1668 |
10.5 英寸 iPad Pro |
-- |
-- |
1024×1366 |
iPad Pro(舊版) |
-- |
-- |
IOS圖標(biāo)的13個(gè)尺寸、不需要切圓角
20×20避诽、 29×29哭懈、 40×40、 58×58茎用、 60×60、 76×76睬罗、80×80轨功、87×87、120×120容达、152×152古涧、167×167、180×180花盐、 1024×1024羡滑、
參考Xcode開發(fā)工具
安卓圖標(biāo)4個(gè)尺寸、圓角切圖設(shè)計(jì)多大才合適
72×72算芯、96×96柒昏、 144×144、 192×192
參考小米的安卓圓角切圖
常見的字體大形踝帷:
24px职祷、28px、32px届囚、36px等等有梆。記住是偶數(shù)的。最小字號20px意系。
界面里的小圖標(biāo)常見的尺寸:
96px泥耀、128px等,因?yàn)橐紤]iPad的適配蛔添,個(gè)人覺要把圖標(biāo)做的大一些
設(shè)計(jì)稿實(shí)時(shí)預(yù)覽:
Ps安裝一個(gè)Ps Mirror可以在手機(jī)上實(shí)時(shí)觀看效果痰催。(60塊錢)
sketch安裝一個(gè) 藍(lán)湖可以在手機(jī)上實(shí)時(shí)觀看效果。(免費(fèi))
強(qiáng)烈推薦"藍(lán)湖"
作郭。最好用的插件陨囊,沒有之一