Mockplus原型交互跟我做之3 - 认识“链接点”
2016-01-18 11:31
302 查看
上两次,我们已经快速地做了一个可以实用的交互(自动消失的消息框),还做了一个花哨但没用的东西,旋转的风车。
暂时缓缓往下走,我们先来了解点“基本知识”,Mockplus几乎不需要学习,不过呢,如果多了解一点,上手更快。
Mockplus能够快速设置交互,其中有一个东西,你必须熟悉,就是“链接点”。
选中一个组件,组件的右上方,会出现一个小圆点,如图:
把鼠标移动到小点之上,会弹出一个工具条,如图:
当我们需要做页面链接的时候,按住这个小圆点,不放开鼠标,往项目树上拉动,到达一个页面上后,放开。这样,就在按钮和目标页面之间做了一个链接,这个链接表明,当我点击按钮时,会跳转到目标页面。如图:
按下F5,进入演示,点击这个按钮,此时,你看到页面跳转了。
当我们需要做页内的组件交互时(比如,点击按钮,图片往右移动),按住这个小圆点,不放开鼠标,往图片上拉动,到达图片后,放开(之后,会弹出一个选择交互命令的对话框)。这样,就在按钮和图片页面之间做了一个链接,这个链接表明,当我点击按钮时,会让图片移动。如图:
看到对话框,选择“移动”,之后确定。
按下F5,进入演示,点击这个按钮,此时你可以看到图片移动了。
好了,歇歇。
关于链接点和链接小工具条,还有些是可以了解的,不过,以后碰到我们再说。
喝杯咖啡先。
暂时缓缓往下走,我们先来了解点“基本知识”,Mockplus几乎不需要学习,不过呢,如果多了解一点,上手更快。
Mockplus能够快速设置交互,其中有一个东西,你必须熟悉,就是“链接点”。
选中一个组件,组件的右上方,会出现一个小圆点,如图:
把鼠标移动到小点之上,会弹出一个工具条,如图:
当我们需要做页面链接的时候,按住这个小圆点,不放开鼠标,往项目树上拉动,到达一个页面上后,放开。这样,就在按钮和目标页面之间做了一个链接,这个链接表明,当我点击按钮时,会跳转到目标页面。如图:
按下F5,进入演示,点击这个按钮,此时,你看到页面跳转了。
当我们需要做页内的组件交互时(比如,点击按钮,图片往右移动),按住这个小圆点,不放开鼠标,往图片上拉动,到达图片后,放开(之后,会弹出一个选择交互命令的对话框)。这样,就在按钮和图片页面之间做了一个链接,这个链接表明,当我点击按钮时,会让图片移动。如图:
看到对话框,选择“移动”,之后确定。
按下F5,进入演示,点击这个按钮,此时你可以看到图片移动了。
好了,歇歇。
关于链接点和链接小工具条,还有些是可以了解的,不过,以后碰到我们再说。
喝杯咖啡先。
相关文章推荐
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- 产品经理,没有那么牛逼
- 中国产品经理20年,从哪里来?到哪里去?
- 提升Android应用视觉吸引效果的10个UI设计技巧
- js实现卡片式项目管理界面UI设计效果
- 为什么会存在“产品助理”这个岗位?
- 一个普通产品经理眼中的自己
- 腾讯产品经理现身说法:to b的产品经理和to c产品经理区别
- 设计师职业规划:走总监还是产品经理路
- 周鸿祎:如何成为一名优秀的产品经理?
- 一位性感女总裁坐上一辆的士后,她和男师傅的谈话
- 好的创意广告比文案更有力量!
- 八种办法教你把产品卖出好价钱:看一个3块钱的杯子怎样卖到2000元!
- 如何成为最火的商业案例?
- 产品经理的创意思维
- 产品经理必看书籍推荐
- 你以为你以为的产品经理就是真实的产品经理吗?
- 产品经理技术进阶:不懂代码也能愉快地与开发相处
- 那些年,我们一起合作时头痛的事
- 网易郭子威:什么是互联网产品经理?