![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=1738911525-HDbVwooLyQXvPIyBOeukE3FqBReLnU3U-0-cf3f2e1a80cd280b6d4b760b083cae57)
观看在线教学视频
XD视图无默认显示比例。打开任何一个文件,视图都会自动缩放以显示当前文件中的全部内容。单击XD启动页面中的“开始教程”按钮,打开XD学习文件,视图显示比例为6.2%。同时,不同的显示器分辨率不同,打开显示的比例数值也不相同。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0026_0007.jpg?sign=1738911525-X6hP7Bw5NvSQ1CvJOtrXuOnctrVU79cz-0-d76102077ffb6ce847383d1ed782316e)
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=1738911525-8VbRypRM9TFGwUsjQw9kdP3hAAb8mtXD-0-884977f7322140472017f6a72efb6d7e)
选择工具栏中的“缩放”工具,此时鼠标指针变为“放大”图标
,单击画板中任意一点,视图的显示比例就会放大。在视图显示比例为100%的基础上单击,视图显示比例将变为200%。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0027_0004.jpg?sign=1738911525-hlyPBHY31yGcRIQaBA33DyYQD78K9DcC-0-106f9ac24247ad2a8ce961d1f1dee469)
按住鼠标左键并拖动鼠标指针会出现一个选择框。松开鼠标左键,选择框内的区域会在整个设计工作区域内最大化显示。
![](https://epubservercos.yuewen.com/5C9021/15168413805898006/epubprivate/OEBPS/Images/figure_0028_0001.jpg?sign=1738911525-LbePMG24Cc8aPx9uWITQlPyUQEHiDvlq-0-ba20080a1f57256cbdbd9d111ab430b0)