通俗易懂的入门 Axure RP文章 ,速学

目录

1. Axure RP简介?

2. Axure RP基本操作

(1)入门理解

(2)插入形状

 (3)位置对齐、

(4)资源库

3. Axure RP基本交互

(1)切换不同的页面


1. Axure RP简介?

Axure RP广泛应用于网页应用、移动应用和桌面软件的产品设计中,它帮助团队降低沟通成本,提高产品设计效率,是产品设计和开发流程中不可或缺的工具之一。使用Axure RP,可以在产品真正投入开发之前,对设计进行反复的测试和优化,从而减少开发过程中的返工和资源浪费。

以下是Axure RP的一些主要特点:

  • 原型快速搭建:Axure RP提供了一系列的控件和元件,用户可以通过拖放的方式快速搭建出产品界面。

  • 交互设计:用户可以为原型添加丰富的交互效果,如点击、滚动、鼠标悬停等,使得原型更加接近最终产品的使用体验。

  • 注释和说明:可以在原型上添加注释,说明设计意图或功能需求,便于团队成员之间的沟通。

  • 团队协作:Axure RP支持团队协作,多个团队成员可以同时在一个项目上工作,提高了工作效率。

  • 生成可点击的HTML原型:设计完成后,可以生成HTML原型,这样无需安装任何软件,团队成员和客户就可以在浏览器中查看和体验产品原型。

  • 丰富的元件库:Axure RP拥有丰富的内置元件库,同时支持用户自定义元件库,以适应不同的设计需求。

  • 变量与条件逻辑:通过设置变量和使用条件逻辑,可以创建更加复杂和动态的交互效果。

所以,现在当有人问你会使用RP,你应该会想到Axure RP,当然原型设计不单单只有这个软件可以实现,你可以根据个人的喜好,选择合适的原型设计工具,接下来,跟着我,走进Axure RP这款原型设计软件的世界! 

2. Axure RP基本操作

(1)入门理解

首先要懂Axure RP的界面的基本操作

说明:

复制、粘贴、删除,可以使用平时我们使用的键盘快捷键,分别是ctrl + c、ctrl + v 、ctrl + x

 选择模式分为:selection 和 mode,selection:当我们鼠标的范围选中元件任意面积,即选中了当前元件;mode:当我们鼠标的范围完全覆盖当前元件的所有面积,才选中了当前元件。

在插入里面:可以插入我们常用的形状,划线,以及文本等

在左侧栏可以创建文件夹,用于管理不同的Page;你可以理解每一个Page,制作一个页面;通过按键F2可以快速重命名

(2)插入形状

随便插入一个形状后,发现point、Front、Back、Group都亮了

 说明:

point相当于修改形状的点,控制该形状点,如下图所示:

 当我使用point修改成这样后,会发现:

这说明point能够调整形状点的位置

 Group是加入组,它的右边是Ungroup,只有先加入组(Group),才能退出组(Ungroup):

你观察左边栏的OUTLINE,这里是可以查看当前选择的物体,当你点击Group时,它会创建一个Group ,当然你可以按Ungroup退出组

Front和Back,中文翻译是在前面和在后面的意思,这就意味着它需要在谁的前面,还是谁的后面才使用Front和Back,而这两个按钮需要两个以及两个以上的物体相较在一起,这样才能体现效果:

这样我们再添加一个物体,同时给它们两都添加了颜色,可以通过点击物体,然后再右侧的STYLE样式这栏,选择物体需要填充的颜色,以及物体边框所呈现的颜色。为了方便区分,我给不同的两个物体,都赋予不同的颜色。

现在将两个物体放在一起,如下图所示:

 

这时候选中红色物体,点击Back,可以先它会跑到青色物体的后面,这样红色就被挡住啦!

如果想让红色物体,在青色物体面前,只需要按Front 即可,如下图所示:

所以,你现在可以理解Front和Back的使用方式了吧,建议你使用三个物体都相交在一起尝试使用一下,或许你会明白的更加深刻!

 (3)位置对齐、

接下来讲解上方的位置对齐;

同时选中两个物体,可以发现有Left、Center、Right、Top、Bottom、Middle

说明:Left、Right、Center是针对竖轴方向,Top、Middle、Bottom是针对横轴方向

Left: 两个物体竖轴移动,左边对齐

 Center: 两个物体竖轴移动,中间对齐Right: 两个物体竖轴移动,右边对齐

Top: 两个物体横轴移动,顶部对齐

 Middle: 两个物体横轴移动,中间对齐 

 

  Bottom: 两个物体横轴移动,底部对齐 

