全链路UI@IOS尺寸规范
深圳/UI设计师/5年前/275浏览
版权
全链路UI@IOS尺寸规范
全链路UI@IOS尺寸规范
Have a look!
IOS尺寸规范
2倍图片格式:@2X.PNG,尺寸为750*1334PX
3倍图片格式:@3X.PNG,尺寸为1242*2208PX
基准设计尺寸,如图所示:

为什么选择750x1334?(理由如下)
1.从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt的设计效果适配到414pt为基准做出优雅的设计,到320pt可能元素之间比例就不是那么回事了,比例如图片和文字之间比例可能失调。
2.iphone6plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001 (就是iphone6的1.5倍)。可见官方系统里iphone6和iphone6plus分辨率之间就存在1.5倍率关系。很多情况下这两种尺寸可以用1.5倍直接等比适配
3.1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率,不便于记忆和计算删格。640x1136虽然是广泛应用的一个分辨率,但是大屏幕时代以小尺寸设计基准不和适宜,设计师会停留在小屏的视角做设计。
4
Report
声明
12
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
4Log in and synchronize recommended records
12Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share




































































