【小沐学写作】原型设计工具汇总(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,意谓“最初的”,意义是形式或模型。在非技术类的文中,一个原型是给定种类的一个代表性例子。

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.mzph.cn/news/169940.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何通过ShardingJDBC进行读写分离

背景信息: 面对日益增加的系统访问量,数据库的吞吐量面临着巨大瓶颈。 对于同一时刻有大量并发读操作和较少写操作类型的应用系统来说,将数据库拆分为主库和从库。其中主库负责处理事务性的增删改操作,从库负责处理查询操作&#…

实验题【网关设置+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网络…

微服务学习|初识MQ、RabbitMQ快速入门、SpringAMQP

初识MQ 同步通讯和异步通讯 同步通讯是实时性质的,就好像你用手机与朋友打视频电话,但是,别人再想与你视频就不行了,异步通讯不要求实时性,就好像你用手机发短信,好多人都能同时给你发短信,你…

xadmin后台在每一行记录增加一个复制链接按钮

xadmin后台在每一行记录增加一个复制链接按钮 1、效果 点击复制后,自动把url链接复制到粘贴板,按Ctrl+v即可显示复制内容。 2、实现代码 adminx.py # 用户管理 class UserWhiteListAdmin(object):search_fields = [name, mobile] # 检索字段list_display

在家无聊想获取收益?这几种副业项目分享给你

总会有在家无聊的时候,特别是一些很“宅”的人。厌倦了一些娱乐方式后,想起生活经济上的压力,这时候就会想到要做些什么获取收益。 是的,不用出门,不用和别人面对面交流,时间自由可控,这就是在家…

Fedora 36 ARM 镜像源更换与软件安装

1、什么是Fedora Fedora Linux是较具知名度的Linux发行套件之一,由Fedora专案社群开发、红帽公司赞助,目标是建立一套新颖、多功能并且自由的作业系统。 Fedora是商业化的Red Hat Enterprise Linux发行版的上游原始码。 2、Fedora软件安装 64 位 .deb&a…

elementPlus之home页面布局

可以根据自己喜欢的格式选择 现在 header 部分 Aside 部分 Main部分 加上背景色以及命名 <template><div class="common-layout"><el-container><el-header class="homeHeader"><div class="headerTitle">Dev…

栈和队列的实现(详解+图解!文末附完整代码)

栈 栈的基本概念 栈是一种特殊的线性表&#xff0c;其只允许在固定的一端进行插入和删除元素操作。进行数据插入和删除操作的一称为栈顶&#xff0c;另一端称为栈底。栈中的数据元素遵守后进先出LIFO&#xff08;Last In First Out&#xff09;的原则。 压栈&#xff1a;栈的…

macos安装小软件 cmake

一&#xff0c;cmake下载主页 Download CMake 二&#xff0c;下载&#xff0c;解压&#xff0c;配置&#xff0c;编译&#xff0c;安装 0. 假设macos中已经存在了 clang和make工具 1. 通过网页下载最新的稳定版 cmake***.tar.gz 源代码 2. tar zxf cmake***.tar 3. cd cmake***…

iOS强引用引起的内存泄漏

项目中遇到一个问题&#xff1a; 1.在A页面的ViewDidLoad 方法里写了一个接收通知的方法&#xff0c;如下图&#xff1a; 然后在B页面发送通知 &#xff08;注&#xff1a;下图的NOTI 是 [NSNotificationCenter defaultCenter] 的宏&#xff0c; 考虑一下可能有小白看这篇文章…

道高一尺,魔高一丈!Python爬虫与反爬虫大战见此回分晓?

文章目录 前言一、重新理解爬虫中的一些概念二、反爬虫的目的三、爬虫与反爬虫大战关于Python及爬虫技术储备一、Python所有方向的学习路线二、Python基础学习视频三、精品Python学习书籍四、Python工具包项目源码合集①Python工具包②Python实战案例③Python小游戏源码五、面试…

【从浅识到熟知Linux】基本指定之zip、unzip和tar

&#x1f388;归属专栏&#xff1a;从浅学到熟知Linux &#x1f697;个人主页&#xff1a;Jammingpro &#x1f41f;每日一句&#xff1a;周五写博客更刺激了&#xff0c;想到明天可以晚起床半小时&#xff0c;瞬间精神抖擞。再写它10篇博客。 文章前言&#xff1a;本文介绍zip…

连接docker swarm和凌鲨

docker swarm相比k8s而言&#xff0c;部署和使用都要简单很多&#xff0c;比较适合中小研发团队。 通过连接docker swarm和凌鲨&#xff0c;可以让研发过程中的常用操作更加方便。 更新容器镜像调整部署规模查看日志运行命令 使用步骤 部署swarm proxy 你可以通过linksaas…

手撕AVL_二叉平衡树(图文并茂)

目录 前言 一 . AVL树的概念 二 . AVL树节点的定义 三 . AVL树的插入 1.插入节点 2.调节负载因子 四 . AVL树的旋转 1.左单旋 2.左右双旋 五 . AVL树性能分析 总结 前言 大家好,今天带大加手撕AVL树的插入 一 . AVL树的概念 二叉搜索树虽可以缩短查找的效率&#x…

2023年【安全员-C证】考试试卷及安全员-C证试题及解析

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全员-C证考试试卷是安全生产模拟考试一点通生成的&#xff0c;安全员-C证证模拟考试题库是根据安全员-C证最新版教材汇编出安全员-C证仿真模拟考试。2023年【安全员-C证】考试试卷及安全员-C证试题及解析 1、【多选…

鸿蒙(HarmonyOS)应用开发——生命周期、渲染控制、状态管理装饰器

生命周期 任何程序都是有一定的生命周期的。生命周期是记录从产生到销毁的过程&#xff1b;如果熟悉前端vue.js的话&#xff0c;就可以很好的理解生命周期。 自定义组件生命周期 ArkTS中&#xff0c;自定义组件提供了两个生命周期函数&#xff1a;aboutToAppear() 和aboutTo…

【数据集】全网最全的常见已公开医学影像数据集

目录 一&#xff0c;极市医学数据集汇总 1.CT 医学图像 ​编辑 2.恶性与良性皮肤癌 3.白内障数据集 4.胸部 X 光图像&#xff08;肺炎&#xff09; 5.用于图像增强的内窥镜真实合成曝光过度和曝光不足帧 6.医学家 7.乳房组织病理学图像 8.皮肤癌 MNIST&#xff1a;HA…

cephadm部署ceph quincy版本

环境说明 IP主机名角色 存储设备 192.168.2.100 master100 mon,mgr,osd,mds,rgw 大于5G的空设备192.168.2.101node101mon,mgr,osd,mds,rgw大于5G的空设备192.168.2.102node102mon,mgr,osd,mds,rgw大于5G的空设备 关闭防火墙 关闭并且禁用selinux 配置主机名/etc/hosts …

JAVA之异常详解

1. 异常的概念与体系结构 1.1 异常的概念 在Java中&#xff0c;将程序执行过程中发生的不正常行为称为异常 1. 算术异常 public class Test {public static void main(String[] args) {System.out.println(10/0);} } 因为 0 不能当被除数&#xff0c;所以报出了异常&#…

JSP宾馆预定管理系统数据库设计过程ER图

**Hi**&#xff0c;今天给大家带来一款使用JSP和Servlet开发的宾馆预定管理系统的论文写作指导。需要使用本项目写文档的童鞋可以好好看看文末附项目的效果查看地址哦~ 一、项目功能 具体的功能看下面这张表&#xff0c;表里面只是截取了主要功能来说的。 员工角色管理员角色员…