【Mockplus教程】标尺和参考线

每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。

 

1. 使用标尺

 

新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出

标尺。标尺有两种显示方式:百分比和像素,可以根据需要进行切换。只需要在

标尺上面鼠标右击即可看到切换显示方式的菜单,如图:

【Mockplus教程】标尺和参考线

 

 

2. 使用对齐线

 

鼠标左键点住标尺,然后向工作区内部移动,就会出现一根相应方向(横向/纵向)的对齐线。

在移动组件过程中,靠近对齐线时会自动吸附上去,保持对齐。

完整操作如下:

【Mockplus教程】标尺和参考线

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/9049/

(0)
yanz kontolyanz kontol
上一篇 2015-08-31
下一篇 2015-08-31

相关推荐

  • [Mockplus教程]如何批量导入图片到收藏夹中?

    有项目打开时,定位到“我的收藏”的“图片”选项,在下拉菜单选择“批量导入图片”, 根据提示选择导入图片。 完整演示如下:

    Mockplus 2015-09-18
  • Mockplus演示和分享原型设计的8种方式

    Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这个方面,Mockplus展现了…

    2023-03-03
  • 原型图设计工具对比

    原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。然而,从中挑选出一款最合适自己的也…

    2016-01-09
  • Chinco(摩客串串)——App原型交互演示利器

    Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发,秉持了摩客团队“关注设计,而非工具”的一贯理念和产品风格。 Chinco是一款用于App原型交互演示的工具,为UX/UI设计师、交互设计师、视觉设计师的…

    2015-11-18
  • Mockplus原型交互跟我做之11–显示隐藏编辑背景

    在我们对弹出面板、抽屉、面板、滚动区等组件进行编辑时候,默认地,“外面”的编辑背景,会半透明地显示出来。 这对于编辑有好处,就是我们可以比较清楚地看到外面的情况,便于我们判断位置,放置组件,对齐组件等。…

    2016-07-14
  • 【Mockplus教程】备注

    每个页面都可以添加备注信息,打开需要添加或者查看备注信息的页面, 在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图: 在弹出的对话框中,即可查看备注或者编辑备注,编辑好备注之后点击“应用”按…

    Mockplus 2015-08-31
  • 【Mockplus教程】如何修改手机外壳?

    在移动项目设计过程中,手机外壳只是一个样式,无需过于在意。当然可以通过切换组件的风格来改变手机外壳的颜色。

    Mockplus 2015-09-23
  • Mockplus: 一款简单而又强大的原型设计工具

    在网络技术蓬勃发展的当今社会,各类线框图和原型设计工具也随之而大量涌现。但是,作为一款简单又不失强大的新型工具,Mockplus借着它的独特之处在市场中也占有着它的一席之地。 作为一款简单,易学,易用,无代码…

    2015-11-05
  • 微信小程序的原型设计尝鲜

    "小程序”来了,大世界要变了?微信小程序可能是近期业绩最火的话题之一了。这个根植于微信流量巨无霸的应用,将对应用市场、对微商、电商、对企业的开发成本、获客成本将产生深远影响?将制造出绕开Google Play和Ap…

    2016-10-17
  • 【Mockplus教程】为什么删除多个页面的时候会有提示,如何取消提示?

    为了防止误操作,在删除三个及以上页面的时候,Mockplus默认会给出输入“delete”字符 完成删除的确认提示,如下图: 要去掉这个提示,在设置中去掉这个选项即可,如下图:      

    2015-08-17