设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
切图标注作为连接 UI 设计到技术开发两者的工作模块，是不可或缺的。本文列举了基础的切图标注方法和规则，适合新人设计师学习。
编者按：本文是一篇写给新手的科普指南，从切图的发展史到基础知识，以及常见的术语解释，都有详细的说明，非常适合刚入门的 UI 设计师学习。一、目的为了能够满足开发人员对于效果图的高度还原需求。
编者按：之前的知识科普说了好些基础的概念，本篇将会结合之前我们讲到的数个概念来谈谈图为什么要这样切，标注为什么要这样做。基础知识科普：《还不知道什么是DPI和PPI的设计师，该收藏这篇教程了！
今天菜心要分享的内容是关于切图命名的规范，这是UI 设计师最基础的知识之一，但作用非常大，可以帮你和同事.开发高效对接，提升整体工作效率。建议学习。
编者按：切图是初级设计师最重要的能力，网上一直没有全面系统的教程，今天@UI酷设计 这篇好文从零开始教你学会切图方法，附上切图神器，绝对值得收藏。考拉快跑：移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。
么有鱼丸：作为UI设计师，过完稿和开发对接时，需要标注设计稿和切图，把标注切图文件给到开发。这个时候就犯难了，那么多尺寸怎么切图，iPhone就有8个版本，更别提安卓那一堆尺寸。
编者按：有同学问切完图还是太大了该怎么办，今天@Matuo__Basyou 介绍了几种常用的方法，从PNG到WebP，再到JPG都有相关的技巧经验分享，最后还附上一个SVG的免费福利，来收！首先如果只是压缩的话，建议使用 ImageAlpha（专门压缩PNG）以网上的一副海报为例（侵删）正常从PS导出的PNG大小：原本是 1.1 MB在 ImageAlpha 中打开后可以看到在默认参数下可压缩 65%。
Photoshop CC发布有一段时间了，童鞋们上手感受怎样呢？关于Photoshop CC一些强大的新功能，优设在你应该了解“PHOTOSHOP CC”新特性上已经介绍了很多，还有一篇最全的PHOTOSHOP CC总结也是满满当当的干货，不过今天小编又发现了一个新功能，那就是智能切图啦，应用在图像输出上非常方便，想要详细了解的话，就来阅读这篇文章吧！
绝音：专业提供扣图药方，一帖见效，药到病除。当然，也推荐你看看优设今年下载量第一的抠图神器：PS抠图神器：KNOCKOUT 2.0汉化版下载及教程功效：去除图标、按钮等背景图的底色威力：★★★★需求：很多时候我们需要用到一些全透明的素材，比如：问题：设计图中没有全透明的素材魔术棒选区会带有一些半透明度，底色背景删不干净，我们可以直接手工选区，一点点的删除底色背景，但是效率好低。
刚升级体验了~~非常期待微信输入法~~现在的输入法全是广告流量入口，文中提到的广告问题其实是输入法做的，其实挺恐怖的~~
但我觉得 Figma 之所以会受到大家的追捧，更多原因在于它的免费计划以及 Sketch 软件对操作系统的限制（Sketch 仅适用于 Mac），但我也理解为什么没有多少人愿意承认这些原因。这句话说得太对了
这么好的文章竟然没有评论！
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
刚升级体验了~~非常期待微信输入法~~现在的输入法全是广告流量入口，文中提到的广告问题其实是输入法做的，其实挺恐怖的~~