大家好，今天小编关注到一个比较有意思的话题，就是关于设计师网页切图命名分类的问题，于是小编就整理了4个相关介绍设计师网页切图命名分类的解答，让我们一起看看吧。

1. UI设计中的切图规范是怎么样的?
2. 切图命名规则
3. UI设计中常见的命名规则有哪些
4. 开发协作-切图类别与规范

1、UI设计中的切图规范是怎么样的?

切图**尺寸必须为双数 切图**尺寸必须为双数，这是是为了保证切图**在工程师开发时是**显示。

切图标注如今，设计切图插件能够将设计稿里所选中的图层、图层组按不同开发规范宽度，倍数、进行合并裁剪切片。

UI设计切图可谓是UI设计师最重要的设计输出物，设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。

从UI设计这个角度看，“UI设计”是一个团队协作的过程，“切图”是一个交付设计稿的过程，UI设计师理应在了解产品细节的前提下完成切图，建立简单沟通设计规范，并了解基础组建的开发成本，有必要的话还需配合调整切图。

和客户端的技术沟通好，用不同的框架来实现的时候，图会有不一样的切***。例如Tabbar是连背景一起切还是单独把icon做成背景透明的，文字是放在图里还是后面加字。

2、切图命名规则

双数像素切图：750x1334px与720x1280px的切图**大小都必须为双数像素，才能保证开发时素材被**显示。

iOS启动图：图标按照最大**x**来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。

文件包命名规则是：项目名字＋切图＋作者名字＋日期 例如：蚂蚁金服基金5版本迭***-H5页面设计_切图_李笑_20170321 文件包压缩一直***用.zip格式 文件包要包括：im*e，效果图＋标注图，切图简单说明（word等文件）。

这样做的目的：一方面，方便自己以后查找；另一方面，方便咱们的开发工程师查找文件，因为有时候是分工合作，需要第一时间找到对应的文件 命名规则 常用命名单词 切图文件大小必须是偶数，格式为PNG-24。

为了让切图便于管理，通常会依图片性质命名。例如 bg-xxx.png、*n-xxx.png、img-xxx.png、tab-xxx.png。当图档要做给 Retina 屏幕使用时，只要在文档名前加上「@2x」就可以了。

3、UI设计中常见的命名规则有哪些

所有命名全部为小写英文字母 在程序员的***码里只有小写的英文字母，如果***给出的命名全是中文的，那么他们是一定会更改的，所以命名全部用小写的英文字母是最基本的规则。

所以命名全部用小写的英文字母是最基本的规则。

在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。 方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读。

颜色标注规范。文字的颜色已经归类到文字属性里面，不用重复标注。颜色标注内容有：分割线颜色、背景色、按钮颜色等等。建议使用公司或品牌原有VI配色，可提高公司或品牌VI之间的关联，增加可辨识性和记忆性。

整理了一下命名规范小技巧，同学们可以做个参考~画板命名在UI设计中，每个画板对应一个界面，很多中小项目画板数大概在十个以下，所以我们的命名就比较简单，需要规避错误，让名称更加条例清楚就行。

4、开发协作-切图类别与规范

切图标注如今，设计切图插件能够将设计稿里所选中的图层、图层组按不同开发规范宽度，倍数、进行合并裁剪切片。

一倍图：在二倍图的基础上压缩成50 iOS启动图：图标按照最大**x**来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。

规范的命名方式可以提高客户端程序员的开发效率和团队协作。个人觉得标识符命名原则：尽可能的用最少的字符而又能完整的表达标识符的含义。

切图**尺寸必须为双数 切图**尺寸必须为双数，这是是为了保证切图**在工程师开发时是**显示。

在 iOS 开发中，不同机型的 iPhone 设备需要用到不同倍率的切图，下表格为各 iPhone 机型显示屏参数对比：这里再简单了解下两个概念，ppi 和 dpi。

到此，以上就是小编对于设计师网页切图命名分类的问题就介绍到这了，希望介绍关于设计师网页切图命名分类的4点解答对大家有用。