网页设计 » 交互设计 » Mockplus 交互状态设置教程

Mockplus 交互状态设置教程

发表于: 交互设计. 评论 (1)
Sponsor

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

Mockplus

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

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

属性面板分为四个部分:

● 基本

● 扩展

● 文字

● 说明

下面分别说明一下。

● 基本

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

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

● 扩展

操作步骤和上面的一样。

● 文字

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


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

鼠标经过时时这样的:


鼠标点击时时这样的:

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

待续。。。。。。

作者:红旗飘飘

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论One Response to “Mockplus 交互状态设置教程”

  1. 秀芳 - 回复

    有用。


{ 发表评论 }