全链路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
8月的“话”
Homepage recommendation
相关收藏夹
淘宝店铺海报尺寸
淘宝店铺海报尺寸
淘宝店铺海报尺寸
淘宝店铺海报尺寸
作品收藏夹
APP
APP
APP
APP
作品收藏夹
ui
ui
ui
ui
作品收藏夹
UI
UI
UI
UI
作品收藏夹
大家都在看
Log in