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教程]创建

    新建页面可以使用三种方式来实现: 1 点击右边页面树顶部的“+”按钮; 2 在右边页面面板空白处右击,在弹出菜单中选择“新建页面”; 3 直接使用快捷键Ctrl+Enter(MAC系统为Command+Enter)。 下面为三种方式新建页面…

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

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

    2015-11-05
  • 【Mockplus教程】MAC 安全提示无法安装怎么办?

    在 Mac 上安装时可能会出现上图中的提示导致无法安装。 这个时候,只需要按住 Control 键,然后点按该程序的图标,选择打开。就可以安装了。

    2015-08-12
  • [官方]mockplus视频教程:10分钟玩转mockplus

    官方出品教程,10分钟快速了解一下mockplus软件操作基础。 视频免费播放地址

    2015-06-30
  • Mockplus原型交互跟我做之9–再说“链接点”

    上次我们已经对链接小圆点进行了图文并茂的说明,其实无论是跨页链接还是页内链接,在链接创建好了之后,选中按钮,当你把鼠标移动到小圆点的时候,它会自动指示链接目标(链接到的页面或者组件),请参考如下演示…

    2016-07-07
  • Mockplus 的主要应用人群

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

    Mockplus 2015-03-16
  • 简单易用的交互设计工具:摩客串串Chinco

    今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。 为什么要介绍这款产品呢? Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发又一个面向设计师的产品,主要使用者就是咱们的UI…

    2016-01-06
  • Mockplus演示和分享原型设计的8种方式

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

    2023-03-03
  • [桌面版] 在 Mockplus 2.1 (预览版)中使用滚动区

    1、添加一个滚动区。为方便查看,可以设置一个背景色 2、双击编辑滚动区 3、点击滚动条两端的按钮可以扩展或收缩滚动区中的内容。在两端按钮按下的同时,按住Ctrl键,可以加速扩展或收缩。也可以直接把内容组件拖到…

    2015-11-12
  • 【Mockplus官方教程】mockplus为什么在Windows XP上无法安装?

    此前微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,决定不支持XP系统以腾出精力积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus  Web轻便版来做原型设计。 …

    2015-07-31