一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求
(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)
适用领域:
1. 墨刀:
* 中低保真原型:墨刀可以快速创建和测试产品原型,适合在产品初期进行低保真原型设计。
* 快速原型:墨刀拥有丰富的组件库和模板库,可以快速搭建产品原型,提高设计效率。
* WEB/移动端/平板原型:墨刀支持多种设备预览,可以方便地设计不同设备的原型,满足多平台产品设计的需求。
* 线框图:墨刀提供了丰富的线条和形状工具,可以方便地绘制线框图,帮助设计师更好地规划产品界面布局。
* 视觉稿:墨刀支持导入图片和自定义颜色、字体等,可以设计出高保真的视觉稿,满足设计师对细节的追求。
2. Axure:
* 产品设计:Axure可以帮助产品设计师快速构建原型,以供团队评估和迭代。
* 用户交互设计:Axure可以帮助交互设计师快速绘制交互流程图,确定用户导航和体验。通过Axure的交互设计功能,可以更好的向开发人员交流设计意图。
* 用户测试和反馈:Axure可以帮助团队进行用户测试和反馈,推动产品迭代和优化。
3. Mockplus:
* 中低保真原型设计:Mockplus适用于制作中低保真的产品原型,帮助设计师快速构建产品框架和界面布局。
* 快速原型制作:Mockplus提供了丰富的UI元件库和模板,方便设计师快速制作实际效果的交互原型,提高设计效率。
* 团队协作和审阅:Mockplus支持多人在线协作和评论功能,方便团队成员之间的沟通和审阅,促进团队协作和产品设计的完善。
* 线框图和视觉稿设计:Mockplus提供了线条和形状工具,可以绘制线框图,并支持导入图片和自定义颜色、字体等,满足设计师对视觉稿的设计需求。
* 多设备预览:Mockplus支持多设备预览,包括手机、平板和电脑等,方便设计师在不同设备上查看和测试原型效果。
优点:
1. 墨刀:
* 容易操作:轻松拖放设置,将创意转化为产品原型。
* 演示方式多样:真实设备边框、沉浸式全屏、离线模式等多种演示方式,项目演示效果逼真。
* 团队协作方便:能够和同事一起编辑设计原型,提高效率;一键分享,发送给他人,分享方便;也可以打点样机,收集意见,高效合作。
* 交互简单:只需拖动即可实现页面跳转,还可以通过界面实现复杂的交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。
* 自动化标注与图形切割:把项目的链接分享给开发者,不需要登入就能直接获得每个元素宽高、字体间距、字体颜色等信息,支持一键下载。
* 素材库丰富:内置了丰富的行业素材库,还可以创建自己的素材库,共享团队组件库,可以直接使用高频素材。
2. Axure:.
* 具有丰富的设计模式:AxureRP包括流程图、线框图、交互模型等,用户可以快速梳理产品的逻辑结构,从而加快产品开发过程。
* 操作简单易学:与其他原型设计工具相比,AxureRP的操作非常简单,即使没有设计经验的用户也可以快速掌握各种设计技巧,实现创造力。
* 具有实时显示产品交互细节的强大交互功能:在设计阶段,用户可以直观地感受到产品的体验,并及时进行修改和优化,从而提高最终产品的质量。
* 可以一键生成需要的需求文档:通过注释、word文档生成等功能,能直接生成需要的特定格式的需求文档,提高效率。
* 可以进行项目共享:Axure具有项目共享功能,使得同事间可以同步工作,并保留所有工作历史,并可以随时导出历史版本的项目文档。
3. Mockplus:
* 操作简便:无需繁琐学习,即可快速上手。
* 兼容性强:无论是安卓App、iOS App,还是Windows和Mac OS的桌面程序,甚至是Web原型设计,Mockplus都能无缝兼容,适应快速迭代的开发模式。
* 团队协作方便:创建原型后,只需邀请团队成员加入,批注功能让交流更加高效,每一次修改和建议都能实时保存,实现国内独有的高效协作体验。
* 功能丰富:提供内置拖放组件,支持页面和组件一键克隆,简单方便的导出选项可以快速完成设计的图片或HTML输出,快捷页面和组件库有助于进一步提高工作效率。
* 设计体验好:独特的素描风格保证了设计草图的质量,手绘风格的组件能带给用户真实的绘画体验感。
缺点:
1. 墨刀:
* 交互效果不够灵活:墨刀内置的交互效果包括点击、滑动、滚动等,做高保真原型的时候不够用。
* 效果切换可能会让用户产生错乱的感觉:因为墨刀采用连线的方式实现页面跳转,有时会让用户产生错乱的感觉。
* 不适用于PC端:墨刀主要是用于设计移动APP原型,不适用于PC端,交互效果、控件组合、操作面板的选择上都不够灵活。
* 模板较少:墨刀提供的模板较少,可能不能满足一些用户的需求。
* 学习成本高:虽然墨刀的操作相对简单,但对于初学者来说,仍然需要一定的学习成本来掌握其使用技巧。
2. Axure:
* 学习成本高:Axure的功能架构较为专业庞大,对新手的要求较高,需要花费较多的时间在学习和熟悉软件上。
* 在线协作效率低:尽管Axure可以连接到其他工具和服务进行协作,但其在线协作效率较低,上传速度较慢,可能会影响产出。
* 使用成本高:Axure仅可以免费试用30天,而专业版则需要付费购买,对于个人用户和小团队来说可能是一笔不小的开销。
* 对移动端设备支持不足:尽管Axure可以创建高保真度的原型,但它在移动端设备上的支持并不够完善,可能会存在一些兼容性问题。
3. Mockplus:
* 不支持鼠标悬停:这是Mockplus的一个明显缺陷,对于需要展示鼠标悬停效果的设计来说,可能会造成一些不便。
* 手机预览效果不佳:在预览或导出为手机应用时,可能会发现一些细节或布局问题,这需要在设计时进行更多的调整和优化。
* 日历表组件是静态的:这可能会限制一些需要动态日历功能的设计需求。
* 表格功能需要完善:对于需要复杂表格设计的需求,Mockplus可能无法完全满足。
* 组件库和图标库有限:虽然Mockplus提供了一些基本的组件和图标,但对于一些特定需求或个性化设计,可能会发现可用的资源有限。
(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
四、主题名称:学习网
五、功能分析:
-
屏幕界面:
手机主屏幕界面。 -
首页界面:
首页提供了学习课程的功能。 -
消息界面:
消息界面可以查看近期老师的消息,也可以查看对应课程的情况。 -
“我的”界面:
我的界面具备了自己的个人信息,同时还兼备了待办,图书,笔记等功能。
六、界面设计:
七、具体界面分析
-
主屏幕界面:
-
主页界面:
可以查看对应的课程,对应的课程有相应的连接,供用户进行学习。
-
消息界面:
可以看到课程发布的消息和通知,也可以和其他人进行交流聊天。
-
我的界面:
进行个人信息的查看,还能进行一些附加功能。
八、界面切换流程
通过单击对应的图标即可触发各个页面的交互效果。