xd使用技巧_Adobe XD —你不知道的30条提示和技巧！

Adobe Experience Design是UI / UX设计师的出色应用程序-除其他功能外，它还为您提供了设计和原型交互以及画板之间过渡的机会。这是我个人最喜欢的提示和技巧列表，可让您利用XD的潜力。

Adob​​e Comp中的样机

您可以使用适用于iOS和Android的Adobe Comp移动应用程序创建简单的模型和线框。优点是可以使用手指或手写笔进行快速直观的原型制作，并具有许多预定义的手势。在与客户的会议上创建线框也很容易。即使Adobe Comp不支持Adobe XD导出，您也可以导出到Illustrator，然后将其复制>粘贴到Adobe XD中以获得可编辑的矢量形状。

＃2 —从Photoshop导入矢量

如果要在Photoshop和Adobe XD之间传输位图，只需在Photoshop中进行选择，然后选择Cmd + Shift + c(“复制合并”将复制在选择下可见的所有内容)，然后在Adobe XD中进行Cmd + v。但是，也可以通过右键单击图层并选择“复制SVG”并粘贴到XD中，从Photoshop中导出矢量图层。

＃3 — 10像素微移10像素网格

在Adobe XD中，可以使用Cmd +’快捷方式为画板启用网格。默认情况下，网格设置为8像素，因此使用Shift +左/右箭头微调不适合网格。单击Artboards的名称将其选中，然后将默认的8px值更改为10像素网格以匹配微调。将其设置为其他项目的默认值。

＃4 —指导或不指导

到目前为止，还没有Adobe XD中的Photoshop中的此类指南，但是智能指南会在拖动时出现，并可以更好地定位元素。但是，有时这种默认行为可能会生成不需要的捕捉。只需在拖动时按Cmd即可暂时禁用智能向导。

＃5 —营救的风格指南！

最好为样式指南创建一个单独的Artboard，在其中您将放置所有标识资产以及品牌颜色，版式，常用样式和控件(例如按钮，输入和常用图标)。

＃6 —键入节奏和重复使用样式

对于垂直型节奏，可以使用gridlover.net。在Adobe XD中重新使用文本样式的工作方式如下：在下一个文本区域中选择要用作样式参考的文本区域，然后创建一个新样式，样式将继承。

＃7 —字体大小

您可以通过拖动文本底部轮廓上的小椭圆形来增加和减小字体大小。文本字段必须是点类型的，这意味着必须通过单击鼠标(而不是拖动文本字段)来创建它。

＃8 —文本子样式

每个文本字段都可以包含具有不同文本属性(例如颜色和粗细)的子样式。

＃9 —在粘贴上创建文本区域

复制任何文本并将其直接粘贴到Adobe XD中，将自动创建文本字段。

＃10 —用0重置行高

在尝试了字体的行高之后，您可能需要重置为默认值。无需猜测-只需在行高输入中输入0，它将重置。

＃11 —微调颜色值

使用Shift +左/右箭头可操纵输入的值，例如alpha或color。

＃12 — #HEX颜色值

在“颜色选择器”对话框中，使用十六进制值进行精确的颜色匹配。您可以输入一个字母/数字，例如。#f，获取#ffffff结果，或将2或3个字母/数字组合用于不同的结果。

＃13 — XD中的简单图标

有时，使用默认的Adobe XD工具(例如形状和笔)以及对形状的布尔操作来绘制简单图标会更容易，更快捷。

＃14 —将文本转换为形状

要将文本转换为形状并编辑每个字母的矢量点，请使用Cmd + 8快捷键。

＃15 —图像复制和遮罩

您可以从Finder甚至从网站直接将图像拖放到Adobe XD canvas。另外，您可以将图像放置在任何形状上以填充它。在某些情况下，您可能希望遮盖图像的一部分。请记住，该蒙版是从最上面的图层应用的，并且是非破坏性的。

＃16 —重复网格

使用“重复网格”选项(Ctrl + r)可将一组或一层相乘。然后水平或垂直扩展手柄以进行复印。您可以在两个副本之间徘徊时调整页边距。

＃17 —非显而易见的重复网格

有时，您可以将“重复网格”选项用于创建图标之类的操作。请记住，您还可以在不透明形状上设置负边距以获得复杂的图案。

＃18 —生成的文本

Adobe XD可以读取放在.txt中的以回车符分隔的文本。文件到文本字段中。将伪文本或实文本应用于重复网格项目时，效果最佳。

＃19 —摆脱重复网格

有时，使用“重复网格”可能不一定是最佳选择。有时，您想使用网格来复制项目并通过按Cmd + Shift + g进行删除以将其删除。

＃20 —符号覆盖

符号是Adobe XD中的可重用元素。您可以使用例如的许多实例。按钮，然后更改一个实例，所有其他实例将相应更新。最好在样式指南中使用符号。

＃21-边界半径技巧

通过拖动形状角附近的小点来调整border-radius属性。按住Alt只能调整一个角的半径。

＃22 —锁定与隐藏层

锁定层无法修改，但仍可以选择，如果您希望选择覆盖的层，则隐藏层可能会更好。临时隐藏图层以进行重组并在其下的图层上工作。

＃23 —不透明度和数字

使用键盘上的数字调整不透明度。按下任何一个。5(代表50％)，或4(代表7)(代表47％)。

＃24 —重命名图层

双击图层名称将其重命名。按Tab进入下一层而不离开编辑模式。按Shift + Tab向上移动。

＃25 —布尔运算路径

如果要在对形状进行一些布尔运算后对每个矢量点进行精确控制，请使用Cmd + 8对其进行扩展。

＃26 —进入小组

Cmd +在组内单击某个图层可直接将其选中。

＃27 —在设备上预览

安装免费的iOS应用并通过USB连接设备以即时预览工作。这是发现颜色或字体大小是否正确设置的最佳方法。

＃28-创建有意义的过渡

在Adobe XD中，您既可以进行设计，也可以随后进行带有Artboards过渡的可单击原型。通过单击Ctrl + Tab在两种模式之间切换。

＃29-使用UI套件

您可以从Adobe XD中的“文件”>“ UI工具包”菜单访问iOS，Material和Windows UI Kit。

＃30 —共享原型和固定注释

您可以通过共享原型获得其他人的即时反馈-只需获取链接并将其发送给您的队友，或使用嵌入代码嵌入运球或Behance。接收链接的用户可以发表评论并将其固定在原型上的确切位置。

而已。希望您学到了一些有用的内容