美文网首页
设计篇-app设计(二)

设计篇-app设计(二)

作者: Cynthia_fu | 来源:发表于2019-01-31 09:37 被阅读58次

    1,设计:

    1)一般以640*1136(72ppi)作为设计稿,按着设计尺寸后续标注、切图资源可以适配到iPhone4/5/6机型。至于为iPhone6 plus设计,就要以1242*2208来出设计稿了,当然按iPhone6(750*1334)大小出设计稿也是可以的。

    2)字体及大小

    中文字体:苹方

    英文字体:San Francisco

    这里字体是ios9系统推出的中英文字体。根据产品应用设计字体都是可以选择的,字体大小为偶数。

    3)

    切图:

    ①切图资源适配

    xxx@2x.png适配iphone4/4s/5/5s/6

    xxx@3x.png适配iphone6plus

    ②以每个功能模块创建切图文件夹

    ③切图大小为偶数,输出格式png24

    ④部分切图资源还需高亮状态、默认状态、置灰状态等

    ⑤命名

    些基础的切图命名及模块前缀

    标图:

    需要标注地方:

    模块的高度宽度、距离;

    文字的字体、大小、颜色;

    背景颜色;

    按钮大小、不同状态的颜色;

    有些地方还需要特殊标注,比如透明度等等。

    Iphone6 plus适配Iphone6自适应布局

    1.页边间距约束

    2.水平间距约束

    3.等宽约束

    4.方向比例约束

    设计Android应用的最佳实践

    1.画布大小定位720 x

    1280,72 dpi

    2.只使用偶数单位的尺寸,比如96 px的列表项高度,16 px的边距,64 px的图标边长

    3.只使用24 pt,28 pt,36 pt和44 pt的字体

    4.设计完成以后,所有尺寸的px值除以2作为dp数值交给工程师

    5.所有字体的pt值除以2作为sp数值交给工程师

    6.所有切图变成三份,分别是原始大小、缩小1.5倍,缩小2倍,分别作为xhdpi,hdpi,mdpi的资源交给工程师

    相关文章

      网友评论

          本文标题:设计篇-app设计(二)

          本文链接:https://www.haomeiwen.com/subject/zqnhhttx.html