Mockplus 交互状态设置教程

微信IDUI_xzw(点击关注) — — – — —– —- — 一┳═┻︻▄

(页底留言开放,欢迎来吐槽)

● ● ●

使用 Mockplus 软件有段时间了,期间有很多使用者问我组件的设置交互状态怎么用(当然有很多人看了都会用),我就有想把怎样使用设置交互状态的方法记录下来,供初学者参考,今天趁休息时间整理了一下,分享一下。纯干货哦。

先介绍后演示,这样你会更明白。

以形状组件为例,了解一下形状组件的属性面板构成。

属性面板分为四个部分:

● 基本

● 扩展

● 文字

● 说明

下面分别说明一下。

● 基本

以“颜色”为例:点击颜色框旁边的闪电符号,选择“鼠标经过时”和“鼠标点击时”的颜色,如下图。

可根据个人所好选择颜色和选择“鼠标经过时”或“鼠标点击时”。

● 扩展

操作步骤和上面的一样。

● 文字

勾选“鼠标经过时”和“鼠标点击时”后点击输入框变换文字,会弹出一个输入文字框,输入你所要更改的文字。

上面简单的说明了一下,你可能已经了解了,下面看看制作的视频,分“鼠标经过时”和“鼠标点击时”,请看视频。

鼠标经过时时这样的:

鼠标点击时时这样的:

这个小功能是做原型经常用到的,希望这篇文章对你有用。

入群即可结交更多UI设计师

想和兴趣相投的朋友们一起交流吗?

丰富的学习资源进入我们的直播课!

扫描下面的二维码加入我们爱好群!

群号: 246049893

长按二维码即可入群

微信公众号UI设计自学平台

点击下方“阅读原文”结交更多的UI设计师!

↓↓↓

产品经理公认最实用的4个原型图工具

1.Axure:产品经理圈子里面公认的产品原型图设计工具。它就像农民的锄头,高速公路上的服务区,同样,作为一名产品经理,你可以不用axure,但你不能不知道或者不会使用axure;很多单位的招聘条件上清楚写着“熟练使用Axure”,其功能强大,交互明晰,可多名产品经理同时进行同一原型图制作,并发布上云。

Axure

2.Mockplus(摩客):一款入门级产品经理绘图工具,它能快速上手操作的原型图制作工具,这款工具的交互能力也是它本身的一大亮点,只需要拖动组件,即可完成交互的设计。

Mockplus(摩客)

3.墨刀:墨刀对于APP的原型设计体验非常友好,就像有一个无形的人在和你一起打造你的APP原型图。墨刀的系统控件都是基于APP,因此在里面可以首先选择相应的设备布局,减少了不少寻找资源和素材环节。

墨刀

4.Sketch:sketch输出的内容有一个很大的特点就是颜值高,并且它还自带了模板库,用来画交互完全够用,省去了从网上找资源的麻烦。

Sketch

结束语:其实工具仅仅也只是工具而已,要想成为优秀的产品经理,首先产品思维是需要培养的,具体用什么工具来实现并不是很重要,重要的是你要把表达的产品样式、逻辑功能等表达清楚就行了。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。