BACK >
春节专题!app设计系列之切图的命名规范
作者:吾诺翰卓    浏览次数:343    日期:2018-02-26

写这篇文章也是总结了以前刚接触的时候遇到的问题,还有来自其他朋友的提问。关于切图的命名规范给人的第一印象就是全英文,看不懂,让很多人望而却步,当你有所了解之后,你就会发现其实没那么复杂。本文主要为了给想了解命名规范的朋友解解惑。

一. 概述

一款产品的落地,必将先经历过需求分析、产品定位、项目拟定、功能分析、原型设计、设计稿输出,接下来再到开发,切图、标注是设计与开发需要沟通的步骤之一。

问题1:切图与标注是什么?

切图:APP设计切图是实现设计效果的重要环节,开发们在实现的过程中需要计算好各个元素的位置,排布,然后再调用我们切好的图进行填充。其存在是为了程序提高产品的开发效率和团队协作。

标注:标注能够帮助其他团队理解设计页面的布局关系、模块大小、颜色与字体规范等等。

注意:区分iOS与Android的规范。

问题2:为什么要制定规范?(规范存在的意义)

1. 方便修改与迭代

对于项目而言,产品的优化迭代是必要的,除非打算放弃治疗。

有很多人对于文档的命名是这样的:

春节专题!App 设计系列之切图的命名规范

遇到突发情况,比如你完成了设计后,突然要你改动哪个icon,要找起来也是相当麻烦。养成良好的命名习惯很重要,比如可以利用版本命名,亦或时间命名都可以更清晰地标明。

2. 方便更快捷查找

对于个人而言,psd文件有时候需要修改,整齐规范的psd文档是不是在修改图层的时候更容易找到该图层呢?

春节专题!App 设计系列之切图的命名规范

可能以上来自网络,图层命名没有固定性

3. 方便设计团队沟通

如果设计团队有一套完整的设计规范,那是再好不过。如果没有这样完整设计系统,那么我们就得自己通过沟通制定一套规范,才能让沟通更加高效。建议可以多看看网易、Google、QQ等企业的设计规范进行学习。

4. 方便程序开发沟通

曾经与程序员沟通过需求,有些程序员需要你切好图,标注好,命名好给他们,有些程序员只需要你的设计档,他们自行切图标注,所以设计时与开发沟通尤为重要。但是无论如何,规范的命名是最有效的沟通。

春节专题!App 设计系列之切图的命名规范