![Adobe XD界面设计与原型制作教程(全彩)](https://wfqqreader-1252317822.image.myqcloud.com/cover/258/26687258/b_26687258.jpg)
1.3 XD的工作界面介绍
XD的工作界面分为启动界面和设计界面,了解工作界面是学习XD的基础。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1738881272-OQvjSdVmEEj3bHbTX8DMJ84V2gJqeUVX-0-8a583380592473a3365250d1f419d479)
观看在线教学视频
1.3.1 启动界面
打开XD,首先看到的是启动界面。启动界面分为左右两栏,左侧为导航,右侧为导航所对应的内容。启动界面默认打开的是主页,此时右侧对应的内容为“预设画板”“自定义大小”“了解基础知识”和“最近打开的文件”等。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1738881272-ZtI0SKi1UEzQh7PuAweC3W2iawoqHCVG-0-cc1840c8fe2c195237c73a61aa038140)
预设画板包含16个默认画板,分为移动端、平板电脑端
及桌面电脑网页端
3组。移动端默认为iPhone X/XS375×812px画板,平板电脑端默认为iPad 768×1024px画板,桌面电脑网页端默认为Web 19201920×1080px画板,单击面板名称旁的下拉箭头
可以切换画板,鼠标指针经过移动端、平板电脑端、桌面电脑网页端图标时,对应图标会变为灰色,选择好画板后单击图标,可以创建一个XD文件。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0018_0007.jpg?sign=1738881272-1COrT4KlzHEYtfYanqjZI9T3nE0b0yeU-0-5546bd49baba9e1a41e5a49268e887d7)
如果预设画板不能满足需求,可以使用“自定义大小”,自定义画板中W代表的是宽度Weight、H代表的是高度Height。例如假设需要创建一个宽为800px、高为600px的画板,在自定义大小中,在“W”栏中输入800、在“H”栏中输入600,然后单击画板图标,即可完成设置。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0018_0009.jpg?sign=1738881272-G7GMxxwxHqjRkpfhJUlEY9hMocXbZCDw-0-622d2543697910480c7e0ab86802d3fc)
在启动页面的左侧导航中单击“附加设备”选项,即可进入XD附加设备页面。附加设备页面中展示了插件、用户界面套件、应用程序集成等信息,鼠标指针经过会显示可下载或可打开链接,单击相应图标可以下载或通过浏览器打开详细链接。插件可以扩展XD的能力,提高工作效率,用户界面套件可以让用户更快地开始设计,第三方集成可以让XD与其他软件互通。在后面的章节中,笔者会详细讲解插件、用户界面套件及应用程序集成的使用方法。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0019_0001.jpg?sign=1738881272-1lxUYdKChJ7MSnPpdnUKJd4dRxxK9Op4-0-af6394c7e3a0fd8a8d7445d312a729e6)
下面,笔者将对左侧导航中的其他选项内容做一下补充解释。
“云文档”选项:展示存储在Adobe云中的XD文件。
“已与您共享”选项:展示其他用户共享的XD文件。
“管理链接...”选项:通过浏览器打开在XD中共享链接的管理页面,可以进行查看和删除。
“已删除”选项:展示已删除的XD文件,在该页面可执行永久删除操作。
“您的计算机...”选项:单击可选择计算机中的文件用XD打开。