在做ios版本设计的时候，尺寸有3种，分别是：320*480、640*960、640*1136；这时我们要以一种尺寸为基准，那这个基准尺寸是640px*960px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下：
?当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）；
1、底部栏目的icon和背景：
?这个一般有2种切法：（有默认和选中之后的效果）
?2、顶部栏目的背景切图：
?
由于顶部导航栏的是多颜色的，所以只能切一整条给技术，商圈的图标要单独切出来
?3、二级标题栏目的切图：
??
?4、主体栏目的切图：
?5、标注文字大小和行间距：（以这张图为例子，我标注好了，请看下图）
需要注意的：
A：我们标注的尺寸是像素px，技术那边的实际运用到技术中的是像素的一半，即像素的一半=技术的尺寸；例如：“分类”2个字，我标准的是36px，技术那边的尺寸就是18px；
B：所有文字，行间距的标注的尺寸都是偶数；因为技术那边都是根据我们的尺寸除以2；
C：颜色的标注有的技术要求16进制，有的技术要求RGB，由于页面的限制所以我只标注了16进制的，按16进制和RGB都标注的是最好的~?
注意：因为我们做的基于640*960尺寸的，ios共有3套尺寸，因为640*960和640*1136的宽度是不变的，所以图标没有变化重新切，只是行间距需要调整下；320*480尺寸的是640*960的一半，所以技术完全可以根据你标注的640的尺寸做就可以~
在这里 又找到一个比较不错的 ，你们可以看看 http://www.ui.cn/project.php?id=26980
时间： 2024-11-08 20:57:45