来源：25学堂欢迎投稿到带你飞的UI君，投稿邮箱 目前很多手机app设计师都在使用Cutterman工具进行切图，因为这个软件是国内的软件，切图也必将方便。也提供了3个平台的切图方式。最新的Cutterman切图插件如下图：IOS: 如果你是为Iphone设计界面，请使用ios标签，它能够为你生成符合ios系统的单/双倍图Android: 如果你是为Android设计界面，请使用Android标签，它能够生成符合Android系统的各种DPI分辨率图片PC: 如果你是做web端的设计，请使用PC标签，它可以支持输出png/jpg/gif等各种格式和质量大小的图片选择完平台后，会进入到主界面，如果需要切换平台，可以点击界面左上角的箭头按钮，切换目标平台。我们先来回顾一下切图知识点重点提示：1）、所有切图必须为偶数。不管是ios的切图 还是android 的切图。2）、可平铺部件切图时可如下图：带圆角按钮切图时可如下图同理并在效果图中标出具体大小和尺寸。3）、ios切图需要切出2套，一套是@2x png和一套@3x的png、png格式为24位的png。APP界面具体的切图细分：引导页、启动页、APP图标、需要作为整块的元素都是要切除@2x和@3×2套的切图素材。如果需要平铺的元素：如背景、线条、按钮、渐变等等都是切.9.png点九图是适合ios和android 2大系统的。现在精准化的元素切图是保证还原高品质app界面设计的保证。切图的技巧决定移动app界面设计美观度。当然还有标注。4）、所有表单元素务必切两种状态：比如按钮的正常状态和按下状态checkbox的选中状态和未选中状态等等。如下图的图标切图状态示例图：今天只是跟大家讲解cutterman ps插件***完成之后，如何来使用cutterman工具进行切图。3步轻松搞定Cutterman切图。算是一个比较简单的Cutterman切图教程。Cutterman切图简单步骤：第一种情况：导出一个图层的切图素材。1. 选中一个你需要输出的图层。2. 点击“保存路径”按钮，设置你想导出到本地的某个文件夹。3. 点击“导出选中图层”按钮。注意 !一个图层组对Cutterman而言，仍然表示一个图层，会将组里头的所有内容合并作为一个图层输出。第二种情况：导出多个图层切图素材：1. 选中多个图层2. 点击“保存路径”按钮，设置你想导出到本地的某个文件夹3. 点击“导出选中图层”按钮注意 !选中多个图层进行导出，默认会逐一输出每个选中的图层，如果希望将选中的多个图层合并导出，请在界面又上角的设置项里头进行设置。第三种情况：固定切图尺寸来切图素材1. 在固定尺寸的位置填入你希望输出的宽和高，注意必须要比icon的尺寸要大。2. 点击导出选中图层按钮。注意 !设置固定尺寸后，icon会默认居中显示。如果设置的尺寸比icon尺寸小，会出现icon被裁剪的现象设计交流学习群：收获良师益友，快来加入我们~带你飞的UI君(hqwx_ui)　
　文章为作者独立观点，不代表大不六文章网立场
hqwx_ui分享UI设计、网页设计、交互设计、产品经理、用户体验的相关知识和行业资讯，UI君带你涨知识带你飞~~~热门文章最新文章hqwx_ui分享UI设计、网页设计、交互设计、产品经理、用户体验的相关知识和行业资讯，UI君带你涨知识带你飞~~~