Adobe Experience Design 如何使用重复网格在 Adobe XD 中创建重复元素？-搬瓦工VPS

在针对 Web 或移动应用程序进行设计时，通常需要定义重复元素或内容列表。但是，创建这些元素或在发生设计更改时进行更新可能很耗时。哪如何解决这一问题呢？我们可以利用“重复网格”功能将一组元素更改为一个重复元素。具体的xd cc创建重复元素教程如下，一起看看吧！

需要Adobe Experience Design CC 2019 Mac大师版的点击这个链接：
需要Adobe Experience Design CC 2019 Mac中文破解版的点击这个链接：

Experience Design 2020 for Mac(xd 2020)

立即下载

Experience Design是一站式UX/UI设计平台，简称XD，在这款产品上面用户可以进行移动应用和网页设计与原型制作。最新版的mac XD CC 2019全新上线，拥有自动调整动画，响应式调整大小，语音原型创建，插件和应用程序集成等多种功能，有需要的朋友欢迎到macdown下载！

2020-09-26443.92 MB简体中文

小编带来的是一整套的网格元素功能，因此先来介绍一下其简单的概念：
“重复网格”功能将一组元素更改为一个重复元素。您只需按任意方向拉元素，网格就会重复。在修改某个元素的任何样式时，将在网格的所有元素中复制此更改。例如，如果更改某个元素中的图像大小，则将自动调整网格中所有图像的大小。
如果网格中有一个文本元素，则仅复制该文本元素的样式，而不复制内容。因此，您可以快速设置文本元素的样式，同时保持网格元素中的内容不同。
可以通过将文本文件拖到重复网格中来替换该网格中的占位符文本。
一、那如何创建重复网格？步骤如下：
重复网格的核心是一种特殊类型的组。可以通过选择一个对象或一组对象并将其转换为重复网格来创建重复网格。
1.设计要重复的基本元素 — 例如，图像缩略图和文本的组合。
2.选择要重复的元素。
3.通过单击“属性检查器”中的按钮或使用键盘快捷键 Cmd + R (Mac) 将所选对象转换为重复网格。
元素边界上将显示较大句柄。
下图是用于重复一个元素或一组元素的句柄：
4.如需重复垂直网格中的元素，请拖动元素底部的句柄。如需重复水平网格中的元素，请拖动元素右侧的句柄。
以下是垂直重复网格图：以下是水平重复网格图：5.如需在网格中选择要编辑的元素，请双击网格。
如需取消网格元素的编组并单独处理它们，请选择网格，然后单击“属性检查器”中的“取消网格编组”。
可以通过在组内双击来访问重复网格的组件元素。
完成更改后，按 Esc 退出编辑上下文。
二、调整重复网格中两个元素之间的空白区域
如需调整网格中两个元素之间的空白区域，请将鼠标悬停在元素之间的间隙上。当光标变为双箭头时，可拖动来增加或减少空白区域。以下是具有重复元素的垂直网格图：三、处理重复网格中的文本
可以通过多种方式在重复网格中使用文本。可以更新重复网格中文本对象的各个实例，也可以选择将预先填充的 .txt 文档拖至重复网格中，并让文本文件的内容自动填充重复网格中的文本对象。
•更新重复网格中的各个文本元素
•将用回车分隔的文本文件拖至重复网格中的文本对象
更新重复网格中的各个文本元素
1.Cmd + 单击 (Mac)重复网格中的文本对象可将其选中。
2.如需编辑文本元素，请双击它并更改文本。
注意:对内容的更改不会应用于重复网格中的其他文本对象。但是，应用于文本对象的任何样式都将应用于所有文本对象。
四、将用回车分隔的文本文件拖至重复网格中的文本对象
可以通过将文本文件拖到重复网格中来替换该网格中的占位符文本。
1.创建一个扩展名为 .txt 的文本文件。可以使用 Mac 的 TextEdit （另存为 .txt）或任何其他文本编辑器来创建此文件。用回车将每行数据分隔开。
2.将文本文件拖动到重复网格上。将文本文件拖动到重复网格中的对象上，按文本在文本文件中的相同顺序填充重复网格。如果网格数多于文件中的文本行数，则该顺序将重复。
五、处理重复网格中的图像
对于图像，可以构建重复的对象模式，其中按定义的模式重复对象的图像填充。
可以选择通过将图像逐一拖入对象中来创建图像填充模式，也可以选择多个图像，然后将它们拖至重复网格上的对象。六、替换重复网格中的图像
如需替换网格中的图像，请打开 Finder 或文件资源管理器，然后导航到项目图像的存储位置。选择要在网格中显示的所有图像，并将它们拖放至重复网格中的目标对象上。
旧图像将被替换为自动调整大小的新图像。
以上就是小编带来的Experience Design 2019创建重复元素的教程，Mac用户有需要破解中文版Adobe Experience Design cc 2019的朋友，欢迎点击蓝色字体Adobe Experience Design CC 2019 Mac v16.0.2.8大师版进入下载界面，小编亲测大师版无需破解汉化，安装过程简单易操作！更多关于Mac软件的最新动态，软件教程，手游资讯，尽在macdown！欢迎关注收藏本站！