发布时间：2022-8-22 分类： 电商动态
《一款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）
