网站切图命名规范（网页设计切图给源文件还是图片）

本文目录一览：

• 1、UI设计中的命名规范,你知道吗?
• 2、UI设计中常见的命名规则有哪些
• 3、APP界面切图命名和文件整理规范
• 4、切图命名规则
• 5、ios和android切图命名规范,ios和android切图怎么标注
• 6、UI设计中的切图规范是怎么样的?

UI设计中的命名规范,你知道吗?

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

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

命名规范 许多UI室内设计师针对取名是没有什么定义的，她们全是轻易用一些没有特殊含意的英文字母去给网页页面取名，我认为它是不太好的。

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

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

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

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

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

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

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

APP界面切图命名和文件整理规范

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

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

3、iOS界面规范 首先苹果分为两种尺寸，一种是中码比如6s、8等，这种我们一般切图命名为@2X。还有一种就是Plus版本，这种一般切图命名为@3X。 苹果6s 的尺寸750px 1334px，6s Plus的尺寸就是1242px 2208 px。

切图命名规则

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

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

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

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

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

ios和android切图命名规范,ios和android切图怎么标注

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

第二个认识：来看设计环节的交付物 iOS和Android开发需要的设计交付物至少要有：高保真UI图，标注，切图。高保真UI图所起到的作用是，开发会参照其画页面，仅仅是获知页面样子的一个手段，并非什么高精度的事情。

iOS界面规范 首先苹果分为两种尺寸，一种是中码比如6s、8等，这种我们一般切图命名为@2X。还有一种就是Plus版本，这种一般切图命名为@3X。 苹果6s 的尺寸750px 1334px，6s Plus的尺寸就是1242px 2208 px。

可能要问问苹果了...）依此类推，得出换算公式一：若有小数，四舍五入即可。在 iOS 开发中，目前只需要 @2x 和 @3x 两种切图，所以导出 2 倍和 3 倍的 png 图片即可。

首先是Android的切图生成工具。桌面上有这样一张图片打开工具，选择该图片所在目录。记得先把源图片先命名好，因为该程序会自动命名其中2倍，1倍等。是相对于android中 mdpi而言的。 如果是xhdpi的图片，就是2倍。

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

1、切图资源尺寸必须为双数 切图资源尺寸必须为双数，这是是为了保证切图资源在工程师开发时是高清显示。

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

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

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

关于网站切图命名规范和网页设计切图给源文件还是图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。