(4)资源库

左下方的LIBRARIES,相当于Axure RP的资源库,在这里可以选常用的按钮,表格,输入框,图标等,这样方便我们高效的制作更多优美的UI效果。

 

3. Axure RP基本交互

(1)切换不同的页面

我这里就实现两个页面之间的切换效果:

既然要实现切换不同的页面,那么起码要准备两个页面才行,所以首先创建两个页面,分别为Page1、Page2;为了方便区分,我给了两个页面分别取了不同的内容:

Page1页面:

Page2页面:

 

 在Page1,选中需要触发交互效果的物体,给它添加新的交互。

选择点击触发

 选择打开链接的触发效果:

 这里希望点击该物体能跳转Page2页面,所以选择Page2,记得点击OK确认

添加交互效果 后,需要点击Preview进行预览才能查看交互效果

打开预览效果的页面后,当你点击下面的物体时就会跳转到Page2的页面

同理,你也可以给Page2页面的物体,也添加跳转页面的交互效果

这样,以上就是对Axure RP的基本介绍,学会以上这些足够你上手Axure RP这款软件,如果你想成为一名优秀的UI原型设计师,需要更加深入的学习。

最后为了检验大家学习效果,给大家布置一个UI设计的题,实现3个页面直接的跳转,A可以通过按钮去到或C,B可以通过按钮去到A或C,C可以通过按钮去到A或B。

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

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

相关文章

Linux命令进阶

grep 从文件中搜索字符串 grep "字符串" 文件 参数: -n 显示行号 -R 递归及子目录例如 grep "hello" log.c grep "main" * -nRfind 在指定路径下搜索文件 find 路径 -name 文件名find /home/linux -name hello.c //在/home/linux…

Win10 安装 Redis 数据库

一、Redis 数据库介绍 Redis 是一个开源的高性能键值对(key-value)的非关系型数据库。它通常用作数据结构服务器,支持多种类型的数据结构,如字符串(strings)、哈希(hashes)、列表&a…

【大事件】国产软件出头,Web版数据库管理工具

SQLynx在今年口碑大火,成为数据库管理工具市场的一匹黑马。那么,SQLynx究竟如何?它究竟有哪些引人注目的优点呢? 首先,SQLynx完全免费,这无疑为众多用户带来了福音。在这个追求性价比的时代,谁…

【MySQL基础刷题】总结题型(二)

最多10题,再多不消化了 1.至少有5名直接下属的经理2.销售员3.订单最多的客户4.计算布尔表达式的值5.查询球队积分6.苹果和桔子7.两人之间的通话次数8.确认率9.各赛事的用户注册率 1.至少有5名直接下属的经理 注意左连接的使用 select e1.name from Employee e1 lef…

低代码框架参考

企业管理信息系统作为一类重要的应用软件系统,具有自己的特点,主要有两个方面: 1. 系统规模大,目前市场上常见的ERP系统一般都有几千个页面。 2. 页面逻辑相似性强。经过比较可以发现,大部分页面具有类似的功能&…

见证 RTE 的新篇章丨 RTE 年度场景 Showcase 暨第四届 RTE 创新大赛开幕

人工智能技术的快速发展,推动 RTE 行业持续进化,让实时互动场景变得更丰富、更有趣、更高效。2024 年 10 月 25 日 -26 日,由声网和 RTE 开发者社区联合主办的  RTE2024 第十届实时互联网大会 将在北京悠唐皇冠假日酒店正式开启&#xff0c…

精选优质不收费数据恢复软件全解析

数据已经成为了我们生活和工作中无比珍贵的资产。然而我们在使用中总会因为各种意外导致数据丢失。今天,我们就来深入了解一些优秀的不收费的数据恢复软件,看看他们如果帮我们力挽狂澜。 1.福晰数据恢复 链接直达:https://www.pdf365.cn/fo…

Java常见集合一条龙讲解版(结合底层原理以及面试题)

Java集合大体上可以分为俩类,一类是单列集合(Collection),另一类是双列集合(Map)。 其中单列集合还包括俩种集合,一类是List,另一类是Set。 在Java中对于这些位级比较高的都会封装…

No.16 笔记 | SSRF(服务器端请求伪造)基础

一、SSRF基础知识 1.1 什么是SSRF? 🔍 SSRF是"Server-Side Request Forgery"的缩写,中文意思是"服务器端请求伪造"。 🎭 简单来说:攻击者让服务器去访问它不应该访问的地方。 1.2 SSRF的基本模…

