![Adobe XD界面设计与原型制作教程(全彩)](https://wfqqreader-1252317822.image.myqcloud.com/cover/258/26687258/b_26687258.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.2 视图管理
在XD中显示设计内容的区域为视图区域。在设计的过程中,视图所显示的区域和大小可以进行调整,调整显示大小并不会改变文件中元素和画板的尺寸。通过改变视图的显示区域和大小,可以更方便快捷地进行设计工作,如缩小查看整体效果、放大调整某一区域的细节等。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0026_0005.jpg?sign=1738884542-0qY85hbjRliYkSFFKUEzcyoD6K9i5tCP-0-3dfead782d6a3f4ba4f479094b208ee8)
观看在线教学视频
XD视图无默认显示比例。打开任何一个文件,视图都会自动缩放以显示当前文件中的全部内容。单击XD启动页面中的“开始教程”按钮,打开XD学习文件,视图显示比例为6.2%。同时,不同的显示器分辨率不同,打开显示的比例数值也不相同。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0026_0007.jpg?sign=1738884542-xXZdwD5wvHU3YMUUdvUDZAir1A0TGMhr-0-0d7121cb18a7abb360cfbba4e730979d)
2.2.1 放大视图显示比例
使用快捷键Command++(Mac OS)或Ctrl++(Windows)可对文件执行显示视图并依次放大的操作。例如,将视图显示比例从6.2%依次放大到10%、15%、25%、33%、50%及100%。XD支持的视图显示最大比例为6400%。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0027_0001.jpg?sign=1738884542-rRlnEV62Xlm0c5z27MhhM4FpvUuZFdNk-0-ee46d9feed55fa8cdb00fe426c424289)
选择工具栏中的“缩放”工具,此时鼠标指针变为“放大”图标
,单击画板中任意一点,视图的显示比例就会放大。在视图显示比例为100%的基础上单击,视图显示比例将变为200%。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0027_0004.jpg?sign=1738884542-wzhSx25HXdAxshRUcmtsWalGSYjYNGUr-0-ec472d2f69e2bb765560df3cae521380)
按住鼠标左键并拖动鼠标指针会出现一个选择框。松开鼠标左键,选择框内的区域会在整个设计工作区域内最大化显示。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0028_0001.jpg?sign=1738884542-7rWyATniXIO2D39gQgxt9Cbg4sPXhyIN-0-f8ac07bdf76b2c1c6a5709eabafa698f)