【小沐学写作】原型设计工具汇总(Axure RP)

文章目录

  • 1、简介
  • 2、Axure RP
    • 2.1 工具简介
    • 2.2 工具特点
      • 2.2.1 互动事件
      • 2.2.2 条件逻辑
      • 2.2.4 工作表格
      • 2.2.5 多状态容器
      • 2.2.6 数据驱动接口
      • 2.2.7 自适应视图
      • 2.2.8 流程图
    • 2.3 工具安装
      • 2.3.1 安装
      • 2.3.2 运行
    • 2.4 使用费用
    • 2.5 工具体验
      • 2.5.1 登陆框制作
  • 3、其他
    • 3.1 Figma
    • 3.2 Adobe XD
    • 3.3 Sketch
    • 3.4 摹客RP
    • 3.5 墨刀
    • 3.5 蓝湖
    • 3.6 Pixso
  • 结语

1、简介

Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

所有产品都不是一下子就出现在我们眼前,都会有一个模型或者框架,就是所谓的"原型",用来制作框架模型的工具,我们就称之为原型设计工具。原型设计工具主要分为三大类,分别是传统的手动设计、利用原型软件制作、利用在线原型工具制作。

原型(prototype)这个词来自拉丁文的词proto,意谓“最初的”,意义是形式或模型。在非技术类的文中,一个原型是给定种类的一个代表性例子。

Figma、Sketch、Adobe XD 和 Axure 是最广泛使用的原型制作工具。您可以使用哪些工具来创建用户界面设计?
在实现界面设计时,可以使用常见的界面设计工具,如Adobe XD、Sketch或Figma等。同时,需要与软件开发团队密切合作,确保界面设计能够与后端系统无缝对接,并能够实现所需的功能和交互效果。

2、Axure RP

2.1 工具简介

https://www.axure.com/

Axure RP 是唯一一款让 UX 专业人士能够构建逼真的功能原型的 UX 工具。

Axure是一款功能强大的原型设计工具,被广泛用于用户体验(UX)和用户界面(UI)设计。这算是目前原型图领域最常用的工具,有着丰富的交互设计功能,可创建各种高保真、低保真的交互原型图,产品经理能够快速创建可交互的原型,并与团队成员进行协作。

2.2 工具特点

  • 支持交互设计
  • 生成规格说明文档
  • 输出HTML原型
  • 版本控制管理
  • 支持多人协作设计
  • 母版功能
  • 支持动态面板和复用模板
  • 适用情景:视觉稿/高保真原型,大型复杂项目,Web线框图,网页原型

强大的交互设计、高保真原型设计、规范文档生成、协作和版本控制、深度定制和逻辑设计等。

2.2.1 互动事件

使用鼠标、触摸和键盘事件触发交互。
【小沐学写作】原型设计工具汇总(Axure RP)_第1张图片

2.2.2 条件逻辑

添加条件和变量,使您的原型更上一层楼

2.2.4 工作表格

工作文本字段、下拉列表和单选按钮只需拖放即可.

2.2.5 多状态容器

使用多状态动态面板制作从弹出窗口到可滚动、可滑动的移动屏幕的所有内容.

2.2.6 数据驱动接口

创建数据驱动的表和网格,您可以使用转发器小组件动态排序和筛选这些表格和网格。
【小沐学写作】原型设计工具汇总(Axure RP)_第2张图片

2.2.7 自适应视图

在单个页面上针对台式机、平板电脑和手机进行设计,并自动显示相应的视图.

2.2.8 流程图

内置的流动形状和连接器可以神奇地回流焊,使在 RP 中制作图表变得容易.
【小沐学写作】原型设计工具汇总(Axure RP)_第3张图片

2.3 工具安装

2.3.1 安装

下载链接:
https://www.axure.com/download
【小沐学写作】原型设计工具汇总(Axure RP)_第4张图片

安装如下:
【小沐学写作】原型设计工具汇总(Axure RP)_第5张图片

2.3.2 运行

起始页如下:
【小沐学写作】原型设计工具汇总(Axure RP)_第6张图片
主界面如下:
【小沐学写作】原型设计工具汇总(Axure RP)_第7张图片

2.4 使用费用

免费试用30天。
【小沐学写作】原型设计工具汇总(Axure RP)_第8张图片

2.5 工具体验

