《一款APP设计的从0到1》这是干货的一系列文章，最后一次U姐谈到APP项目项目，估计时间和界面设计文章，今天U女孩，界面剪切图标说明。

这一次，U女孩最后一次继续。在我继续之前，我将看一看整个目录（装满干货）

姊妹列出了一个小目录：

一，项目项目（点击查看）

二，项目预计时间（点击查看）

三，界面设计

第四，剪切图标说明

V.视觉恢复

六，在线准备

在上一期中，我们讨论了界面设计。在我们设计界面后，我们必须开始切割和标记。

首先，切削刀具和注释工具

1，切削刀具

Cutterman，一个PS插件，切割非常方便，但不支持绿色自由安装版本PS，PS版本相对较高，并且CS 6没有维护和更新。建议安装PS CC及以上版本的官方完整版。最新版本的cutter是3.2.0。

Cutterman安装包和教程，请点击这里：《cutterman切图教程(设计师必备)》

Cutterman官方地址：http://www.cutterman.cn/

Assistor PS也是PS图标插件插件，也称为工件;我用它，感觉还可以，但是切割和贴标的经验还不高，但是辅助PS的其他辅助功能还是很不错的，比如参考线辅助，圆角尺寸，磁铁功能等。

2，标记工具

PxCook（Pixel Chef）是一款剪切笔记设计工具。自2.0.0版本起，支持PSD文件的文本，颜色和距离进行自动智能识别。

优点是注释和剪切的两种设计集成在一个软件中，并支持Windows和Mac平台。注释功能包括：支持长度，颜色，区域，文本注释;从2.0.0版本开始，整体效率得到了很大提高，建议自动识别注释。

PxCook安装包和教程请点击这里：《PxCook标注教程(设计师必备)》

派克，像刀匠一样，派克可以自动计算尺寸，距离，文字大小，阴影，笔划圆角，线高等信息，并根据您的需要贴标签，大大节省您的时间标记，大大提高设计效率。 （你的女孩现在已经被帕克标记了）

但是，parker不是免费的，而是需要60RMB的付费软件。

Mark Man也是一款高效的设计注释工具，支持Win/Mac，免费使用基本功能，免费版的体验也不尽如人意，毕竟它是免费的，如果需要高级功能，则需要支付60RMB。

上述每种工具都有其优点和缺点。在选择方面，它主要基于个人习惯，人们可以轻松选择。

二，页面注释

标签非常重要。兄弟的发展不能完美地恢复设计草案，很大一部分取决于我们的注释;如果你不知道如何标记，你必须与开发兄弟沟通！

沟通是解决问题的有效方法！

在这里，我将粗略谈谈我的标签习惯。我不需要标记每个渲染。您标记的页面可确保每个页面都能顺利开发。

让我举一个我标记的页面的例子：

我们可以从上面的注释中看到要标记的内容是：

文字：字体大小，字体颜色

布局控件属性：控件宽度，背景颜色，透明度，笔触，圆角大小

列表：列表高度，列表颜色，列表中的内容间距

间距：控件之间的距离，左右边距

段落文本：字体大小，字体颜色，行间距

所有属性：如导航栏文字大小，颜色，左右边距，默认间距等，可以提前与开发兄弟交谈，无需标记。

所有页面注释总结为：标准文本，标准间距，标准大小，标准区域

注意：标签的颜色格式是十六进制（例如FF0000）还是RGB（255,0,0）？你需要与开发兄弟讨论，打开他的开发习惯，一般使用十六进制颜色值就好了。 。

三，界面切割图

我仍然用图中的例子来说明:(有一张真相图片）

Icon_alipay.png→ iPhone 1-3代手机（已被忽略）

Icon_alipay@2x.png→ iPhone4/4S/5/5S/6/6S/7对应的尺寸，这就是我们通常所说的2次地图

Icon_alipay@3x.png→ iPhone6P/6SP/7P的大小，这是地图的3倍

可以简单地理解为多重关系，如果您使用750x1334px（iPhone 6/6S/7）尺寸进行设计草图，则切片输出为@ 2x，小1倍，@ 1x，1.5倍大于@ 3x。

我总结了一些在剪辑中经常遇到的问题：

1.最后，需要削减哪些资源，哪些资源不需要削减？

只要它无法在代码中实现和表达，您就需要剪切地图

如果您真的不知道是否要剪切地图并与开发人员沟通，他会告诉您哪些人需要您剪切地图

你需要削减多少套？ （我这里只使用iOS作为标准，Android会稍后再说）

从理论上讲，我们需要削减3组地图以便更好地适应。

在实际工作中，iOS只需要剪切2组图纸，即：@ 2x和@ 3x

3，如何命名切割，如何在不命名的情况下进行切割？

注意：切割时需要注意几点：

剪切输出格式必须是png24，png8和jpg。

在同一模块中，切割的大小应该是一致的

切割输出尺寸必须保持均匀。

为了减小包装的尺寸，所有切割地图在开发后尽可能地被压缩（包装越小，老板越开心越好，它会给你更多的年终奖励）

关于切割表和标签，它就在这里。如果您不知道如何在工作中切割标签，请与开发人员沟通并进行良好沟通。良好的沟通是解决问题的唯一方法。记住不要孤单。如果您有任何问题或疑问，可以给U留言，下次我们会见！

作者：U姐，生活中的UI设计师，等着你缝妹妹哟

来源：微信公众号“ UI姐姐” （ID：Ifaner）

« 淘宝流量下降了。怎么办才好呢？ | 淘宝客户佣金怎么设定？ »