即时设计教程 •标尺和辅助线

标尺和辅助线能帮你在设计过程中更精确地定位图层位置、分布图层等。

标尺

标尺可以帮助精准地度量图层大小,在我们的工具中标尺被分为两种:画布标尺、画板标尺。

显示/隐藏标尺

标尺默认为显示态,你可以选择左上角菜单视图选项中「标尺」或选择顶栏「显示设置 -> 标尺」进行显示/隐藏,也可以直接使用快捷键R直接进行显示/隐藏。


 

辅助线

辅助线可以在设计过程中确定基准位置,无需每次再对照某个参数对齐、排列图层。

添加辅助线

从标尺上拖拽鼠标至画布或画板中就可以创建辅助线。

Tips
从标尺上拖拽辅助线至画布中时,添加为「画布辅助线」;
从标尺上拖拽辅助线至画板/引用组件中时,添加为「画板辅助线」。

 

修改辅助线位置

拖拽辅助线即可修改辅助线位置。

如果想要快速精确地修改辅助线的细微偏移,也可以使用快捷键按像素调整:
在选中辅助线后,使用方向键按 1px 调整;
使用可按 10px 调整。

 

隐藏辅助线

当预览设计内容时,你可以选择隐藏辅助线,减少信息干扰。
隐藏标尺后,辅助线也会自动隐藏。

 

删除辅助线

拖拽辅助线至画布外松手即可删除辅助线。也可以在选中辅助线后,使用快捷键进行删除。