• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
2252413zyh
博客园    首页    新随笔    联系   管理    订阅  订阅
原型设计工具
原型设计工具

在本篇博客中将主要介绍主流的原型设计工具。
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的使用方法

  1. 创建项目:打开 Axure 软件,新建一个项目,选择相应的设备和平台。
  2. 添加页面:在项目中添加新的页面,可以为每个页面设置名称和描述。
  3. 设计界面:使用 Axure 的组件库和布局功能,搭建页面的基本结构和样式。
  4. 添加交互:为页面中的元素添加交互事件,如点击、鼠标悬停等,并设置相应的触发条件和动作。
  5. 设置逻辑:使用 Axure 的逻辑表达式和变量功能,实现更复杂的交互效果和数据处理。
  6. 预览和测试:使用 Axure 的预览功能,查看原型的交互效果和逻辑是否正确。
  7. 导出和共享:将原型导出为 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.作为在线的编辑工具,预览速度和能力较强于离线的原型设计工具

墨刀的使用方法

  1. 用户可以选择新建一个空白原型项目,或者从墨刀提供的模板库中选择一个模板开始设计。

  2. 在工作区,用户可以使用顶部菜单栏的基础工具,以及页面与元素列表中的组件来搭建和编辑原型。自由度很高。
    2.1插入图片

    2.2加入按钮

3丰富界面,完善内容

3.1增加界面
3.2

  1. 通过顶部栏右上角的其他工具,用户可以进行团队协作和项目共享。

  2. 墨刀支持版本管理,方便用户跟踪和管理设计的迭代过程。

posted on 2024-05-15 21:02  shouzyh  阅读(74)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3