Mockplus原型交互跟我做之3 - 认识“链接点”

Mockplus能够快速设置交互,其中有一个东西,你必须熟悉,就是“链接点”。

上两次,我们已经快速地做了一个可以实用的交互(自动消失的消息框),还做了一个花哨但没用的东西,旋转的风车。

暂时缓缓往下走,我们先来了解点“基本知识”,Mockplus几乎不需要学习,不过呢,如果多了解一点,上手更快。

Mockplus能够快速设置交互,其中有一个东西,你必须熟悉,就是“链接点”。

选中一个组件,组件的右上方,会出现一个小圆点,如图:

Mockplus原型交互跟我做之3 - 认识“链接点”

 

把鼠标移动到小点之上,会弹出一个工具条,如图:

Mockplus原型交互跟我做之3 - 认识“链接点”

当我们需要做页面链接的时候,按住这个小圆点,不放开鼠标,往项目树上拉动,到达一个页面上后,放开。这样,就在按钮和目标页面之间做了一个链接,这个链接表明,当我点击按钮时,会跳转到目标页面。如图:

Mockplus原型交互跟我做之3 - 认识“链接点”

按下F5,进入演示,点击这个按钮,此时,你看到页面跳转了。

当我们需要做页内的组件交互时(比如,点击按钮,图片往右移动),按住这个小圆点,不放开鼠标,往图片上拉动,到达图片后,放开(之后,会弹出一个选择交互命令的对话框)。这样,就在按钮和图片页面之间做了一个链接,这个链接表明,当我点击按钮时,会让图片移动。如图:

Mockplus原型交互跟我做之3 - 认识“链接点”

看到对话框,选择“移动”,之后确定。

Mockplus原型交互跟我做之3 - 认识“链接点”

按下F5,进入演示,点击这个按钮,此时你可以看到图片移动了。

Mockplus原型交互跟我做之3 - 认识“链接点”

 

好了,歇歇。

关于链接点和链接小工具条,还有些是可以了解的,不过,以后碰到我们再说。

喝杯咖啡先。

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

(0)
yanz kontolyanz kontol
上一篇 2016-01-21
下一篇 2016-01-22

相关推荐

  • Mockplus原型交互跟我做之8 - 使用交互状态,快速搞定简单交互

    Mockplus交互 = 页面链接 + 组件交互 +交互状态。

    2016-02-18
  • [Mockplus教程]分组

    为了更好的管理和组织多个页面,可以选择将页面分组。 选择多个页面,然后使用右键点击后,在弹出的菜单中选择“将页面归类到新分组”。 完整演示如下:

    Mockplus 2015-09-18
  • 【Mockplus教程】复制/克隆

    复制是将页面复制到内存中,克隆是直接创建一个和原页面内容一样的新页面。 1. 复制 选中需要复制的页面,鼠标右键单击,弹出的菜单中选择“复制”, 然后在需要粘贴的位置鼠标右击,在弹出的菜单中选择“粘贴”。 2. …

    Mockplus 2015-09-10
  • 【Mockplus教程】如何批量修改组件属性

    选择多个组件,在属性面板上面会显示这些组件的共同属性,而属性值为其中一个组件的属性值, 改变属性面板上面的属性后将应用到所有组件上。 以改变文字大小和颜色为例演示如下:

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

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

    Mockplus 2015-09-18
  • 【Mockplus教程】备注

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

    Mockplus 2015-08-31
  • Mockplus 的主要应用人群

    Mockplus Mockplus 是最好的原型设计工具之一。 http://www.mockplus.cn 简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 Mockplus的主要价值是:在正式制作真实软件产品前,通过原…

    Mockplus 2015-03-16
  • Mockplus原型交互跟我做之2- 旋转的风车

    再来看一个小例子,我们做一个旋转的风车。蛮漂亮,是吧? 这里只用到“旋转”交互命令。

    2016-01-18
  • 原型图设计工具对比

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

    2016-01-09
  • 【Mockplus教程】界面闪烁花屏怎么办?

    在个别笔记本电脑上,运行Mockplus桌面版出现软件界面闪动或者界面出现黑色块。 在这种情况下,请更新您的显卡驱动程序,问题一般可解决。 或者,如果你有多个显卡,尝试切换到集成显卡。 如何切换显卡:http://ask…

    Mockplus 2015-08-12