首页 > 移动平台 > 详细

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

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

在做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的,后续继续添加

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!