日本UX站点Uxmilk.jp对Mockplus的介绍 - 简洁快速的原型图设计工具Mockplu

日本UX站点对Mockplus做了专文介绍。被咱们偶然发现了。

由于Mockplus在欧美的用户较多，因此日文的介绍，让咱们感到荣幸，也确实有些意外。做为日本同行，他们如何看待Mockplus？有什么使用感觉或者意见？

原文为日文，因此这里全文翻译出来，提供你们阅读。

 

---

>> 做者 三瓶亮

>> UX MILK主编。现在的大数据时代用各类各样的形式分享信息。喜欢朋克摇滚、电子游戏以及动漫做品。最近DARK SOULS（黑暗之魂）的游戏又从新回到人们的视线里了。

>> http://uxmilk.jp/38755

 

---

 

原型图设计是现现在网页设计师和应用软件的设计师工做中不可忽视的一道工序。最近随着以adobe为首的图形软件公司不断研发，在全世界许多图形制做工具应运而生。

原型图设计因为处于不一样的开发阶段以及追求的效果不一样又萌生出不少小的需求，使操做性更加灵活多变。与其说在众多的图形软件中选出最好的图形工具不如根据本身的需求选择操做最方便快捷的图形制做工具才是最重要的。

基于以上需求，如今此介绍目前日本国内还未普遍使用的原型图设计工具Mockplus。

 

Mockplus的定义

 

Mockplus是Jongde Software公司研发的一款简洁快速的原型设计工具。就像宣传标语WYSIWYG（What You See is What You Get =既“所见即所得”）说的同样，Mockplus是一款直观可视、操做方便快捷的图形制做工具。

在此以后，我草拟了一份关于此图形制做工具的操做流程报告，全文几乎没有任何的指导教程。本人初次使用此工具就是在无任何指导的状况下独立完成全部操做，制做过程当中未碰到任何疑难问题。我能够直言不讳的说它虽然没有华丽的用户界面，但绝对是“直观可视、操做方便快捷”的图形制做工具。

所谓百闻不如一见，因此我从初级开始按部就班的讲解原型图制做流程并以报告形式呈献给你们。

 

Mockplus使用指南

 

Mockplus支持Win/Mac系统。甚至还有辅助iOS/Android的应用软件。大部分功能能够免费试用，只有云功能等一小部分功能须要付费后才能使用。

下载应用程序，启动后会弹出会员登陆界面。

按界面要求填写登陆后进入用户界面。

界面提供线框和素描两种模式。此时若是做图不美观、不细心的话,系统会自动识别并向用户做出提示。能够显示工具的状态。

接下来试着读取样图设计信息。

此时当即在做图区沿边框顶格生成图像。

首先进入主画面。画面的左侧一栏为工具栏，右侧为画图区域和状态属性栏。画面最上方当中位置是预览设置，能够演示原型图。

看上去总感受只要一触碰该工具就会立刻开始制做图形。

 

原型图制做指南

 

这次我试着制做某媒体网站的应用软件的初级阶段的原型图。

就是这样的感受。顺便提一下，此时很想用Sketch模式在PDF上书写试试看。

 

交互工具

 

首先在左侧的工具栏里有交互工具，能够试着加入Sliding Drawer（抽屉组件）。直接拖曳工具栏中的图标使其移动＆下拉。由于评价不高的汉堡菜单会在桌面上滚动，因此请适当放入。

双击抽屉组件就弹出该画面。

能够在抽屉中插入图片组件。

能够按照本身所想的图案添加图形。系统自动默认为x图形，而且支持嵌入本身想要的图片。

由于这是应用程序的副菜单能够试着放入列表视图。

左侧的工具栏里会看到桌面视图。拖曳＆下拉该图标会产生样图。双击此图标后…

画面上出现文本区。只能够在文本区进行编辑。文字组合和象形图随即出现。这是该软件的独到之处，使用顺手后，编辑处理图形很容易。

立刻开始编辑。

编辑处理好后，圆形图当即呈现。果真很方便！

若是想启动画图界面能够返回主页面。

若单击汉堡图标，会显示许多细分图标。上面的图标是和图片组件相关的，方框中的三个图标又是表明什么呢。

若拖动图标后面的连接点，它能够拉伸至抽屉组件处，因此就先试着连着看看。此处看不见效果，但会弹出确认窗口，请点击确认按键。让咱们试试看吧。

可交换的图像文件虽然有点杂乱无章，但能够垂手可得的移动。简单极了！

 

跟帖

 

好玩极了。制做贴子很方便，不如试着制做一篇记事贴和报道吧。

该软件为您准备了各类各样的标签。只要拖曳和下拉一看便知的记事贴图标就能够了。图标设计的虽然不华丽但配有样本标签，方便快捷，一学就会。

这和刚才所介绍的列表视图同样只能在编辑区编辑制做。能够用逗号分隔。仔细观察后发现各图标上面有个拖曳用的小连接点。果真这里也是能够连接的。

帖子下方须要留有必定的空间做说明。因此可使用内容面板。这里真实的反映了我大脑中的构想，虽然有点让人难以捉摸，但结果和想象的彻底一致。

动态面板能够将几页同时绑定，方框区域能够记载页数。

画面的右侧有项目列表，新增页面时会生成新的页面导览图。

将刚才介绍的动态面板设置在标签的正下方，点击图标后立刻会生成一个黑色的方框，用鼠标适当拖动调整方框大小。

试着连一下，和Panel 1相连的记事表也随之发生变化。按「＋」按键后新增Panel 2，一样链接推荐记事一览表。

在此能够记载两页的信息。

这里还有一个功能，能够将记事贴和所述内容面板联系到一块儿。

将消息贴→记事贴，推荐贴→推荐记事一览表联系到一块儿。这里只是摸索着操做。我本想能够链接到一块儿的就试着操做了一下，还真的链接到一块儿了。太好了。

那么就给你们演示一下吧

我此次想将记事贴的内容和所述内容的范畴对换一下。要是内容范畴的记事一览表能够循环变换就行了，因而就根据本身的想法试着作了，不知道会不会成功。

 

按下预览图标（F5）

脑海中浮现的想法几乎都实践了！

没有花多少时间学习就三下五除二的完成了制做，感受本身好厉害呀。

这里顺便提一下，若是下载了iOS/Android应用软件的话能够经过扫描QR（二维码）在手机端预览。这个操做很简单。（可是，日语字体有点怪怪的感受，但若是想写得漂亮得体的话最好是使用美术字体功能）

 

总结

 

Mockplus能够做为一款现成的既想既做的绘画工具使用。它是一款简洁快速的原型图设计工具。

由于本人多少熟悉一些其它的绘图工具，若是是初学者一开始就使用的话，毫不会像这款工具这么方便。你能够从这款绘图工具中直观的找到想要绘制的图形，方便快捷。

你既能够利用这款工具仔细作图，也能够像本人同样追求速度，大胆的潦草做图。

若是能经过在线等方式分享，那就再好不过了，但好像几乎都是收费的功能。话说回来，这款绘图工具能够知足你匆匆忙忙做图的需求，有机会的话不妨尝试一下如何？