设计师就业衔接班！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汉化版下载及教程功效：去除图标、按钮等背景图的底色威力：★★★★需求：很多时候我们需要用到一些全透明的素材，比如：问题：设计图中没有全透明的素材魔术棒选区会带有一些半透明度，底色背景删不干净，我们可以直接手工选区，一点点的删除底色背景，但是效率好低。
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接：https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少，也是盲目找图临摹，要难受了！！！（本人非专业艺术生）
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。