1.6 Adobe XD的工作界面

与Adobe公司的其他设计工具相比，Adobe XD的工作界面相对简单、整洁，如图1-36所示。其工作界面由菜单栏、工具栏、模式栏、“属性”面板和工作区域组成，用户可以使用这些工具实现App界面的交互原型设计或者UI设计。

1.6.1 菜单栏

Adobe XD的菜单栏中共包含7个主菜单，如图1-37所示。Adobe XD中几乎所有的命令都按照类别排列在这些菜单中，它们是Adobe XD工作界面中的重要组成部分。

单击任意菜单选项名称，即可打开该菜单的子菜单列表，在列表中使用分割线区分不同功能的命令，带有黑色三角标记的命令表示还包含扩展菜单。图1-38所示为单击“文件”菜单后打开的子菜单列表。

选择菜单中的某个命令即可执行该命令；如果命令后面带有快捷键，则按下与之对应的快捷键即可快速执行该命令。

1.6.2 工具栏

Adobe XD的工具栏默认位于工作界面的左侧，其中包含选择工具、绘图工具、文本工具、画板工具、缩放工具，以及“库”“图层”和“插件”面板。

单击工具栏中的任意工具按钮即可选中该工具，将光标停留在工具按钮上，即可显示该工具的名称与快捷键，如图1-39所示，按下相应的快捷键即可快速选择该工具。

单击工具栏底部的“库”、“图层”或者“插件”面板按钮，工具栏右侧将显示相应的面板，如图1-40所示；再次单击当前面板按钮，即可隐藏面板。

1.6.3 模式栏

Adobe XD的模式栏位于菜单栏下方，共包含“设计”“原型”和“共享”3个模式。单击任一模式的名称，Adobe XD的工作界面将出现相应的工具、面板和工作区域，使用这些工具和属性参数在工作区域中进行操作，可以对作品的相应阶段进行内容设计。

● 设计模式

在Adobe XD的设计模式下，可以创建和设计App项目的各个界面（画板），也可以导入使用其他工具创建的资源，还可以从网上导入资源，使用导入资源完善App项目的各个界面。

● 原型模式

在Adobe XD的原型模式下，可以为App界面（画板）创建链接、录制设计作品的视频演示、在浏览器或者设备中预览UI作品及其交互效果，还可以与设计团队共享作品。

● 共享模式

在Adobe XD的共享模式下，可以创建和共享链接，方便工作人员进行设计审查、开发、演示和用户测试。

1.6.4 “属性”面板

在Adobe XD中，“属性”面板默认位于工作界面的右侧。采用不同的工作模式，“属性”面板中的参数也会随之改变，如图1-41所示。

在设计模式下，用户可以在“属性”面板中定义对象的各种属性并使用不同的选项控制对象。也可以指定对象的背景、填充、边框、阴影、对齐方式和尺寸，还可以将对象组合在一起以制作全新的对象。

用户还可以使用“重复网格”选项构建布局，使用“固定位置”选项在滚动时固定多个元素的位置，或者使用数学运算创建精确度更高的设计等。

在原型模式下，用户可以在“属性”面板中定义交互的触发条件、操作类型、操作目标和操作动画，还可以为交互添加“音频播放”或者“语音播放”操作类型。

1.6.5 工作区域

在Adobe XD中，每创建一个文件就会打开一个独立的工作界面，在工作界面中放置画板和粘贴板的区域统称为工作区域，如图1-42所示。工作区域包含了设计师创建的所有资源和画板。