IOS APP切图相关

     我们都知道iphone的UI尺寸是320*480/568点,640*960/1136像素,以前都是美术同学给出设计图和切图,开发同学直接使用。

     现在的团队中,美术同学没有手机app设计和切图的经验,是从页游设计转过来的。所以由我来给出一些app UI设计方面的规范。首先自然是<<IOS人机界面准则>>,ios整体界面风格的一个规范。然后是一些app设计和切图的尺寸规范以及具体案例。

    美术同学使用PS来作图,画布的设置是640*960,分辨率是默认72,一个点对应一个像素。我在想iphone retina是一个点对应两个像素,另外美术同学说640*960显示为320*480会丢失像素。所以我想当然的认为分辨率应该设置为144,这样画布尺寸就是320*480,一个点对应两个像素。于是跟美术同学讨论按照这个配置来设置画布的参数。

    后来又在网上搜索到一片app切图的文章,说是网页和app设计切图,画布的分辨率都是按照默认的72ppi来设置。设计时候按照需要的分辨率来做比如iphone4/4s就是640*960,iphone5/5c/5s就是640*1136,在程序里面尺寸设置一半即可。

    出来几个疑问:

        1、根据美术同学的说法,缩小像素会丢失,那么我拿到640*960,一点包含一个像素的图片,缩小之后会不会无法达到高清效果?2、按照144的设置,文档是320*480的大小,像素640*960,1点包含两个像素,拿到程序里面设置,是否也可以实现?

        猜测:

1、retina技术使得缩小图片 不会丢失像素;2、仍然可以使用,效果一样。

待求证啊~!


总结:隔行如隔山,对于UI这一块的知识,有很多不知道的,无知很可怕。在弄懂之前,不要想当然的随便下结论。


ps:最后采用72分辨率,640*960画布尺寸和像素值。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值