1.设计稿与切片稿a.尺寸设计稿：iPhone6 750*1334 【2倍】切图稿：iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因： IOS：向上和向下适配的时候界面调整的幅度最小，最方便适配 Android：设计时只需做最小的设计调整，提升设计效率b.切图IOS切图——3份： .........
1.设计与切图
| 设计 | PhotoShop | Sketch / XD |
|---|---|---|
| 设计稿 | 750×1624 px | 375×812 pt |
| iPhone切图稿 | 1284x2778 px | 428x926 pt |
| Android切图稿 | 1440×2560 px | 360×640 dp |
| 切图 | Asset |
|---|---|
| iOS | 3倍（name@3x.png）、2倍（name@2x.png）、1倍（name.png） |
| Android | mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi |
2.字体
| 字体 | 英文 | 中文 |
|---|---|---|
| iOS 10+ | SF UI Text (小于19pt)、SF UI Display(大于20pt) | 苹方 |
| iOS 9 | Helvetica Neue | 冬青黑 |
| Android | Roboto | 思源黑体 / Noto |
3.尺寸
| iPhone | 分辨率 | 点 | ppi | 状态栏 | 导航栏 | 主页指示器 | 标签栏 | Asset |
|---|---|---|---|---|---|---|---|---|
| iPhone 12/13 Pro Max | 1284x2778 px | 428x92 |
最低0.47元/天 解锁文章
2070
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
