Axure RP9 赶鸭子上架级入门指南

2024-04-30 07:58

本文主要是介绍Axure RP9 赶鸭子上架级入门指南,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近临时客串了一把产品经理,需要画几个页面的原型图,因为之前用过一次Axure,就继续勇敢的尝试了这个神器。本文是对Axure使用的一些感受及使用笔记。

在此郑重声明:此文来自非专业人士,仅适用于赶鸭子上架级别选手!!

本文主要涉及以下几个功能:

  • 元件库
  • 交互方式
  • 动态面板
  • 母版
  • 组合

这几个功能组合在一起,可以发挥出无穷的力量

PS:最好养成给元件、组合、动态面板等起名字的习惯,这样后续需要多元件组合使用时也好找
PPS:最好每操作一步都 ctrl S一下,然后阶段性备份一下。

一、元件库

元件库是个人感觉Axure对于新手来讲最最最好用的东西,它让我们找到了巨人,并且成功的爬上了巨人的肩膀。

做页面之前花点功夫找一些成熟的元件库(如下图),然后就可以愉快的拖拽了。至于元件库网上有很多资源,也可以某宝买(我就是某宝上买的,省时间),当然如果有需要的也可点赞留言我发你一份(滑稽)
后台模板元件库

可以单独建立一个页面作为试验,然后将需要的组件复制到正式的页面即可。如果在正式页面上测试组件,可能会误操作。

二、交互方式

交互方式主要是页面操作的反馈,比如在A页面上点击一个按钮跳转到B页面。

页面之间的逻辑主要通过交互功能实现,交互功能如下图所示,包含页面单机、鼠标移动等操作
交互方式

小技巧:添加的交互方式,是可以复制的,所有如果别的页面有相同交互的,可以直接将已经做好的复制粘贴即可。 比如 取消 按钮和提交按钮都需要页面跳转到列表页,取消按钮的交互添加完后,直接复制。然后选中提交按钮,粘贴即可。

三、动态面板

动态面板在Axure的Default元件库中,直接拖到页面中,调整大小后,双击就可以进入到动态面板页面进行各种布局

动态面板我用的最多的功能是modal框,比如点击“新增”按钮时,可以弹出一个modal框。具体操作步骤:

  1. 在需要弹窗的页面上拖一个“动态面板”元件
    image.png

  2. 给元件起一个名字,比如“新增设备”, 起名是为了后续使用时方便

  3. 调整大小,然后双击“动态面板”,进入动态面板的编辑页面,做一个你想要的弹窗效果页面
    image.png

  4. 退出编辑状态,右键,选择 将页面隐藏
    设为隐藏
    隐藏后效果

  5. 选中“新增”按钮,新增“交互操作”, 鼠标单击时,设置面板状态。 选择刚才命名为 “新增设备”的动态面板。此处一定要勾选 “隐藏时显示”
    image.png

image.png

image.png

四、母版

母版在我有限的使用时间中,感觉是一个神器。母版的作用主要有两点

  • 将一些多次使用的页面组件,比如建好的Table表格、时间组件等,转为母版,下次使用时直接拖进去,然后脱离母版后,就可以简单修改适配新的页面,极大的减少工作量。
  • 一处修改多次更新。像侧边导航栏,每个页面都会用到,而且操作布局也是一样的, 这时就可以转为母版,以后只需要修改母版就可以更新到所有的页面上,不用每个页面都去修改。

母版示例

母版常用的两个功能

母版的转换很简单,做完后,右键菜单中包含,如下图
image.png

五、组合

组合很简单,就是将一些你需要同时进行拖拉拽操作的组件组合在一起,这样你就可以将整个组合随意拖动,而不用一个个的元素拖动再排版。

操作也很简单,选中你要组合的元素后,右键菜单中选择组合即可(也可解除组合)

组合

组合完后,记得给组合起个名字,这样配合“交互”功能时,可以直接通过名字来对应。

这篇关于Axure RP9 赶鸭子上架级入门指南的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


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

相关文章

从基础到进阶详解Pandas时间数据处理指南

