• 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   

  • 相关阅读:
    SQL Server身份验证登录失败
    课程总结及加分项
    导入并配置Guns框架
    python数据化中文是方块显示
    服务外包平台测试
    idea配置javap
    interface和abstract的区别
    简记Vue弹窗组件eldaolog被父界面创建后,子界面created函数只调用一次的解决方案
    Vue computed属性和methods区别
    记录一下前端查询条件对应后端多个条件的一种简单粗暴解决方法
  • 原文地址:https://www.cnblogs.com/zgfblog/p/4078332.html
Copyright © 2020-2023  润新知