![Adobe XD界面设计与原型制作教程(全彩)](https://wfqqreader-1252317822.image.myqcloud.com/cover/258/26687258/b_26687258.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.7 画板工具
在启动页可以创建含有单个画板的XD文件。单击左侧工具栏中的画板工具(快捷键A),可以对画板进行管理、修改画板尺寸及修改画板名称,使其看上去更加规范。在同一个XD文件中,可以创建多个相同尺寸的画板,用来设计同一个产品的不同界面(如主页、列表页及文章页等),也可以创建多个不同尺寸的画板,用来设计同一个界面在不同设备(如手机端、计算机端及平板端等)中的排版方式。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0037_0002.jpg?sign=1738912513-xs8N6QGuJhYQ93KKXPLAw0k0n7m9JkAS-0-e31bc6c0d89237bffe2bf489eda8d7ac)
观看在线教学视频
2.7.1 增加画板
在启动页单击“移动端”图标,创建一个默认的包含iPhone X/XS画板的空白文件,单击“画板”工具
(快捷键A),此时右侧属性栏会变为“画板”选项。“画板”选项偶尔会新增在属性栏最下方。鼠标指针移动到属性栏,并将右侧显示的滚动栏往下拖动,即可看到新增的“画板”选项。“画板”选项分为四类,移动端按厂商分为三类,分别为APPLE、GOOGLE及MICROSOFT,电脑端单独一类为WEB端,根据设计需求选择对应的产品型号,并单击其名称,将会在画布上自动创建画板,分别单击“Android手机360×640”“Web 1280”“iPhone X/XS”,可自动创建出这3种画板。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1738912513-mkoLfF5d5SeR9jPNkxro56obhDLtqV2P-0-3a45e8c2bacc4e8ac4c9052ca34e57b4)
在“画板”工具激活的状态下,将鼠标批针移动到画布右侧的空白区域,然后单击一下,可以创建一个与前一个画板尺寸相同的画板,新的画板将自动摆放在合适的位置。将鼠标指针移动到画布下方的空白区域,然后单击一下,新创建的画板则摆放在第一个画板的下方合适的位置。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1738912513-XHH1pyZbFtwI5jH5aRNydzGy2C6h2v4a-0-d42e8917cb9546a1ed13aa39b9c67eb9)