web网站切图命名（网页切图主要切什么）

本文目录一览：

• 1、开发协作-切图类别与规范
• 2、web网页界面如何给前端标注,切图
• 3、UI设计中的切图规范是怎么样的?

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

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

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

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

web网页界面如何给前端标注,切图

1、一键标记切图，操作更快捷安装蓝湖插件之后，即可一键标记切图，方便快捷。一键上传蓝湖，自动共享给同事 将标记好切图的设计图一键上传到蓝湖，即可将设计图跟切图共享给你的同事，管理更科学。

2、开发经常用到的格式： PNG、SVG、JPG、PDF、WebP 我们内部团队实用的是蓝湖，一键压缩切图，告别了二次加工，高效。

3、在sketch里做完设计后，可以用墨刀给sketch设计稿做自动标注，然后分享链接给前端开发。

4、把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。） 切图的目的就是更加精确的进行网页布局。 photoshop、fireworks等软件都带有切片工具。

5、网页前端开发如何写出整洁的css代码和切图，所指的是基于web的前端开发流程，制作者需要有一定的制图以及前端代码基础。使用制图软件中画好效果图。使用制图软件根据页面制作需求划分切片，输出。

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

1、规范的切图命名会让开发更容易找到其所需要的文件，让设计师与开发之间的交付流程更顺畅，可以说，规范的切图命名是一个设计师的基本修养。

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

3、切图标注作为连接UI设计到技术开发两者的工作模块，缺其不可。合格的、严谨的切图可以大大减少技术人员开发返工率。

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

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

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

web网站切图命名的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页切图主要切什么、web网站切图命名的信息别忘了在本站进行查找喔。