
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.2 视图管理
在XD中显示设计内容的区域为视图区域。在设计的过程中,视图所显示的区域和大小可以进行调整,调整显示大小并不会改变文件中元素和画板的尺寸。通过改变视图的显示区域和大小,可以更方便快捷地进行设计工作,如缩小查看整体效果、放大调整某一区域的细节等。

观看在线教学视频
XD视图无默认显示比例。打开任何一个文件,视图都会自动缩放以显示当前文件中的全部内容。单击XD启动页面中的“开始教程”按钮,打开XD学习文件,视图显示比例为6.2%。同时,不同的显示器分辨率不同,打开显示的比例数值也不相同。

2.2.1 放大视图显示比例
使用快捷键Command++(Mac OS)或Ctrl++(Windows)可对文件执行显示视图并依次放大的操作。例如,将视图显示比例从6.2%依次放大到10%、15%、25%、33%、50%及100%。XD支持的视图显示最大比例为6400%。

选择工具栏中的“缩放”工具,此时鼠标指针变为“放大”图标
,单击画板中任意一点,视图的显示比例就会放大。在视图显示比例为100%的基础上单击,视图显示比例将变为200%。

按住鼠标左键并拖动鼠标指针会出现一个选择框。松开鼠标左键,选择框内的区域会在整个设计工作区域内最大化显示。
