多语言展示
当前在线:764今日阅读:11今日分享:15

Mockplus教程:如何在Mockplus中使用标注功能?

标注对于原型设计有很好的说明作用,原型工具Mockplus中可以智能生成标注,方便查看,一起来看看吧~
工具/原料
1

Mockplus

2

电脑

方法/步骤
1

启用/关闭标注点击画布右下角的“启用标注”按钮,即可开启标注标注模式,再次点击,关闭标注模式。

2

标注模式一共有四种:1、无选中标注未选中任何组件时,按住Ctrl键,鼠标经过某个组件,会自动生成该组件与边界间的距离标注。

3

2、选中标注当单选或多选组件后,按住Ctrl键,鼠标经过某个组件,会自动生成选中组件与该组件间的距离标注。(注:多选的组件会被视为一个整体,生成的标注是这个整体区域与其它组件间的距离;组件一大一小重叠时会显示4条边直接的距离)。

4

3、拖动组件标注当拖动单选或多选组件时,会自动生成当前拖动组件与周围最近有对齐关系组件的边界距离标注。(注:多选的组件会被视为一个整体,生成的标注是这个整体区域与其它组件间的距离)。

5

4、克隆组件标注拖拽克隆组件时,会同时生成当前位置与源位置间的距离标注,及选中源的整体尺寸。(注:快捷键:Alt +鼠标拖动(Mac:option+鼠标拖动))。

6

在拖拽过程中,当检测到某个方向上有其它等间距的组件时,会同时标注这些等间距值。

注意事项
1

锁定的组件和弹出类组件不参与标注。

2

标注值显示在间距中间位置。

3

到边界的距离标注只响应界面上能直观选中的组件,容器型组件内部的组件不能显示到边框的距离。

4

喜欢的话投我一票篇哦。

推荐信息