【小沐学写作】原型设计工具汇总(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 互动事件

使用鼠标、触摸和键盘事件触发交互。
在这里插入图片描述

2.2.2 条件逻辑

添加条件和变量,使您的原型更上一层楼
在这里插入图片描述

2.2.4 工作表格

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

2.2.5 多状态容器

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

2.2.6 数据驱动接口

创建数据驱动的表和网格,您可以使用转发器小组件动态排序和筛选这些表格和网格。
在这里插入图片描述

2.2.7 自适应视图

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

2.2.8 流程图

内置的流动形状和连接器可以神奇地回流焊,使在 RP 中制作图表变得容易.
在这里插入图片描述

2.3 工具安装

2.3.1 安装

下载链接:
https://www.axure.com/download
在这里插入图片描述

安装如下:
在这里插入图片描述

2.3.2 运行

起始页如下:
在这里插入图片描述
主界面如下:
在这里插入图片描述

2.4 使用费用

免费试用30天。
在这里插入图片描述

2.5 工具体验

2.5.1 登陆框制作

  • 添加Page1
    在这里插入图片描述
  • 添加Page2
    在这里插入图片描述
  • 添加交互事件
    在这里插入图片描述
  • 预览效果
    在这里插入图片描述

3、其他

3.1 Figma

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

云协作、原型交互、矢量编辑和布局、设计组件和样式库、插件生态系统等。
在这里插入图片描述

3.2 Adobe XD

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

在这里插入图片描述

3.3 Sketch

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

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

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

Sketch是当今最好的原型图软件之一,可以用来创建各种形式的用户界面,如移动、Web和代码。但这对一些设计师来说并不友好,因为Sketch只支持iOS系统的使用。
在这里插入图片描述
在这里插入图片描述

3.4 摹客RP

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

适用情景:中高保真原型,快速原型, 团队协作,WEB/移动端/平板原型,线框图,视觉稿等。
在这里插入图片描述

在这里插入图片描述

3.5 墨刀

https://modao.cc/
墨刀是创意软件A股上市公司万兴科技旗下的在线一体化产品设计协作平台,支持原型设计、团队协作、海量素材和高效企业。墨刀帮助你快速完成产品设计,提升工作效率.
在这里插入图片描述

在这里插入图片描述

3.5 蓝湖

https://lanhuapp.com/
蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。 蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系等。依托于在Sketch/Photoshop/Adobe XD平台的设计。
在这里插入图片描述
在这里插入图片描述

3.6 Pixso

https://pixso.cn/
Pixso具备一站式原型、设计、交付能力,是新一代在线原型设计协作工具.
无需在工具之间切换,需求梳理、UI设计、原型设计、收集反馈、原型交付一个工具全搞定
在这里插入图片描述
在这里插入图片描述

结语

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/188355.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

原生JS实现计算器(内含源码)

前言 本文讲解了JavaScript如何在一小时内实现一个简易计算器,这里最大的亮点就在于,我在JS中只用了一个事件,就实现了计算器的效果和功能,那么好文本正式开始。 布局和样式流程 首先是HTMLCSS结构:这里主要用到的…

c语言-字符函数和字符串函数详解

文章目录 1. 字符分类函数2. 字符转换函数3. strlen的使用和模拟实现4. strcpy的使用和模拟实现5. strncpy函数的使用6. strcat的使用和模拟实现7. strncat函数的使用8. strcmp的使用和模拟实现9. strncmp函数的使用10. strstr的使用和模拟实现11. strtok函数的使用12. strerro…

CTA-GAN:基于生成对抗性网络的主动脉和颈动脉非集中CT血管造影 CT到增强CT的合成技术

Generative Adversarial Network–based Noncontrast CT Angiography for Aorta and Carotid Arteries 基于生成对抗性网络的主动脉和颈动脉非集中CT血管造影背景贡献实验方法损失函数Thinking 基于生成对抗性网络的主动脉和颈动脉非集中CT血管造影 https://github.com/ying-f…

4-20mA高精度采集方案

下载链接!https://mp.weixin.qq.com/s?__bizMzU2OTc4ODA4OA&mid2247557466&idx1&snb5a323285c2629a41d2a896764db27eb&chksmfcfaf28dcb8d7b9bb6211030d9bda53db63ab51f765b4165d9fa630e54301f0406efdabff0fb&token976581939&langzh_CN#rd …

kafka精准一次、事务、幂等性

Kafka事务 消息中间件的消息保障的3个级别 At most once 至多一次。数据丢失。At last once 至少一次。数据冗余Exactly one 精准一次。好!!! 如何区分只要盯准提交位移、消费消息这两个动作的时机就可以了。 当:先消费消息、…

计算机中由于找不到vcruntime140.dll无法继续执行代码无法打开软件怎么解决分享

关于如何解决vcruntime140.dll无法继续执行代码的6个教程。在这个科技日新月异的时代,电脑已经是我们日常和工作中必不可少的电子产品,然后我们在使用过程中经常会遇到不一样的问题,比如vcruntime140.dll文件丢失,那么vcruntime14…

selenium的基础语法

📑打牌 : da pai ge的个人主页 🌤️个人专栏 : da pai ge的博客专栏 ☁️山水速疾来去易,襄樊镇固永难开 ☁️定位页面的元素 参数:抽象类By里…

实验题【网关设置+VRRP+OSPF】(H3C模拟器)

嘿,这里是目录! ⭐ H3C模拟器资源链接1. 实验示意图2. 要求和考核目标3. 当前配置3.1 PC1、PC2、PC3、PC4和PC5配置3.2 SW配置3.2.1 SW2配置3.2.2 SW3配置3.2.3 SW4配置3.2.4 SW1配置 3.2. R配置3.2.1 R1配置3.2.2 R2配置 ⭐ H3C模拟器资源链接 H3C网络…

Cesium-terrain-builder编译入坑详解

本以为编译cesium-terrian-tools编译应该没那么难,不想问题重重,不想后人重蹈覆辙,也记录下点点滴滴。 目前网上存在的cesium代码版本主要有两个分支: 原始网站【不能生成layer文件,且经久不更新,使用gdal…

计算机应用基础_错题集_PPT演示文稿_操作题_计算机多媒体技术操作题_文字处理操作题---网络教育统考工作笔记007

PPT演示文稿操作题 提示:PPT部分操作题 将第2~第4张幻灯片背景效果设为渐变预置的“雨后初晴”效果(2)设置幻灯片放映方式

【小沐学写作】免费在线AI辅助写作汇总

文章目录 1、简介2、文涌Effidit(腾讯)2.1 工具简介2.2 工具功能2.3 工具体验 3、PPT小助手(officeplus)3.1 工具简介3.2 使用费用3.3 工具体验 4、DeepL Write(仅英文)4.1 工具简介4.2 工具体验 5、天工AI…

【负载均衡】这些内容你需要知道下

😄作者简介: 小曾同学.com,一个致力于测试开发的博主⛽️,主要职责:测试开发、CI/CD 如果文章知识点有错误的地方,还请大家指正,让我们一起学习,一起进步。 😊 座右铭:不…

Golang并发模型:Goroutine 与 Channel 初探

文章目录 goroutinegoexit() channel缓冲closerangeselect goroutine goroutine 是 Go 语言中的一种轻量级线程(lightweight thread),由 Go 运行时环境管理。与传统的线程相比,goroutine 的创建和销毁的开销很小,可以…

Python基于jieba+wordcloud实现文本分词、词频统计、条形图绘制及不同主题的词云图绘制

目录 序言:第三方库及所需材料函数模块介绍分词词频统计条形图绘制词云绘制主函数 效果预览全部代码 序言:第三方库及所需材料 编程语言:Python3.9。 编程环境:Anaconda3,Spyder5。 使用到的主要第三方库:…

【Leetcode】【实现循环队列】【数据结构】

代码实现: typedef struct {int front;int back;int k;int* a;} MyCircularQueue;bool myCircularQueueIsEmpty(MyCircularQueue* obj) {return obj->frontobj->back; }bool myCircularQueueIsFull(MyCircularQueue* obj) {return (obj->back1)%(obj->…

位图和布隆过滤器

目录 一. 位图 1.题目: 给40亿个不重复的无符号整数,没排过序。给一个无符号整数,如何快速判断一个数是否在这40亿个数中? 2.解析题目: 3.位图 4.代码以及测试 5.其他题目 二.布隆过滤器 1.介绍 2.实现 …

Vue服务端渲染——同构渲染

Vue.js 可以用于构建客户端应用程序,组件的代码在浏览器中运行,并输出 DOM 元素。同时,Vue.js 还可以在 Node.js 环境中运行,它可以将同样的组件渲染为字符串并发送给浏览器。这实际上描述了 Vue.js 的两种渲染方式,即…

【云原生】什么是 Kubernetes ?

什么是 Kubernetes ? Kubernetes 是一个开源容器编排平台,管理着一系列的 主机 或者 服务器,它们被称作是 节点(Node)。 每一个节点运行了若干个相互独立的 Pod。 Pod 是 Kubernetes 中可以部署的 最小执行单元&#x…

电脑技巧:U盘运用小技巧,提升U盘运用寿命

目录 1、注意清洁,防止污染 2、别随意插拔 3、文件多时分段写入 4、U盘传输数据中切记拔掉U盘 5、建议不要长期将U盘插在电脑上 6、杜绝别频繁将U盘格式化 7、U盘中毒怎么办 U盘是大家日常办公经常用得到的便携式文件储存工具,因为其小巧便携、方…

5.3每日一题(不确定正负号的级数敛散性:和一个正项级数比较判定)

比较判别法和比较判别法的极限形式是对正项级数而言的&#xff0c;若一个级数和p级数比较&#xff0c;结果>0&#xff0c;则同敛散&#xff1b;若结果<0&#xff0c;则结果乘以-1 结果又同敛散了&#xff1b;所以只要比值不等于0&#xff0c;则同敛散&#xff1b; 所以当…
最新文章