【Spring】Spring实现加法计算器和用户登录

加法计算器 准备工作 创建 SpringBoot 项目&#xff1a;引入 Spring Web 依赖&#xff0c;把前端的页面放入项目中 **<!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport"…

2024国际潜水小姐大赛中国区总决赛盛典在广州举行,吉林选手张潇文获冠军!

传承“以美之名&#xff0c;保护海洋”的精神&#xff0c;2024年10月15日晚&#xff0c;2024国际潜水小姐大赛中国区总决赛盛典在广州渔民新村隆重举行&#xff01;来自全国多个城市&#xff0c;经过层层选拔产生的20位佳丽齐聚广州&#xff0c;以独特的女性水下之美和健康美&a…

ubuntu18.04系统中图形化界面

一、Ubuntu 18.04 中&#xff0c;使用 GDM 作为默认的图形用户界面&#xff08;GUI&#xff09;管理器。GDM 是 GNOME Display Manager 的缩写&#xff0c;它是用于 Ubuntu 的显示管理器&#xff0c;负责处理登录和会话管理。 通过命令行重启 Ubuntu 18.04 上的图形界面服务&am…

Windows系统快捷键(自用)

Microsoft Windows 的键盘快捷方式 未标记&#xff1a;表示已掌握&#xff0c;少数&#xff08;不常用&#xff09;作为笔记 红色标记&#xff1a;表示尚需掌握 黄色标记&#xff1a;表示第一序列 系统快捷键 Esc&#xff1a;停止或离开当前任务 F2&#xff1a;重命名选中的文…

若依框架篇-若依框架搭建具体过程、后端源代码分析、功能详解(权限控制、数据字典、定时任务、代码生成、表单构建、接口测试)

&#x1f525;博客主页&#xff1a; 【小扳_-CSDN博客】 ❤感谢大家点赞&#x1f44d;收藏⭐评论✍ 文章目录 1.0 若依框架概述 1.1 若依构建 1.2 后端项目搭建 1.3 前端项目搭建 2.0 利用若依框架生成前后端代码案例 3.0 功能详解 3.1 功能详解 - 权限控制 3.1.1 使用权限控制…

ORM框架简介

什么是ORM&#xff1f; ORM&#xff08;Object-Relational Mapping&#xff0c;对象关系映射&#xff09;是一种编程技术&#xff0c;用于在关系数据库和对象程序语言之间转换数据。ORM框架允许开发者以面向对象的方式来操作数据库&#xff0c;而不需要编写复杂的SQL语句。简单…

计算机网络 tcp和udp

目录 一、TCP 建立连接-TCP 三次握手 1&#xff09; 什么是半连接队列和全连接队列&#xff1f; 2&#xff09; 为什么要三次握手? 3&#xff09; 三次握手过程中可以携带数据吗&#xff1f; 断开连接-TCP 四次挥手 1&#xff09; 为什么要四次挥手&#xff1f; 2&…

美洽入选中国信通院《2024高质量数字化转型产品及服务全景图》AI 版块

近日&#xff0c;2024大模型数字生态发展大会在北京举办&#xff0c;中国信息通信研究院发布了《高质量数字化转型产品及服务全景图&#xff08;2024&#xff09;》。美洽凭借“AI客服平台”产品入选人工智能、AI大模型、客户服务三大板块。 中国信息通信研究院是工业和信息化部…

超全!一文详解大型语言模型的11种微调方法

导读&#xff1a;大型预训练模型是一种在大规模语料库上预先训练的深度学习模型&#xff0c;它们可以通过在大量无标注数据上进行训练来学习通用语言表示&#xff0c;并在各种下游任务中进行微调和迁移。随着模型参数规模的扩大&#xff0c;微调和推理阶段的资源消耗也在增加。…

基于springboot实习管理系统

作者&#xff1a;计算机学长阿伟 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、ElementUI等&#xff0c;“文末源码”。 系统展示 【2024最新】基于JavaSpringBootVueMySQL的&#xff0c;前后端分离。 开发语言&#xff1a;Java数据库&#xff1a;MySQL技术&#xff1a;…

编译原理——扫描器设计与实现

改进了一下&#xff0c;加入了能够输出错误提示&#xff08;注意&#xff1a;我们是用char接收的&#xff0c;但是遇到中文的时候因为码值的原因&#xff0c;一个中文字占三个char所以按照我们判断流程会输出三个错误提示&#xff0c;你们要是见意的话可以自行修改&#xff09;…