原型设计工具比较及实践

1、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。

墨刀

优点:
①操作效率高,易于上手。
②动效丰富。
③分享二维码到微信等十分方便。

缺点:
①必须在线操作(离线无法保存)。
②免费版对于项目数量、页面数量有限制。
③页面流程图不能自由操作。

Axure

优点:

①有强大的编辑功能, 使得制作素材库会更便捷一点。
②更快的复制粘贴,素材库和原型库会多一些。
③可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。

缺点:

①正版的Axure售价高,学生等群体可能负担不起。
②动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本高。
③Axure只支持在本地设计

MockPlus

优点:

①基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
②有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
③mockplus有组件库和图标库,界面设计较为方便。

缺点:

①不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。
②表格功能还需要完善。

2、原型设计中的低保真和高保真是什么意思?

低保真:当我们明确了产品的业务需及使用场景以后,产品经理和交互设计师们可以使用低保真原型来较快的设计产品的概貌。产品经理和交互设计师们通过项目早期阶段已经明确了产品的功能需求及业务范围,基本上已经知道了产品需要做什么。根据业务会议上确定的产品方案,首先需要梳理清楚产品的功能结构和信息结构,根据业务需求推导出详细的功能点。好了,通过这些工作产品的战略目标、需求范围、功能结构都已经清楚了。线框图又称为低保真原型。

高保真:高保真原型常用于向高层领导进行产品演示或者向投资人演示产品概念,以寻求项目融资。高保真原型又可以成为产品的Demo,除了没有真实的后台数据进行支撑外,几乎可以模拟前端界面的所有功能,完全是一个高仿产品。对于一些非IT科班出身的高层领导、老板及投资人,如果我们希望他们能够尽可能详细的了解产品的功能及业务需求,这个时候低保真原型并不一定使用,因为他们总是能够从低保真原型中找到一些他们不理解的“问题”。因此在这个时候,他们希望看到的是一个无线接近线上产品的高仿Demo,从视觉显示以及交互动作上都和真实产品大致相同。高保真原型需要在低保真的基础上进行配色,插入真实的图片及icon图标。这样从视觉显示及交互设计来看,就是一个完全高仿的Demo原型。

3、利用网络资源自学墨刀原型设计工具,并利用该工具自拟主题进行原型设计。主题可以是老人手机、在线听歌、相册管理等。

要求:

①对主题名称、功能、界面设计考虑因素等进行说明;

②提供至少四个切换界面;

③对每个界面进行说明,包括该界面功能,界面组成,前置条件,后置条件,操作步骤。

原型设计:小獨-一款分享生活的社交APP

寒來暑往,秋收冬藏,忠於自己,熱愛生活。

在一个城市孤独的生活,远离家乡,漂泊在外,冰冷的心或许需要一些别样的温暖,在小獨上分享你生活中的点点滴滴,向周围的人宣告你是一个热爱生活的人...

1.开始界面
点击该红色剪头可进入APP

2.登录界面
输入手机号,获取验证码即可完成登录。当然也可以使用QQ和微信的快捷登录方式

3.作品上传
将手机相册中的照片上传,每次最多上传5张,单张照片不超过20M

4.作品展示
你可以看到周围的人分享的作品,并可以将喜欢的作品进行收藏

界面功能 界面组成 前置条件 后置条件 操作步骤
| 界面1 |开始 |生活背景图 |打开小獨APP |进入小獨APP |点击红色箭头
| 界面2 |登录 |手机号码、短信验证码输入框、快捷登录按钮|进入小獨APP |登录账号 |输入手机号获取验证码并输入点击登录或直接点击QQ或微信进行快捷登录
| 界面3 |作品上传| 上传图片按钮、添加图片按钮 |点击作品上传 |上传作品完成 |点击继续添加将手机相册内照片进行添加 点击确认上传后完成
| 界面4 |作品展示| 生活照及文案说明 |点击返回至主界面按钮|查看同城生活作品|点击每张照片都可查看作品详情信息

posted @ 2021-05-30 18:38  热心市民小菘  阅读(58)  评论(0编辑  收藏  举报