网站切图怎么命名（网页切图命名规范）

本文目录一览：

• 1、在线切图工具-网页如何切图
• 2、切图命名规则
• 3、APP切图详细规范终极指南2020
• 4、ui切图怎么命名给前端
• 5、APP界面切图命名和文件整理规范

在线切图工具-网页如何切图

1、打开PS，点击切片工具，如下图所示。点击切片工具，将图片切割成需要的大小，如下图所示。剪切图片后，点击导出专题网页使用的格式，如下图所示。进入属于导出站点的格式页面，按住shift键选择所有部分。

2、选中需要切图的画板、图层或编组，点击「标记切图」。 选中目标名称前出现“-e-”，「标记切图」选项变为「取消切图标记」，此时切图操作便完成了。 （注意：标记切图只需标记需要切图的图层，标记无用的切图过多可能会导致上传失败。

3、选中需要切图的画板、图层或编组，点击「标记切图」。选中目标名称前出现“-e-”，「标记切图」选项变为「取消切图标记」，此时切图操作便完成了。

4、首先打开电脑上的PS软件，双击打开，进入操作页面。然后打开或者拖入要切的图片。接着选用工具栏里的-切图工具，根据自己喜好进行切图。切完之后，ctrl+shift+alt+s一起按。

切图命名规则

命名规则是“（界面或者功能）+（控件名）+（状态）+（补充描述）”。

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

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

APP切图详细规范终极指南2020

基本上 App 的切图可分为下面几大类：背景、按钮、图示、图片、照片、TabBar icon 等。为了让切图便于管理，通常会依图片性质命名。例如 bg-xxx.png、btn-xxx.png、img-xxx.png、tab-xxx.png。

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

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

PxCook在Windows上标注还比较顺手，虽然它还附带切图功能，但是比较鸡肋，不推荐用它切图。

单击菜单栏左上角的 Apple 标志，然后单击关于本机。将出现一个窗口，显示您当前的 macOS 版本和其他详细信息。在此窗口中，您可以单击窗口右下角的软件更新，您的 Mac 将自动搜索新更新并进行安装。

使用户专注于主要业务操作流程，有利于提高软件的易用性及可用性。

ui切图怎么命名给前端

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

命名格式 一个大型项目会分很多模块，每个模块由不同的设计师来独立完成，还有人会专门管理公共的组件，如tabbar、navbar等等，这种情况下就会分为两种切图，一种是通用类型的切图，还有一种就是各个模块特有的切图。

一键上传蓝湖，自动共享给同事 将标记好切图的设计图一键上传到蓝湖，即可将设计图跟切图共享给你的同事，管理更科学。无须逐一发送，你的同事就能在线查看、在线评审设计图，还能自动标注和下载切图。

把一张设计图 利用到切片工具 把所需的大图切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局。切图不是切片，把图片切出来这个过程是叫切片。

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

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

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

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

所以，制定一套非常有效而方便的APP切图命名规范非常有用的。

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