我们都知道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画布尺寸和像素值。