爱生活

标题: 用adobe XD设计完怎么切图？，xd怎么切图 [打印本页]

作者: 123 时间: 2023-4-11 18:30
标题: 用adobe XD设计完怎么切图？，xd怎么切图

用adobe XD设计完怎么切图？
在XD做好设计后，怎么切图？要花多长时间？

摹客iDoc支持Adobe XD。通过摹客iDoc XD插件，可以上传XD设计稿以进行标记切图等。
安装XD插件
在 XD菜单栏找到「插件 > 管理插件 > 所有插件」，在面板中搜索 iDoc 即可快速安装 XD 插件。或者去摹客官网（https://idoc.mockplus.cn/download/xd）下载摹客iDoc XD插件安装文件并双击进行安装。注意：你需要将Adobe XD 更新到13.0以上版本。

打开插件
插件安装好后打开XD，在「菜单栏>插件」找到摹客 iDoc 插件，选择并打开。
Mac OS：

Windows：

标记切图
选中需要切图的图层或编组，在图层栏中点击「添加导出标记」图标。

此时图标变黑，提示「添加导出标记」变为「取消导出标记」，此时切图操作便完成了。

adobe xd切图问题（带蒙版怎么切）？
带有蒙版的角标怎么切出来？如图，切出来就是原始蒙版那么大，把蒙版看不见的也切出来了，而不是单独角标的位置的尺寸

Adobe XD中蒙版切图切出来一定是蒙版的大小，根据你的需求，这种情况最好的方法就是调整蒙版的大小，操作方法如下：
双击蒙版和角标的组合对象并再次单击矩形单独选中矩形（或按住Command/Ctrl用鼠标单击矩形单独选中矩形）；
调整矩形的大小到你所需要的大小；
完成之后选中组合形状使用快捷键Command/Ctrl+E 切图即可。

右侧为调整之后的

最终切图

有哪位大神知道xd adobe怎么制作剪切蒙版吗？求教呀谢谢！

在Adobe XD中有两种方式制作剪切蒙版

1.直接将图片拖入到Adobe XD的形状或图片上去自动生成剪切蒙版，但是直接拖入之后不能在对图片进行调整；

2.将形状和图片叠放并同时选中，使用快捷键mand/Ctrl + Shift + M 组合。

调整剪切蒙版

1.双击组合即可调整大小和位置，但是直接拖入的不能调整。

2.直接拖入的不能调整。

3.直接拖入的不能调整。

剪切蒙版的图层顺序

1.图片与矢量形状组合时，剪切与图层无关，均为显示矢量形状范围内图片上的内容；

2.矢量形状与矢量形状组合时，显示下方矢量形状范围内上方矢量形状的内容；

3.图片与图片组合，只能直接拖入自动生成剪切蒙版；

打组之后剪切蒙版

打组之后可作为剪切内容，但不能作为形状，打组的放在形状下方

UI设计中的切图是怎么切

UI切图一般都会用到专门的软件，比如我们用的摹客，Sketch、Adobe XD、PS的设计稿都支持，设计师只需在设计稿上进行切图标记，然后用摹客的插件上传到平台，就可以自由下载和使用切图了。以PS的插件为例：
1.安装摹客的PS插件，安装好之后在PS的「窗口>扩展功能」找到摹客插件，选择并打开：
2.标记切图：在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。当图层或编组的名称前增加了“-e-”，「标记切图」变为「取消切图标记」，就可以了。
3.标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。
摹客的这些切图和标注等功能都是免费的，可以使用。

欢迎光临爱生活 (https://ish.ac.cn/)