《从基础到进阶详解Pandas时间数据处理指南》Pandas构建了完整的时间数据处理生态,核心由四个基础类构成,Timestamp,DatetimeIndex,Period和Timedelta,下面我... 目录1. 时间数据类型与基础操作1.1 核心时间对象体系1.2 时间数据生成技巧2. 时间索引与数据

Java SWT库详解与安装指南(最新推荐)

《JavaSWT库详解与安装指南(最新推荐)》:本文主要介绍JavaSWT库详解与安装指南,在本章中,我们介绍了如何下载、安装SWTJAR包,并详述了在Eclipse以及命令行环境中配置Java... 目录1. Java SWT类库概述2. SWT与AWT和Swing的区别2.1 历史背景与设计理念2.1.

Redis过期删除机制与内存淘汰策略的解析指南

《Redis过期删除机制与内存淘汰策略的解析指南》在使用Redis构建缓存系统时,很多开发者只设置了EXPIRE但却忽略了背后Redis的过期删除机制与内存淘汰策略,下面小编就来和大家详细介绍一下... 目录1、简述2、Redis http://www.chinasem.cn的过期删除策略(Key Expir

SpringBoot整合Apache Flink的详细指南

《SpringBoot整合ApacheFlink的详细指南》这篇文章主要为大家详细介绍了SpringBoot整合ApacheFlink的详细过程,涵盖环境准备,依赖配置,代码实现及运行步骤,感兴趣的... 目录1. 背景与目标2. 环境准备2.1 开发工具2.2 技术版本3. 创建 Spring Boot

Python远程控制MySQL的完整指南

《Python远程控制MySQL的完整指南》MySQL是最流行的关系型数据库之一,Python通过多种方式可以与MySQL进行交互,下面小编就为大家详细介绍一下Python操作MySQL的常用方法和最... 目录1. 准备工作2. 连接mysql数据库使用mysql-connector使用PyMySQL3.

Linux中修改Apache HTTP Server(httpd)默认端口的完整指南

《Linux中修改ApacheHTTPServer(httpd)默认端口的完整指南》ApacheHTTPServer(简称httpd)是Linux系统中最常用的Web服务器之一,本文将详细介绍如何... 目录一、修改 httpd 默认端口的步骤1. 查找 httpd 配置文件路径2. 编辑配置文件3. 保存

Python中文件读取操作漏洞深度解析与防护指南

《Python中文件读取操作漏洞深度解析与防护指南》在Web应用开发中,文件操作是最基础也最危险的功能之一,这篇文章将全面剖析Python环境中常见的文件读取漏洞类型,成因及防护方案,感兴趣的小伙伴可... 目录引言一、静态资源处理中的路径穿越漏洞1.1 典型漏洞场景1.2 os.path.join()的陷

Python数据分析与可视化的全面指南(从数据清洗到图表呈现)

《Python数据分析与可视化的全面指南(从数据清洗到图表呈现)》Python是数据分析与可视化领域中最受欢迎的编程语言之一,凭借其丰富的库和工具,Python能够帮助我们快速处理、分析数据并生成高质... 目录一、数据采集与初步探索二、数据清洗的七种武器1. 缺失值处理策略2. 异常值检测与修正3. 数据

Python中OpenCV与Matplotlib的图像操作入门指南

《Python中OpenCV与Matplotlib的图像操作入门指南》:本文主要介绍Python中OpenCV与Matplotlib的图像操作指南,本文通过实例代码给大家介绍的非常详细,对大家的学... 目录一、环境准备二、图像的基本操作1. 图像读取、显示与保存 使用OpenCV操作2. 像素级操作3.

Redis指南及6.2.x版本安装过程

《Redis指南及6.2.x版本安装过程》Redis是完全开源免费的,遵守BSD协议,是一个高性能(NOSQL)的key-value数据库,Redis是一个开源的使用ANSIC语言编写、支持网络、... 目录概述Redis特点Redis应用场景缓存缓存分布式会话分布式锁社交网络最新列表Redis各版本介绍旧