app切图暂时没有iOS8的,后续继续添加

在做ios版本设计的时候,尺寸有3种,分别是:320*480、640*960、640*1136;这时我们要以一种尺寸为基准,那这个基准尺寸是640px*960px,设计图完成之后就开始切图了,我拿我之前设计的一张图为例子讲解下:

appdesign2013121306

 

当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少改动,建议切图之前最好和技术先沟通下,怎么切);

1、底部栏目的icon和背景:

appdesign2013121307

 

这个一般有2种切法:(有默认和选中之后的效果)

appdesign2013121308

 

2、顶部栏目的背景切图:

appdesign2013121309

 

由于顶部导航栏的是多颜色的,所以只能切一整条给技术,商圈的图标要单独切出来

appdesign2013121310

 

3、二级标题栏目的切图:

appdesign2013121311

 

appdesign2013121312

 

4、主体栏目的切图:

appdesign2013121313

 

5、标注文字大小和行间距:(以这张图为例子,我标注好了,请看下图)

appdesign2013121314

需要注意的:
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   

 

posted @ 2014-11-06 11:44  浪够L就回家  阅读(175)  评论(0编辑  收藏  举报