XD 切图怎么切?

更新时间:2023-03-28 09:40:55

如果你正在初次学习 Adobe XD 软件,可能会遇到一些小问题,例如 XD 切图怎么切?本文将为大家提供解决问题的方法,让你一分钟即可掌握这个技能!首先,我们可以在 XD 上绘制矩形并调整大小,然后将矩形与图标合并为一组,并将矩形的图层设置为透明。最后,在编辑组上添加导出标记并上传,这样就可以实现切割图固定图标的大小。总之,Adobe XD 和 Adobe Experience Design CC 都是非常实用的设计工具,如果我们熟练掌握它们的使用方法,就能够更加方便地进行 UX/UI 设计和原型制作,提高工作效率。

导读:

1、绘制矩形并将矩形调整为必要的切割尺寸。

2、将图标和矩合并为一组。

3、把矩形的图层变成透明的图层。

4、设置切割图并上传云端

XD切图怎么切

1、绘制矩形并将矩形调整为必要的切割尺寸。

在 XD 上绘制矩形,并将矩形调整为必要的切割尺寸。在 XD 中,可以使用矩形工具绘制矩形。点击左侧工具栏中的“矩形工具”,然后在画布上拖动鼠标,即可创建一个矩形。可以在矩形的上方显示的属性栏中设置矩形的尺寸和颜色。选中矩形后,可以在属性栏中设置矩形的宽度和高度,也可以在画布上直接拖动矩形的边框来调整其大小。如果需要精确设置尺寸,可以在属性栏中输入具体数值。在绘制好矩形后,可以通过添加切割线来实现切割效果。选中矩形后,在属性栏中选择“添加切割线”,然后在画布上拖动鼠标,即可创建一个切割线。可以通过拖动和调整切割线的位置和长度来实现需要的切割效果。

2、将图标和矩合并为一组。

在 Adobe XD 中,可以使用“组合”命令来将图标和矩形组合为一组。选择图标和矩形后,单击右键(或快捷键Ctrl/Command+G),将两者合并为一组。合并后,可以对这一组进行操作和管理。选择图标和矩形,单击右键(或快捷键 Ctrl/Command+G),将两者合并为一组。

3、把矩形的图层变成透明的图层。

在右侧的属性面板中,找到填充和边界的选项。取消勾选填充和边界的选项,即可将该矩形转化为透明图层。这样,在导出切图时,只会导出矩形的轮廓,而不会包含填充和边界的内容。完成上述步骤后,即可将透明图层导出为切片。选中需要导出的图层,然后点击“文件”-“导出”,即可选择导出格式和导出路径。

4、设置切割图并上传云端

在左侧的图层面板中,选择需要设置导出标记的图层。可以单击对应的图层,也可以使用鼠标框选来选择多个图层。在右侧的“设计规格”面板中,单击“添加导出标记”按钮,然后选择需要导出的标记格式和大小。可以为不同的标记设置不同的大小。将所有需要导出的图层添加完导出标记后,可以选择“文件”-“导出”来打开导出窗口。在窗口中,可以选择需要导出的标记,以及设置导出文件的格式和大小。最后,可以将切片上传到云端,以便团队成员共享和使用。在 XD 中,可以单击“共享”按钮,然后选择“共享到云端”来上传文件。共享后,其他成员可以通过链接查看和下载文件。

另外,Adobe Experience Design CC 也具有自动切图功能,我们可以使用它来快速地进行切图。选中需要切的部分,然后点击“文件”-“导出”,接下来选中导出目录、Web/iOS/Android 选择 dpi/1x/2x 导出就可以了。

综上所述,XD 切图怎么切?通过本文的介绍,我们学会了一分钟即可掌握这个技能的切图方法:手动切图和自动切图。手动切图需要在 XD 上绘制矩形并将其与图标合并为一组,最后添加导出标记并上传即可完成切图。自动切图则可以通过 Adobe Experience Design CC 快速完成。选中需要切的部分,点击“文件”-“导出”,选择需要导出的格式和大小,导出所需的文件即可。