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

2.7 画板工具

在启动页可以创建含有单个画板的XD文件。单击左侧工具栏中的画板工具(快捷键A),可以对画板进行管理、修改画板尺寸及修改画板名称,使其看上去更加规范。在同一个XD文件中,可以创建多个相同尺寸的画板,用来设计同一个产品的不同界面(如主页、列表页及文章页等),也可以创建多个不同尺寸的画板,用来设计同一个界面在不同设备(如手机端、计算机端及平板端等)中的排版方式。

观看在线教学视频

2.7.1 增加画板

在启动页单击“移动端”图标,创建一个默认的包含iPhone X/XS画板的空白文件,单击“画板”工具(快捷键A),此时右侧属性栏会变为“画板”选项。“画板”选项偶尔会新增在属性栏最下方。鼠标指针移动到属性栏,并将右侧显示的滚动栏往下拖动,即可看到新增的“画板”选项。“画板”选项分为四类,移动端按厂商分为三类,分别为APPLE、GOOGLE及MICROSOFT,电脑端单独一类为WEB端,根据设计需求选择对应的产品型号,并单击其名称,将会在画布上自动创建画板,分别单击“Android手机360×640”“Web 1280”“iPhone X/XS”,可自动创建出这3种画板。

在“画板”工具激活的状态下,将鼠标批针移动到画布右侧的空白区域,然后单击一下,可以创建一个与前一个画板尺寸相同的画板,新的画板将自动摆放在合适的位置。将鼠标指针移动到画布下方的空白区域,然后单击一下,新创建的画板则摆放在第一个画板的下方合适的位置。