zoukankan      html  css  js  c++  java
  • 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   

  • 相关阅读:
    uni-appios端app白屏问题
    vue中倒计时假清除
    vue路由守卫
    JS函数命名规范
    VUE生成二维码
    移动端H5之css配置rem
    关于在vue中使用ui库样式无法修改的问题
    v28 error: resource android:attr/dialogCornerRadius not found.
    cocos2d: fullPathForFilename: No file found at script/jsb_prepare.js. Possible missing file
    android studio clean show: CreateProcess error=2, 系统找不到指定的文件。
  • 原文地址:https://www.cnblogs.com/zgfblog/p/4078332.html
Copyright © 2011-2022 走看看