UI : 2022年iOS/Android UI设计规范(1)

1.设计稿与切片稿a.尺寸设计稿:iPhone6 750*1334 【2倍】切图稿:iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因: IOS:向上和向下适配的时候界面调整的幅度最小,最方便适配 Android:设计时只需做最小的设计调整,提升设计效率b.切图IOS切图——3份: .........
摘要由CSDN通过智能技术生成


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
  • 59
    点赞
  • 333
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值