自学原型设计工具Mockplus

本次实验内容是自学一个原型设计工具,我选择的是比较实用的Mockplus(摹客)

首先了解到这款软件里面的基础功能都是免费的,大多数其他同类型的软件几乎采取的的是先试用,后期收费的方式,相比于同类型的软件,Mockplus性价比要高很多。

其次,在网上搜集到关于他的适用情景,内容也较为丰富,包括:中低保真原型,快速原型, WEB/移动端/平板原型,线框图,视觉稿等制作。

一、项目安装

我们可以直接在他的官网(https://www.mockplus.cn/)上下载这个软件

在不同的操作系统上都有对应的软件,是可以在手机上使用, 下载过程较为简单,就不赘述了。

二、新建页面

1.点击新建项目

2.选择原型类型,点击创建

其中有默认的原型类型,之后还有常用的设备数据,可以快速选择。

三、工作页面介绍

1、包含了演示,云同步等快捷按钮;

2、工作区:设计的地方;

3、项目状态栏:显示页面所在位置及尺寸信息

4、项目树:看到整体的项目页面结构,可以进行编辑,标注等操作

5、四个板块:

  ①组件库:

  

  包含7个分类:交互、扩展、布局、移动、静态、图表、批注

  ②图标库

  

  ③我的组件库

  

  包含搜藏和下载的图标

  ④母版库

  

  里面可以存放收藏的母版

6、页面样式:可以对组件进行设计

7、组件大纲:会显示页面中所有组件

四、组件属性的基本设置

1、拖动组件进入工作区

2、双击组件进入编辑状态

3、查看属性

点击组件,可在右侧看到组建的信息

这里可以修改的很多,比如组件的位置,大小,字体,字体颜色等

4、用链接点进行交互设置

将链接点拖拽到目标组件上

选择交互方式

5、利用组件大纲实现交互

拖动链接点到组建大纲中的目标组件中

可在右侧看到交互的状态

五、发布和分享项目

点击右上“方发布并分享”按钮

哦~没有购买。。。算了看下网络上的截图

可以在输入连接直接查看项目,如果手机中也下载了的话,用手机搜索下方的原型码也可以查看

还可以选择快速扫码预览

会出现一个二维码,手机上下载该软件后,扫码即可查看项目

注意:电脑和手机必须在同一局域网下才可以

这个是在手机上的截图

六、项目协作

点击云同步,可以支持多人同时编辑项目

这个功能也要收费,就不具体操作了,看教学视频上说,可以添加成员,成员就可以分享到你的项目,并对其进行修改

自己编辑的时候,项目前会显示绿色的图标,表示自己有权编辑,而其他成员的项目前则显示的是红色图标,表示自己无权编辑,编辑完后,点击绿色圆点即可放开权限

点击黑色图标即可获得编辑权

七、小结

这就是最基本的Mockplus,上学期有学过另一个原型设计工具,Axure RP

两者功能是差不多的,但我个人还是觉得Mockplus较为好一点,首先它的界面是中文的(毕竟国产),操作起来会方便很多,其次他的界面设计的也很简洁,重点是很多基础功能是免费的,可以让初学者好好了解这款软件。里面的图标,组件也很熟悉,比如我还看到了有支付宝的图标

下载的图标也是我们广为熟知的

所以,我觉得这款软件性价比会更好一点!

原文地址:https://www.cnblogs.com/aceleepro/p/10823182.html

时间: 2024-11-10 09:19:02

自学原型设计工具Mockplus的相关文章

原型设计工具及设计练习

一.Axure RP.墨刀 和 Mockplus3种原型设计工具的对比分析. Axure — 交互线框软件及原型工具 自诞生以来,Axure立马从众多软件中脱颖而出,并且一直引领着整个原型设计软件行业. axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势. Axure缺点同样也相当明显,Axure的动态面板.中继器等功能都是强大的,但是不容易搞懂.Axure的素材大部分PM 都会在Axure原型库.素材库去寻找相应的第三方素材库,

Mockplus: 一款简单而又强大的原型设计工具

在网络技术蓬勃发展的当今社会,各类线框图和原型设计工具也随之而大量涌现.但是,作为一款简单又不失强大的新型工具,Mockplus借着它的独特之处在市场中也占有着它的一席之地. 作为一款简单,易学,易用,无代码的原型设计工具,Mockplus让用户更注重于设计本身而不需要花费大量的时间在软件的学习上.页面之间的链接只需一个"拖拽"选项就能搞定. 对于中小企业和团队来说,敏捷开发.快速迭代是他们最有效的快速融合并适应市场和消费者的方式.灵活,高效,低成本的原型设计对于现在的中小企业是至关重

Mockplus原型设计工具介绍

一.原型设计工具简介 Mockplus (摹客)  一种快速原型设计工具 官网提供四个平台的下载,通用性很广. 二.原型设计的模板 Mockplus可以为设计者提供以下几种模板 其中在“手机”模板里,系统又提供了许多app应用的样式 进入”手机”模板里的”Lyst”模板 在”网页”模板里,也提供了许多网页的设计样式 进入”网页”模板里的”Mockplus”网页的模板 三.Mockplus提供的基本功能和组件功能(以下内容以”手机”模板的”AnyList”模板为例) 界面左上角为页面查看区 左下角

干货!所有常用的原型设计工具都在这里了

本文列举了20余款当前国内外比较火爆的原型设计工具.我把它们分为以下五类: 1. 交互原型设计工具(仅限页面交互) 2. 手机原型工具 3. 网页原型工具 4. 静态原型工具 5. 动态原型工具(组件和页面交互) 交互原型设计工具(仅限页面交互) 这一类工具主要是建立页面之间的交互.其本身不能进行组件的制作和设计,需要从其它地方(例如:PS,本地)导入设计图,对已有的设计图创建热点,进行交互设计. Invision - 一款很好的制作原型交互演示的工具.你可以从本地.Dropbox.Google

【转】2016你一定要试试这8款原型设计工具

以前,Photoshop在交互设计领域扮演着主要角色.最近一份调查显示, Photoshop的地位有所下降.一共有来自200个国家4000人参与了这次调查, 结果显示,设计师更加倾向于一些新型的工具, 因为这些工具简化了原型设计,设计数字产品的过程. 我们可以轻易的从网上获得各种各样的原型设计工具,例如众人皆知的Axure和新发布的Mockplus.下面为大家推荐8款原型设计工具. 1. Axure PR 价格 l 标准版-$289一个注册码 l 专业版-$589一个注册码 Axure RP是美

知乎和Quora高分APP原型设计工具推荐

据数据显示,中国手机App市场应用已经超过402万款,远远高出我们的想象.数据背后的支撑,除了庞大的设计开发团队,还有各式各样的原型设计工具的应用.为了找到一款得心应手的原型工具,设计师们和产品经理们通常热衷于求助知乎和Quora.最近留意到一个全世界都在问的问题:哪款App原型设计工具最好用? 可能大多数产品经理或者设计师在看到这个问题的时候,脑子里一片空白,那么多原型工具,我怎么知道哪一款最好用呢? 本着乐于助人的思想,我这里给大家整理了几款在知乎和Quora上排名都比较靠前的移动应用原型设

你应该知道的原型图工具Mockplus(摩客)

去年10月份,我发布了一篇短文<你所不知道的原型图工具Mockplus>,快大半年过去了,为什么又要写这款软件呢,我觉得有必要推荐给大家,和大家一起分享,它确实是一款简单高效的原型图制作工具,经过近半年的使用,我总结了一以下几点: 1 简单.就是说容易上手,不同于其他原型图工具,你不需要花很长的时间来学习这款软件.只要你有点原型制作基础,马上就可以使用.就是算是一点都不懂的,也不是问题.我遇到几个非常菜鸟的朋友,在群内说什么也不懂,群管理员耐心的引导,不一会儿,菜鸟就不是菜鸟了,并且还指导刚进

常用的原型设计工具

本文列举了20余款当前国内外比较火爆的原型设计工具.我把它们分为以下五类: 1. 交互原型设计工具(仅限页面交互) 2. 手机原型工具 3. 网页原型工具 4. 静态原型工具 5. 动态原型工具(组件和页面交互) 交互原型设计工具(仅限页面交互) 这一类工具主要是建立页面之间的交互.其本身不能进行组件的制作和设计,需要从其它地方(例如:PS,本地)导入设计图,对已有的设计图创建热点,进行交互设计. Invision - 一款很好的制作原型交互演示的工具.你可以从本地.Dropbox.Google

几个常用的产品原型设计工具

有人说产品经理是产品的灵魂,有人说产品经理是企业的核心.对于我们未来想要做产品经理,获得较高的收入,实现自己对产品的诠释,原型图是肯定绕不开的.即便刚毕业我们去做产品助理,原型设计也是产品助理的主要工作. 下面跟大家聊聊几款产品经理常用的原型设计工具,产品工作感兴趣的同学可以用来熟练下使用技巧,未来也提高自己做产品助理/经理的录取率不是. 1.Axure 这个老家伙是肯定要有的,圈子里面的公认产品设计工具,很多单位的招聘条件上清清楚楚写着“熟练使用Axure”有木有.这有点像你学摄影的,一定要学