全链路UI@IOS尺寸规范

用户头像
深圳/UI设计师/6年前/295浏览
全链路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