zoukankan      html  css  js  c++  java
  • 关于APP设计规范和一些图层命名

    首先,本人大学计算机专业出身,学过编程,工作的时候做过 产品经理,设计师,前端工程师,对工作的流程都有一些见解。

    现在主攻前端工程师,做Web APP。今天收到设计师的设计稿,一看图层分类,这让我感觉很凌乱。

    设计师工序其实包括,按照产品经理原型图设计界面,设计完后,用MarkMan量好尺寸后,APP的话需要根据情况切成.9图和@2x图等等,网页一般交给前端工程师切,才进入下一道工序。

    设计师有时候为了省时间,图层不做好编组和命名,尺寸经常差几像素等等,这是对自己作品的不负责任,

    你省出来的时间,到了下一道工序的同事,那边可能话更多的时间帮你把这些问题处理好,才开始正常工作。(工程师不开心了,还原做出来的设计稿就可能不是如你所愿)

    所以我根据自身情况做了一些规范,希望对初入门设计师,平面转过来的设计师有帮助。(做好这些规范显得更专业,工程师喜欢这样负责任的同事)

    关于我们公司APP最基本的一些规定:

    1.安卓,做最大尺寸720px宽;苹果,暂时做640px宽就可以了。

    2.尺寸都是放大了2倍,所以最少字号不小于24px,常用字号 24 26 28 36。

    3.描边一样需要能被2整除。

    以下是我对我设计师提出的意见:

    1.像banner图片,商品图片这些,最好

    1)用矩形工具绘制一个固定宽高底图,然后把图片通过

    2)剪切蒙版贴上去,并且

    3)编组

    对应的图层预览:(红色标注部分)

    2.按钮编组,分normal,hover状态

    对应的图层预览:(红色标注部分)

    3.图标绘制规范画布大小

    对应的图层预览:(红色标注部分)

    4.描边需要独立图层,顺序排在图片后

    对应的图层预览:(红色标注部分)

    5.图标绘制规范,按下状态分离

    对应的图层预览:(红色标注部分)

    谢谢,如有不足,请指正。

  • 相关阅读:
    布局总结记录:居中、整页、多列、圣杯、双飞翼等布局看过来!
    BFC系统理解,文字环绕布局左右自适应布局揭秘!
    CSS变量,实现条形加载
    CSS盒模型理解
    回流与重绘理解,助攻CSS
    ASP.NET压力测试
    steelray project viewer
    设置文件上传的最大大小
    Ext.grid.GridPanel属性及方法等
    Extjs Ext.grid.column.Column 隐藏显示列
  • 原文地址:https://www.cnblogs.com/Megasu/p/4112510.html
Copyright © 2011-2022 走看看