mockplus教程怎么样(最实用易懂的教程)

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

原型图设计由于处于不同的开发阶段以及追求的效果不同又萌生出很多小的需求,使操作性更加灵活多变。与其说在众多的图形软件中选出最好的图形工具不如根据自己的需求选择操作最方便快捷的图形制作工具才是最重要的。

基于以上需求,现在此介绍目前日本国内还未广泛使用的原型图设计工具Mockplus。

Mockplus的定义

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

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
在此之后,我草拟了一份关于此图形制作工具的操作流程报告,全文几乎没有任何的指导教程。本人初次使用此工具就是在无任何指导的情况下独立完成所有操作,制作过程中未碰到任何疑难问题。我可以直言不讳的说它虽然没有华丽的用户界面,但绝对是“直观可视、操作方便快捷”的图形制作工具。

所谓百闻不如一见,所以我从初级开始循序渐进的讲解原型图制作流程并以报告形式呈献给大家。

Mockplus使用指南

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

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

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

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
界面提供线框和素描两种模式。此时如果作图不美观、不细心的话,系统会自动识别并向用户作出提示。可以显示工具的状态。

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

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
此时立即在作图区沿边框顶格生成图像。

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

看上去总感觉只要一触碰该工具就会马上开始制作图形。

原型图制作指南

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

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
就是这样的感觉。顺便提一下,此时很想用Sketch模式在PDF上书写试试看。

交互工具

首先在左侧的工具栏里有交互工具,可以试着加入Sliding Drawer(抽屉组件)。直接拖曳工具栏中的图标使其移动&下拉。因为评价不高的汉堡菜单会在桌面上滚动,所以请适当放入。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
双击抽屉组件就弹出该画面。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
可以在抽屉中插入图片组件。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
可以按照自己所想的图案添加图形。系统自动默认为x图形,并且支持嵌入自己想要的图片。

因为这是应用程序的副菜单可以试着放入列表视图。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
左侧的工具栏里会看到桌面视图。拖曳&下拉该图标会产生样图。双击此图标后…

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
画面上出现文本区。只可以在文本区进行编辑。文字组合和象形图随即出现。这是该软件的独到之处,使用顺手后,编辑处理图形很容易。

马上开始编辑。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
编辑处理好后,圆形图立即呈现。果然很方便!

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
如果想启动画图界面可以返回主页面。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
若单击汉堡图标,会显示许多细分图标。上面的图标是和图片组件相关的,方框中的三个图标又是代表什么呢。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
若拖动图标后面的链接点,它可以拉伸至抽屉组件处,所以就先试着连着看看。此处看不见效果,但会弹出确认窗口,请点击确认按键。让我们试试看吧。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
可交换的图像文件虽然有点杂乱无章,但可以轻而易举的移动。简单极了!

跟帖

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

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

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
这和刚才所介绍的列表视图一样只能在编辑区编辑制作。可以用逗号分隔。仔细观察后发现各图标上面有个拖曳用的小链接点。果然这里也是可以链接的。

帖子下方需要留有一定的空间作说明。所以可以使用内容面板。这里真实的反映了我大脑中的构想,虽然有点让人难以捉摸,但结果和想象的完全一致。

动态面板可以将几页同时绑定,方框区域可以记载页数。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
画面的右侧有项目列表,新增页面时会生成新的页面导览图。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
将刚才介绍的动态面板设置在标签的正下方,点击图标后马上会生成一个黑色的方框,用鼠标适当拖动调整方框大小。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
试着连一下,和Panel 1相连的记事表也随之发生变化。按「+」按键后新增Panel 2,同样连接推荐记事一览表。

在此可以记载两页的信息。

这里还有一个功能,可以将记事贴和所述内容面板联系到一起。

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
将消息贴→记事贴,推荐贴→推荐记事一览表联系到一起。这里只是摸索着操作。我本想可以连接到一起的就试着操作了一下,还真的连接到一起了。太好了。

那么就给大家演示一下吧

我这次想将记事贴的内容和所述内容的范畴对换一下。要是内容范畴的记事一览表可以循环变换就好了,于是就根据自己的想法试着做了,不知道会不会成功。