2.5.1 登陆框制作

  • 添加Page1
    【小沐学写作】原型设计工具汇总(Axure RP)_第9张图片
  • 添加Page2
    【小沐学写作】原型设计工具汇总(Axure RP)_第10张图片
  • 添加交互事件
    【小沐学写作】原型设计工具汇总(Axure RP)_第11张图片
  • 预览效果
    【小沐学写作】原型设计工具汇总(Axure RP)_第12张图片

3、其他

3.1 Figma

https://www.figma.com/
Figma是一款基于云的协作设计工具,具有强大的界面设计和原型设计功能。Figma允许多个用户实时协作,无论是在同一团队,还是远程工作。可以在其中创建和编辑矢量图形、布局设计和交互原型。

云协作、原型交互、矢量编辑和布局、设计组件和样式库、插件生态系统等。
【小沐学写作】原型设计工具汇总(Axure RP)_第13张图片

3.2 Adobe XD

https://www.adobe.com/products/xd/learn/get-started-xd-prototype.html
作为Adobe旗下的一款原型设计工具,有着平台自带的一个天然优势—用户可直接导入PS、AI、SKETCH文件作为原型素材。设计的页面间可以通过拖拽创建交互,可设置过渡动画;Adobe XD有提供基础组件元素、平台组件库和少量图标库。可以通过链接分享原型。此外,还支持设计稿的自动标注。

【小沐学写作】原型设计工具汇总(Axure RP)_第14张图片

3.3 Sketch

https://www.sketch.com/apps/

屡获殊荣的 macOS 编辑器、将人员和项目结合在一起的 Web app,以及随时随地预览工作的 iOS 伴侣。
Sketch还是一款只能在macOS上使用的工具,不提供Windows版本。

Sketch在UI设计工具界可谓大名鼎鼎,也有不少用户使用其来制作原型项目。这主要是因为Sketch的界面设计以及矢量编辑能力足够出色。

Sketch是当今最好的原型图软件之一,可以用来创建各种形式的用户界面,如移动、Web和代码。但这对一些设计师来说并不友好,因为Sketch只支持iOS系统的使用。
【小沐学写作】原型设计工具汇总(Axure RP)_第15张图片
【小沐学写作】原型设计工具汇总(Axure RP)_第16张图片

3.4 摹客RP

https://www.mockplus.cn/download/rp
摹客RP是一个高效易用的在线原型设计工具,提供海量组件、图标、原型设计模板,快速布局、编辑、分享和协作,支持Axure文件导入和多种交互类型。

适用情景:中高保真原型,快速原型, 团队协作,WEB/移动端/平板原型,线框图,视觉稿等。
【小沐学写作】原型设计工具汇总(Axure RP)_第17张图片

【小沐学写作】原型设计工具汇总(Axure RP)_第18张图片

3.5 墨刀

https://modao.cc/
墨刀是创意软件A股上市公司万兴科技旗下的在线一体化产品设计协作平台,支持原型设计、团队协作、海量素材和高效企业。墨刀帮助你快速完成产品设计,提升工作效率.
【小沐学写作】原型设计工具汇总(Axure RP)_第19张图片

【小沐学写作】原型设计工具汇总(Axure RP)_第20张图片

3.5 蓝湖

https://lanhuapp.com/
蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。 蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系等。依托于在Sketch/Photoshop/Adobe XD平台的设计。
【小沐学写作】原型设计工具汇总(Axure RP)_第21张图片
【小沐学写作】原型设计工具汇总(Axure RP)_第22张图片

3.6 Pixso

https://pixso.cn/
Pixso具备一站式原型、设计、交付能力,是新一代在线原型设计协作工具.
无需在工具之间切换,需求梳理、UI设计、原型设计、收集反馈、原型交付一个工具全搞定
【小沐学写作】原型设计工具汇总(Axure RP)_第23张图片
【小沐学写作】原型设计工具汇总(Axure RP)_第24张图片

结语

如果您觉得该方法或代码有一点点用处,可以给作者点个赞,或打赏杯咖啡;╮( ̄▽ ̄)╭
如果您感觉方法或代码不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果您需要相关功能的代码定制化开发,可以留言私信作者;(✿◡‿◡)
感谢各位大佬童鞋们的支持!( ´ ▽´ )ノ ( ´ ▽´)っ!!!

你可能感兴趣的:(写作,axure,figma,sketch,原型设计,原型开发,界面设计)