2252309-主流原型设计工具介绍(Asure、墨刀、Xcode............)-举例(设计旅行+兼职平台的原型)说明使用方法
一、主流原型设计工具介绍目录
- Axure https://www.axure.com/
- 墨刀 https://modao.cc/
- Pop https://pop.com/
- Figma https://www.figma.com/
- Mockplus https://www.mockplus.cn/
二、详细介绍
1、Axure
适用人群:
适用于追求强交互效果及细节产品经理及设计师,需要具有一定经验或较强专业性
适用平台:
Windows、MacOS
价格说明:
功能:(具体功能请查询官网)
-
可视化设计:Axure提供了丰富的设计元素和交互组件,用户可以通过拖拽的方式快速创建页面原型,实现可视化设计。
-
交互设计:Axure支持各种交互设计功能,例如链接、切换状态、动画效果等,用户可以通过这些功能模拟真实的用户体验,提供更直观的交互效果。
-
多设备适配:Axure支持多种设备的适配,包括PC端、移动端等,用户可以根据不同设备的特点进行页面的布局和设计,提供更好的用户体验。
-
协作与共享:Axure提供了多人协作和团队共享的功能,用户可以与团队成员实时协作,共同编辑和更新原型设计,提高团队的工作效率。
-
可扩展性:Axure支持插件的扩展,用户可以根据自己的需求选择合适的插件,扩展Axure的功能,满足更多的设计需求。
应用领域:
-
网页设计:Axure可以帮助网页设计师快速创建高保真度的网页原型,包括页面布局、交互效果、动画效果等。设计师可以通过Axure展示和验证网页设计的可行性和用户体验。
-
移动应用设计:Axure也适用于移动应用设计领域。设计师可以使用Axure创建移动应用的原型,包括界面设计、交互设计、用户流程等。通过Axure的交互功能,设计师可以模拟用户在移动应用中的操作和体验。
-
软件界面设计:除了网页和移动应用,Axure也可以用于软件界面设计。设计师可以使用Axure创建软件界面的原型,包括窗口布局、按钮交互、菜单设计等。通过Axure的原型演示功能,设计师可以模拟用户在软件中的操作和体验。
-
用户体验设计:Axure是用户体验设计师的得力助手。设计师可以使用Axure创建交互式的原型,通过原型展示和验证设计方案,收集用户反馈和意见,优化和改进设计。Axure还支持用户测试功能,设计师可以在原型中设置测试任务,记录用户操作和反馈,从而更好地理解用户需求和行为。
优点:
应用灵活,可拓展性强,拥有超级强大的交互制作能力,提供强大的交互支持,完整的教程及支持文档,支持原型预览;
缺点:
(难度稍大,入门较慢)学习曲线较高、专业需求度高;
制作原型的速度比较慢(交互操作太多);无法很好地支持移动端设备
性价比不高。
使用教程:https://blog.csdn.net/xpbob/article/details/52493657
2、墨刀
适用人群:
个人用户、项目团队
适用平台:
收费说明:(详细情况请查询官方网站)
功能:
-
操作简单:简单拖拽和设置,即可将想法、创意变成产品原型。
-
演示:真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。
-
团队协作:与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。
-
交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。
-
自动标注及切图:将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。
-
素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。
适用领域:
- 主要适用于快速原型设计和高保真度的交互设计,特别适合移动端应用、小程序等交互设计。
优点:
-
交互操作简单,效率高,适合初学者;
-
强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速,展示更加方便;
-
分享方便、反馈及时,快速查看应用在手机上的效果;
-
支持便捷绘制、拖拽交互、真实预览体验,提供海量素材,集合4款工具,原型、设计、流程图、思维导图;
-
支持多人团队在线协作,实时同步更新;
缺点:
-
必须在线操作,离线无法保存;
-
免费版对于项目数量、页面数量有限制;
-
不适用于PC端,仅限移动端产品原型,交互效果、控件组合、操作面板的选择上也都不够灵活;
-
不适合做文档,只适合做交互设计;
使用教程:https://www.jianshu.com/p/cbda3a557139
3、Pop
适用人群:
追求手绘风格和快速原型的产品经理和设计师
适用平台:
iOS和Android平台
优点:
-
免费;
-
学习曲线短、生成快、可分享;
-
操作轻巧十分简单,可以理解为纸质原型的升级版,能够极快速给出原型;
缺点:
- 只支持低保真原型。对于展示的客户或团队成员,只知道产品的大致方向;当交互效果复杂时,设计无法很好地表达。
使用教程:
在POP的帮助下,开发人员或设计师只需要在纸上简单地描述创意或想法,拍摄几张草图,按顺序放置照片,并使用链接点描述每张图片之间的逻辑关系,就可以轻松创建一个动态模型,点击播放显示整个模型。
4、Figma
适用人群:
设计师、产品经理、开发人员
适用平台:
Windows, Mac, Linux, iOS 和 Android 等等
收费说明:
应用领域:
原型设计、UI设计、用户体验设计、交互设计、界面设计和协作设计
优点:
-
支持多人协作,团队协作很方便;
-
矢量工具比较优质,如钢笔工具、布尔运算、扇形工具等;
-
开放的插件生态系统,可以接入海量第三方扩展插件;
-
在线工具,设计内容会自动保存到云端,无需下载客户端;
-
有丰富的的设计资源社区;
-
支持打开Sketch文件;
-
超级实用的自动布局功能;
-
提供免费版本,可以满足轻量级项目设计需求。
缺点:
-
只有英文版本,使用需要一定英语基础;
-
功能相对复杂,学习成本较高;
-
离线功能限制,基于云端的工具,没有稳定的互联网连接时无法使用;
-
服务器在国外所以国内使用起来加载较慢;
-
缺乏高级交互和动画功能限制,可以做一些基本的交互和动画功能;
-
需要开通VPN,下载谷歌浏览器,在网页上面操作。
使用教程:https://blog.csdn.net/2301_79599164/article/details/134550487
5、摹客(mockplus)
适用群体:
各阶段的产品经理及UI/UX设计师,追求中低保真,交互效果,快速原型,新手或专业人群皆适宜;
适用平台:
支持全平台(在线、桌面端、移动端)
收费说明:
基础版永久免费,付费版118元/年,终身版:699元,无需另外付费更新版本。
应用领域:
全流程协作、原型设计、UI设计和设计规范管理
优点:
-
基础版免费使用,操作简单,上手快;
-
功能多样,组件资源丰富;
-
支持多人同时编辑同一页面,高效协作;
-
支持一键分享,直接发布到摹客协作;
缺点:
-
不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的;
-
表格功能还需要完善;
-
离线状态下无法编辑和保存;
-
摹客可能不支持动画和过渡效果,无法展示复杂的交互逻辑;
-
摹客可能不支持导入其他设计软件的文件,需要重新制作界面。
使用教程:https://help.mockplus.cn/mockplus
三、项目举例(墨刀)
四、心得
1、随着软件技术的发展,目前市场上的原型设计工具的类型多样、功能多样,基本能满足原型设计的需求;
2、很多种原型设计工具都是具有免费版和付费版,通过自己的初步尝试使用过后发现,免费版的资源也是很丰富的,能满足自己现阶段的原型设计需求;
3、每种原型设计工具都有自己的亮点和短板,原型设计工具对于原型的设计来说只能起到辅助作用,所以设计原型时,可以根据自己的需要进行对不同原型设计工具的选择;
4、自己本次决定尝试使用的原型设计工具是墨刀,在完成自己项目所需的原型的设计时,发现墨刀是一款很成熟的原型设计工具,不用花费时间学习,在线登录,进行设计即可,并且会自动保存已经设计好的原型,不会丢失数据,免费版本就有很多可以使用的资源,非常适合初次尝试设计原型的小白使用。
posted on 2024-05-15 17:13 MMMmmmmmm·Tt 阅读(49) 评论(0) 编辑 收藏 举报