按下预览图标(F5)

mockplus教程怎么样(最实用易懂的教程)
mockplus教程怎么样(最实用易懂的教程)
脑海中浮现的想法几乎都实践了!

没有花多少时间学习就三下五除二的完成了制作,感觉自己好厉害呀。

这里顺便提一下,如果下载了iOS/Android应用软件的话可以通过扫描QR(二维码)在手机端预览。这个操作很简单。(但是,日语字体有点怪怪的感觉,但如果想写得漂亮得体的话最好是使用美术字体功能)

总结

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

因为本人多少熟悉一些其它的绘图工具,如果是初学者一开始就使用的话,绝不会像这款工具这么方便。你可以从这款绘图工具中直观的找到想要绘制的图形,方便快捷。

你既可以利用这款工具仔细做图,也可以像本人一样追求速度,大胆的潦草作图。

如果能通过在线等方式分享,那就再好不过了,但好像几乎都是收费的功能。话说回来,这款绘图工具可以满足你匆匆忙忙作图的需求,有机会的话不妨尝试一下如何?

版权声明:拓辰网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 nctcnet@vip.qq.com 举报,一经查实,本站将立刻删除。

(0)
午夜的鬼魅贡献者

相关推荐

  • cad版本转化没有墙体(cad快速看图转换版本)

    CAD转换的方法超级多的!但是下面这3个非常好用的方法,你用过吗?接下来小编就带大家一起看看吧! 第一个方法,我们在电脑端下载一个迅捷CAD转换器,然后就可以进行版本转换、转换成图片等内容的形式,是不是超级好用呢。 可以直接点击【添加文件】,或者将电脑桌面的内容拖曳到软件里面后,就可以开始进行相关的转换了。 例如我们将PDF文件拖曳到这个软件里面后,之后就可以进行转换啦,转换状态达到100%后,我…

    2023年6月26日
    0
  • 麦考瑞大学入学条件(麦考瑞大学留学费用)

    麦考瑞大学学费 1.经济与商务学院 学费:30740澳元/年~38400.00澳元/年 2.麦考瑞文学院 学费:26500.00澳元/年 3.麦考瑞科学院 学费:30740澳元/年 4.麦考瑞人文科学院 学费:26500.00澳元/年 麦考瑞大学热门专业学费介绍具体如下: 银行和金融专业专业30740.00澳元/年 高级职业会计专业专业35616.00澳元/年 商学硕士-商业管理与组织专业专业35…

    2023年9月10日
    0
  • 又短又顺口的英文名女生

    又短又顺口的英文名女生,下面就来给大家详细介绍: iris、bertha、dolores、salome、chloe、dana、kaylee、annie、honey、zoey、zoe、maci、yett、cecily、anita、julia、opa、aviva、hedy、elma、zora、ashley、irene、leah、oink、polly、bonnie……更多女生英文名推荐,如下所示。 ( …

    2023年7月5日
    0
  • 虚拟pdf打印机怎么安装(设置虚拟打印机打印pdf)

    PDF文档在工作中使用比较多,是主流的文档格式,因为它限制了别人对该文档的编辑, 便于工作的交流。那么有什么软件能快速生成PDF文档呢?且看下面说的这款PDF虚拟打印机。 pdfFactory不仅为用户提供了丰富的PDF文档生成、打印功能,还提供了为生成的PDF文档创建密码、添加链接等功能,另外,pdfFactory专业版还包括了创建目录式书签、添加页面标记等功能。但对于新手来说,应该先掌握哪些基…

    2023年10月24日
    0
  • pdf水印怎么去掉(免费pdf去水印的方法)

    我们在网上查找资料的时候,经常都会遇到一些带有水印的文件,而有水印的文件自然是不能使用的,那么该怎么把水印去除呢?今天小源就教大家如何快速去除Word、PDF文件中的水印。 一、 Word去水印 (1)?直接删除 我们先打开有水印的Word文件,然后选择顶部菜单栏中的“设计”,再点击右侧的“水印”功能,接着点击“删除水印”,文…

    2023年6月26日
    0
关注微信