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

相关文章

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Retrieval-based-Voice-Conversion-WebUI模型构建指南

一、模型介绍 Retrieval-based-Voice-Conversion-WebUI(简称 RVC)模型是一个基于 VITS(Variational Inference with adversarial learning for end-to-end Text-to-Speech)的简单易用的语音转换框架。 具有以下特点 简单易用:RVC 模型通过简单易用的网页界面,使得用户无需深入了

数论入门整理(updating)

一、gcd lcm 基础中的基础,一般用来处理计算第一步什么的,分数化简之类。 LL gcd(LL a, LL b) { return b ? gcd(b, a % b) : a; } <pre name="code" class="cpp">LL lcm(LL a, LL b){LL c = gcd(a, b);return a / c * b;} 例题:

Java 创建图形用户界面(GUI)入门指南(Swing库 JFrame 类)概述

概述 基本概念 Java Swing 的架构 Java Swing 是一个为 Java 设计的 GUI 工具包,是 JAVA 基础类的一部分,基于 Java AWT 构建,提供了一系列轻量级、可定制的图形用户界面(GUI)组件。 与 AWT 相比,Swing 提供了许多比 AWT 更好的屏幕显示元素,更加灵活和可定制,具有更好的跨平台性能。 组件和容器 Java Swing 提供了许多

【IPV6从入门到起飞】5-1 IPV6+Home Assistant(搭建基本环境)

【IPV6从入门到起飞】5-1 IPV6+Home Assistant #搭建基本环境 1 背景2 docker下载 hass3 创建容器4 浏览器访问 hass5 手机APP远程访问hass6 更多玩法 1 背景 既然电脑可以IPV6入站,手机流量可以访问IPV6网络的服务,为什么不在电脑搭建Home Assistant(hass),来控制你的设备呢?@智能家居 @万物互联

poj 2104 and hdu 2665 划分树模板入门题

题意: 给一个数组n(1e5)个数,给一个范围(fr, to, k),求这个范围中第k大的数。 解析: 划分树入门。 bing神的模板。 坑爹的地方是把-l 看成了-1........ 一直re。 代码: poj 2104: #include <iostream>#include <cstdio>#include <cstdlib>#include <al

MySQL-CRUD入门1

文章目录 认识配置文件client节点mysql节点mysqld节点 数据的添加(Create)添加一行数据添加多行数据两种添加数据的效率对比 数据的查询(Retrieve)全列查询指定列查询查询中带有表达式关于字面量关于as重命名 临时表引入distinct去重order by 排序关于NULL 认识配置文件 在我们的MySQL服务安装好了之后, 会有一个配置文件, 也就

基于UE5和ROS2的激光雷达+深度RGBD相机小车的仿真指南(五):Blender锥桶建模

前言 本系列教程旨在使用UE5配置一个具备激光雷达+深度摄像机的仿真小车,并使用通过跨平台的方式进行ROS2和UE5仿真的通讯,达到小车自主导航的目的。本教程默认有ROS2导航及其gazebo仿真相关方面基础,Nav2相关的学习教程可以参考本人的其他博客Nav2代价地图实现和原理–Nav2源码解读之CostMap2D(上)-CSDN博客往期教程: 第一期:基于UE5和ROS2的激光雷达+深度RG

音视频入门基础:WAV专题(10)——FFmpeg源码中计算WAV音频文件每个packet的pts、dts的实现

一、引言 从文章《音视频入门基础:WAV专题(6)——通过FFprobe显示WAV音频文件每个数据包的信息》中我们可以知道,通过FFprobe命令可以打印WAV音频文件每个packet(也称为数据包或多媒体包)的信息,这些信息包含该packet的pts、dts: 打印出来的“pts”实际是AVPacket结构体中的成员变量pts,是以AVStream->time_base为单位的显

C语言指针入门 《C语言非常道》

C语言指针入门 《C语言非常道》 作为一个程序员,我接触 C 语言有十年了。有的朋友让我推荐 C 语言的参考书,我不敢乱推荐,尤其是国内作者写的书,往往七拼八凑,漏洞百出。 但是,李忠老师的《C语言非常道》值得一读。对了,李老师有个官网,网址是: 李忠老师官网 最棒的是,有配套的教学视频,可以试看。 试看点这里 接下来言归正传,讲解指针。以下内容很多都参考了李忠老师的《C语言非