《构建之法》个人第三次作业之原型设计

原型设计

这个作业属于哪个课程 点一下
这个作业要求在哪里 点一下
这个作业的目标 熟练使用原型设计工具,提高自己的审美

一、对比三种原型工具

墨刀

墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 [1] ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理

特点

  • 操作简单

    简单拖拽和设置,即可将想法、创意变成产品原型。

  • 演示

    真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

  • 团队协作

    与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

  • 交互简单

    简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型

  • 素材库

    内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

Axure RP:

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 [1] 。

特点:

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的特点照猫画虎完成了,所以记忆犹新。

那这次得益于课程安排,又了解到更多的原型设计工具,比如我这次使用的墨刀,总的来说自己比较满意,因为本来一开始想着这次就采用模板吧,结果试着设计了一下,居然上瘾了,慢慢地做成这个样子。当然,依然存在很多不足,比如自己的审美,直男审美很难受,颜色搭配着实不易。

以上。

posted @ 2019-09-26 09:18  etron  阅读(211)  评论(2编辑  收藏  举报