使用技巧
在墨刀中,有丰富的便捷操作来提高您的工作效率,帮助您更轻松地进行原型设计、团队协作以及项目管理。
便捷操作
查找/替换
查找替换功能可以用来批量修改原型内的文字。
使用快捷键 Ctrl+F
调出查找替换面板或者在左上角点击编辑选择查找/替换。
输入查找关键词后点击查找即可依次查看(部分隐藏内容需要手动操作才可以显示),在选项出点击下拉显示替换,即可单个或全部替换为想要更改的文字。如果需要全部页面内搜索把当前页面选择更换为全部页面即可。
撤销/重做
撤销和重做可以使用快捷键操作:
撤销 Mac:Cmd+Z
/ Windows:Ctrl+Z
重做 Mac:Shift+Cmd+Z
/ Windows:Shift+Ctrl+Z
缩小、放大画布
页面画布的大小可以在编辑区的顶部工具栏中调整。
您也可以使用快捷方式操作:Ctrl+鼠标滚轮滚动。
刷新界面
刷新界面的快捷键:
Windows:Ctrl+R
/ Mac:Command+R
怎么拖动画布
按住空格键后,鼠标拖拽即可自由拖动画布。
标尺与参考线
连接线
新增「连接线」功能,让页面流程表达更流畅,逻辑展示更流畅。
让不同的页面串联更加清晰,实现更加精细化的流程展示。
1.添加连接线
可在需要的任意地方添加连接线右侧外观可根据实际需求进行颜色、粗细、端点及样式的调整。
标尺
在原型编辑区的上方和左侧设有标尺,可以帮助您把精确调整元素组件的位置和尺寸。
从标尺上可以拖拽出参考线,能够辅助您便捷地定位图像或对齐元素。
1.定位坐标位置: 上方和左侧的「标尺」分别与画布的 X、Y 值相对应,在绘制原型的过程中就能通过标尺更便捷直观地查看元素和组件的坐标位置。
2.显示/隐藏标尺: 在左上角下拉菜单,点击【偏好设置】-【标尺】,能够切换标尺的显示/隐藏状态。
3.标尺右键菜单: 鼠标放置在标尺区域,并单击右键弹出菜单,能够勾选设置显示标尺、显示参考线、对齐参考线,也可以批量删除横向/纵向参考线。
需要注意的是: 选择不显示标尺时,参考线也会隐藏;开启对齐参考线功能后,页面元素靠近参考线时,可触发吸附效果;同时拖动参考线也会自动吸附附近的元素。
参考线
从标尺上可以拖拽出多条参考线,以辅助定位或对其元素及组件。
1.添加参考线: 将鼠标靠近标尺区,能够看到鼠标切换为拖拽样式,此时按住鼠标左键并向下或向右滑动,并在合适的位置松开鼠标,即可创建参考线。
2.创建多条参考线: 同一页面中可创建多条横向及纵向的参考线,参考线不会同步至所有页面。
3.移动参考线: 有两种方式可以对参考线进行移动。
- 将鼠标靠近目标参考线,鼠标样式会发生改变,此时直接单击鼠标并拖动即可移动参考线。
- 鼠标单击目标参考线,该参考线即会切换为蓝色的选中状态,使用键盘方向键即可移动参考线,每次移动的距离为1像素;按住shift+方向键,每次移动的距离为10像素。
4.穿透参考线: 按住shift
可穿透参考线,选择参考线下方的元素。
5.删除参考线: 有两种方式可以删除参考线。
- 拖动参考线至上方或左侧的标尺区域,鼠标会切换至【取消】状态,此时松开鼠标,参考线即被删除。
- 单击选中参考线,使用键盘
delete
键即可快捷删除。
操作时需要注意: 从上方标尺拖拽出的是 X 轴(横向)的参考线;从左侧标尺拖拽出的是 Y 轴(竖向)的参考线。
一屏线(蓝色虚线)
页面编辑区的蓝色虚线可以理解为「一屏线」,这条线能让您在设计页面时了解当前页面在处在第一屏(不滚动)时能呈现那些页面内容。
测距/显示测距标注
选中组件后,按住Alt
,即可快速查看组件的测距标注信息。
调整图层顺序
组件的图层顺序有两种调整方式:
- 选中组件,点击编辑区的顶部工具栏「图层」进行调整(如:置顶、置底)。
- 在编辑区左侧的元素列表中直接上下拖拽元素调整图层顺序。
页面列表/元素组件列表多选
墨刀支持页面列表/元素列表多选,具体操作如下:
1.页面列表
- 按住shift,单击首尾两个页面即可选中两页面中间的所有页面,进行统一的移动/删除操作;
- 按住
command
(Mac)/ctrl
(Windows),即可逐个页面进行选择。
2.元素组件列表
- 按住shift,单击首尾两个元素组件即可选中列表中两组件中间的所有元素,然后右键进行组合/图层调整等操作;
- 按住
command
(Mac)/ctrl
(Windows),即可逐个元素组件进行选择,然后右键进行组合/图层调整等操作。
文本默认样式
墨刀设置文本默认样式,有2种方式:
1、文本样式继承,新建组件将自动继承上一次编辑的同类型组件的文本样式。
2、文本默认值,每次新建组件时使用固定的文本样式,需要关闭文本样式继承功能。
具体操作如下:
-点击左上角系统按钮,选择偏好设置,选择文本。
常见问题
1.为什么我对组件进行了置顶/置底的操作,但依然没有实现置顶/置底?
不在组合内的置顶是在页面中置顶,但是在组合内的组件置顶只能在组合内生效。当您置顶或置底操作不生效时,请检查您的组件是否在组合内。
这篇文章帮助到你了吗?