第三次作业 了解原型设计的工具
原型设计工具 Mockplus
软工一班 1759111 王逸
又是一次个人博客作业,这次的作业是了解一种原型设计工具,我一开始我都不知道原型设计工具有哪些,就去网上搜索了一下,发现了Mockplus这个工具,网上大部分都是说这个设计工具特别适合新手小白,因为它无需学习、快速上手、功能够用等等。而且呢它适合软件团队、个人在软件开发的设计阶段使用。总的来说,由于入门简单,无需编程,Mockplus也已经逐渐普及,成为新手和有经验设计者的前列选择。它还可以在手机上下载,超级方便!!!而且官网上下载好之后,它还有个10分钟玩转Mockplus的教程视频。
每次打开软件都需先登陆, 好在项目文件是可以保存到本地, 可以注册为免费版/个人版/团队版/企业版。
通过手机号登录, 官网博客经常有免费的激活码, 激活后可以升级为个人账号(1个月有效)。
产品理念:
素描风格(国内独有)
其拥有200多个组件、海量图标,全部支持手绘素描风格。更好地强调传递一种设计原则即:“我这是草图,仅仅是原型,不是最终的产品,需要你的确认”。对于团队交流、客户沟通,这会有好的效果,也非常重要。
组件交互
视觉上定位于低保真,但致力于高保真的组件交互能力。表达交互时依然能够准确、完整,并同样简单上手。Mockplus支持基于页面的交互和动画效果。MockplusV2版本,将支持基于组件级别的交互和动画,可即时观察交互效果,大大降低学习成本。
模板重用
支持模版功能,可以把当前的设计存入模版库,下次使用时,直接拖入工作区即可。模版还可以分享到团队的其他成员已经所有Mockplus所有注册用户,从而提高整个团队乃至所有用户群的生产力。V2版本支持组件、页面、图片素材三个方面的模版和重用。
创新点:
审阅协作
创建原型图、邀请、批注图钉,之后就可以协同工作了。所有的讨论、意见、版本,都会保留。
无缝真机预览
可直接实现设计和移动设备之间的通讯,直接预览,不需要任何第三方设备。在设计过程中,设计者拿出手机就可以随时和Mockplus对接,将原型传递到移动设备,观察原型在移动设备中的真实状态。
Mockplus使用:
创建项目(它有多种形式可供选择,我选了手机来进行使用教程)

打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是不是不能更简单!无需任何文件创建操作,无需输入任何文字!
底部导航栏制作

在左侧图标选项卡中搜索你想要的图标,配合单行文字组件,只需数秒即可完成底部导航栏制作。将图标与单行文字编为组,大小、样式、文字均可编辑。
制作原型内容页面
在项目树中新建三个内容页面,在左侧的组件选项卡中搜索需要的组件,拖拽应用即可。

“首页”页面用到的组件:形状组件、搜索框组件、图片组件、多行文字组件。
“发现”页面用到的组件:形状组件、图片组件、多行文字组件
“我的”页面用到的组件:图标组件、多行文字组件、按钮组件
使用内容面板快速切换内容:
1.拖出内容面板,点击“+”创建3个层,每层分别拖拽链接点连接到三个内容页面。
2.将底部导航栏的三个选项依次连接到内容面板的三个层。





关于演示与分享,总共有8种方式,这里我就介绍一种方法
直接演示
适用场合:设计时,便于设计者非常快速地看到原型效果。
操作方式:在设计时,按下F5。
蹡蹡,关于Mockplus的介绍就到这里啦,这个工具比Axsure真的好用,可能有人觉得Axsure好用,但是,我还是支持Mockplus,对新手来讲这个工具简直不要太好用!!亲测!!!
浙公网安备 33010602011771号