• 关于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.图标绘制规范,按下状态分离

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

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

  • 相关阅读:
    团队站立会议09
    团队站立会议08
    团队绩效
    团队站立会议07
    团队站立会议06
    团队站立会议05
    团队站立会议04
    团队站立会议03
    团队站立会议02
    反转链表
  • 原文地址:https://www.cnblogs.com/Megasu/p/4112510.html
Copyright © 2020-2023  润新知