在本篇博客中将主要介绍主流的原型设计工具。
Axure
开发公司:Axure Software Solutions, Inc.
官网:Axure RP - UX Prototypes, Specifications, and Diagrams in One Tool
Axure的特点
1.Axure拥有强大的交互制作功能,它能够实现复杂的条件判断和丰富的动态效果。这一点在设计具有复杂逻辑的原型时尤为重要,因为它可以让设计师创造出接近真实产品的用户体验。而且由于Axure的功能丰富,所以相应的学习成本也较高。新手可能需要花费一定的时间来掌握其全部功能和使用方法。这边https://www.axure.com.cn/(Axure中文学习网应该有助于学习)
2.Axure提供无限画布的设计区域,方便设计师在设计稿上添加文字注解,这对于团队协作和设计说明非常有帮助。
3.Axure是一款离线工具,Axure的原型预览和分享不如在线工具方便。例如,浏览器预览本地文件需要安装插件,而上传到Axshare分享的方式在国内可能速度较慢。但是由于其为离线工具,可能在原型的预览和分享方面不如在线工具便捷。
4.Axure提供了丰富的交互组件和功能,例如可交互的按钮、链接、表单元素等,使用户能够模拟真实的应用程序或网站的交互过程。此外,Axure还支持多种输出格式,包括HTML、PDF和PNG等,方便用户在不同平台上展示和共享原型。
5.Axure 内置了丰富的组件库,包括常用的 UI 元素、图标、按钮等,可以帮助设计师快速搭建原型界面。
6.Axure 支持多种设备和平台的原型设计,如网页、移动应用和桌面应用等。
7.支持变量和逻辑:Axure 支持使用变量和逻辑表达式,可以实现更复杂的交互效果和数据处理。
Axure的使用方法
- 创建项目:打开 Axure 软件,新建一个项目,选择相应的设备和平台。
- 添加页面:在项目中添加新的页面,可以为每个页面设置名称和描述。
- 设计界面:使用 Axure 的组件库和布局功能,搭建页面的基本结构和样式。
- 添加交互:为页面中的元素添加交互事件,如点击、鼠标悬停等,并设置相应的触发条件和动作。
- 设置逻辑:使用 Axure 的逻辑表达式和变量功能,实现更复杂的交互效果和数据处理。
- 预览和测试:使用 Axure 的预览功能,查看原型的交互效果和逻辑是否正确。
- 导出和共享:将原型导出为 HTML 文件或其他格式,与团队成员或客户进行共享和沟通。
Axure可以建立自己的元件库
画完元件后,点击左上角 “文件”----“另存为”,注意,另存为的格式是“.rplib”
在创建完元件后,点击 添加-文件夹”
创建完后,同样另存为“.rplib”文件
点击 “元件”下的“+”号,打开选择刚刚保存的“*.rplib”元件文件加载
这样可以使用 Axure 快速创建出高质量的软件原型,提高设计效率和沟通效果
墨刀(重点)
开发公司:万兴科技
官网:https://modao.cc/usergrowth/prototype-b.html?jsid=SEM-BAIDU-CG-PP-32008&bd_vid=8330168541418030336
墨刀的特点
1.用户可以选择从空白原型项目开始,或者利用模板和素材广场中的资源快速创建项目。
2. 墨刀支持高保真原型设计,使得设计成果更接近最终产品的外观和感觉。
3. 除了原型设计,墨刀还提供设计、流程图、思维导图等工具,实现了产品设计流程的一体化管理。
4. 墨刀支持团队成员之间的在线协作,便于项目管理和沟通,提高了工作效率。
5. *与传统的原型设计相比,墨刀几乎不需要编写代码,节省了设计和修改的时间,降低了成本。
6. 提供简单的教程
7.作为在线的编辑工具,预览速度和能力较强于离线的原型设计工具
墨刀的使用方法
-
用户可以选择新建一个空白原型项目,或者从墨刀提供的模板库中选择一个模板开始设计。
-
在工作区,用户可以使用顶部菜单栏的基础工具,以及页面与元素列表中的组件来搭建和编辑原型。自由度很高。
2.1插入图片
2.2加入按钮
3丰富界面,完善内容
3.1增加界面
3.2
-
通过顶部栏右上角的其他工具,用户可以进行团队协作和项目共享。
-
墨刀支持版本管理,方便用户跟踪和管理设计的迭代过程。