《构建之法》个人第三次作业之原型设计
原型设计
这个作业属于哪个课程 | 点一下 |
---|---|
这个作业要求在哪里 | 点一下 |
这个作业的目标 | 熟练使用原型设计工具,提高自己的审美 |
一、对比三种原型工具
墨刀
墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 [1] ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理
特点:
-
操作简单
简单拖拽和设置,即可将想法、创意变成产品原型。
-
演示
真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。
-
团队协作
与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。
-
交互简单
简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型
-
素材库
内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。
Axure RP:
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 [1] 。
特点:
-
便捷高效
轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程
-
较为专业
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
-
元件库丰富
不仅自带丰富的元件库,还可以安装其他网站精美的元件,比如bootstrap
Mockplus:
Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
特点:
-
无缝真机预览
可直接实现设计和移动设备之间的通讯,直接预览,不需要任何第三方设备。在设计过程中,设计者拿出手机就可以随时和Mockplus对接,将原型传递到移动设备,观察原型在移动设备中的真实状态。
-
素描风格(国内独有)
其拥有200多个组件、海量图标,全部支持手绘素描风格。更好地强调传递一种设计原则即:“我这是草图,仅仅是原型,不是最终的产品,需要你的确认”。对于团队交流、客户沟通,这会有好的效果,也非常重要。
-
组件交互
视觉上定位于低保真,但致力于高保真的组件交互能力。表达交互时依然能够准确、完整,并同样简单上手。Mockplus支持基于页面的交互和动画效果。MockplusV2版本,将支持基于组件级别的交互和动画,可即时观察交互效果,大大降低学习成本。
所以:
经过一系列的对比:费用是否免费,是否好上手,素材库是否更符合自己的预期,设计起来是否能够满足自己的预期。
我选择了墨刀进行原型设计。
墨刀操作简单好上手,免费用起来很nice,素材库能够给我不经意间的点拨,正中我心。
MockPlus呢,之前自己已经使用过,也蛮不错,希望能再玩玩其他的软件。
Axure RP操作相比其他两款操作难度要求更高,且是付费软件,不太适合自己。
二、需求分析
题目:
面向普通学生和社团管理员,集合了各个社团的信息,特色功能是活动的浏览和报名,以及活动的发布、审核与通知,同时还具有加入社团、发送站内信等功能。
三、原型设计查看地址
普通学生小程序:https://free.modao.cc/app/aed106af3efc1273afa52ccf5cc9f478082eaf8b
下面这个网页端打开请缩放到100%观看
社团管理员网页端:https://free.modao.cc/app/82e9hfwbor5k0zzjul46mxkbgr6sr3#screen=sB785A805911569418642422
四、原型设计
学生小程序页面:
登录注册
首页:
活动详情:
站内信:
管理后Web页面:
五、总结
一星期一总结的博客悄然而至。原型设计在之前的服务外包比赛中就有所涉猎,当时帮经管院的朋友弄了一个APP,使用的便是MockPlus,因为当时没有使用任何模板,自己借鉴大家经常使用的APP的特点照猫画虎完成了,所以记忆犹新。
那这次得益于课程安排,又了解到更多的原型设计工具,比如我这次使用的墨刀,总的来说自己比较满意,因为本来一开始想着这次就采用模板吧,结果试着设计了一下,居然上瘾了,慢慢地做成这个样子。当然,依然存在很多不足,比如自己的审美,直男审美很难受,颜色搭配着实不易。
以上。