码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-11-06 12:38:06      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:des   blog   http   io   ar   os   sp   div   on   

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

bubuko.com,布布扣?

 

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

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

bubuko.com,布布扣?

 

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

bubuko.com,布布扣?

 

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

?bubuko.com,布布扣

 

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

bubuko.com,布布扣?

 

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

bubuko.com,布布扣??

 

bubuko.com,布布扣?

 

4、主体栏目的切图:

bubuko.com,布布扣?

 

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

bubuko.com,布布扣

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

 

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

标签:des   blog   http   io   ar   os   sp   div   on   

原文地址:http://www.cnblogs.com/zgfblog/p/4078332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!