Adobe XD界面设计与原型制作教程(全彩)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 XD的工作界面介绍

XD的工作界面分为启动界面和设计界面,了解工作界面是学习XD的基础。

观看在线教学视频

1.3.1 启动界面

打开XD,首先看到的是启动界面。启动界面分为左右两栏,左侧为导航,右侧为导航所对应的内容。启动界面默认打开的是主页,此时右侧对应的内容为“预设画板”“自定义大小”“了解基础知识”和“最近打开的文件”等。

预设画板包含16个默认画板,分为移动端、平板电脑端及桌面电脑网页端3组。移动端默认为iPhone X/XS375×812px画板,平板电脑端默认为iPad 768×1024px画板,桌面电脑网页端默认为Web 19201920×1080px画板,单击面板名称旁的下拉箭头可以切换画板,鼠标指针经过移动端、平板电脑端、桌面电脑网页端图标时,对应图标会变为灰色,选择好画板后单击图标,可以创建一个XD文件。

如果预设画板不能满足需求,可以使用“自定义大小”,自定义画板中W代表的是宽度Weight、H代表的是高度Height。例如假设需要创建一个宽为800px、高为600px的画板,在自定义大小中,在“W”栏中输入800、在“H”栏中输入600,然后单击画板图标,即可完成设置。

在启动页面的左侧导航中单击“附加设备”选项,即可进入XD附加设备页面。附加设备页面中展示了插件、用户界面套件、应用程序集成等信息,鼠标指针经过会显示可下载或可打开链接,单击相应图标可以下载或通过浏览器打开详细链接。插件可以扩展XD的能力,提高工作效率,用户界面套件可以让用户更快地开始设计,第三方集成可以让XD与其他软件互通。在后面的章节中,笔者会详细讲解插件、用户界面套件及应用程序集成的使用方法。

下面,笔者将对左侧导航中的其他选项内容做一下补充解释。

“云文档”选项:展示存储在Adobe云中的XD文件。

“已与您共享”选项:展示其他用户共享的XD文件。

“管理链接...”选项:通过浏览器打开在XD中共享链接的管理页面,可以进行查看和删除。

“已删除”选项:展示已删除的XD文件,在该页面可执行永久删除操作。

“您的计算机...”选项:单击可选择计算机中的文件用XD打开。