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

相关文章

在C#中分离饼图的某个区域的操作指南

《在C#中分离饼图的某个区域的操作指南》在处理Excel饼图时,我们可能需要将饼图的各个部分分离出来,以使它们更加醒目,Spire.XLS提供了Series.DataFormat.Percent属性,... 目录引言如何设置饼图各分片之间分离宽度的代码示例:从整个饼图中分离单个分片的代码示例:引言在处理

Python列表的创建与删除的操作指南

《Python列表的创建与删除的操作指南》列表(list)是Python中最常用、最灵活的内置数据结构之一,它支持动态扩容、混合类型、嵌套结构,几乎无处不在,但你真的会创建和删除列表吗,本文给大家介绍... 目录一、前言二、列表的创建方式1. 字面量语法(最常用)2. 使用list()构造器3. 列表推导式

Python数据验证神器Pydantic库的使用和实践中的避坑指南

《Python数据验证神器Pydantic库的使用和实践中的避坑指南》Pydantic是一个用于数据验证和设置的库,可以显著简化API接口开发,文章通过一个实际案例,展示了Pydantic如何在生产环... 目录1️⃣ 崩溃时刻:当你的API接口又双叒崩了!2️⃣ 神兵天降:3行代码解决验证难题3️⃣ 深度

Python+FFmpeg实现视频自动化处理的完整指南

《Python+FFmpeg实现视频自动化处理的完整指南》本文总结了一套在Python中使用subprocess.run调用FFmpeg进行视频自动化处理的解决方案,涵盖了跨平台硬件加速、中间素材处理... 目录一、 跨平台硬件加速:统一接口设计1. 核心映射逻辑2. python 实现代码二、 中间素材处

Java 队列Queue从原理到实战指南

《Java队列Queue从原理到实战指南》本文介绍了Java中队列(Queue)的底层实现、常见方法及其区别,通过LinkedList和ArrayDeque的实现,以及循环队列的概念,展示了如何高效... 目录一、队列的认识队列的底层与集合框架常见的队列方法插入元素方法对比(add和offer)移除元素方法

Spring Boot基于 JWT 优化 Spring Security 无状态登录实战指南

《SpringBoot基于JWT优化SpringSecurity无状态登录实战指南》本文介绍如何使用JWT优化SpringSecurity实现无状态登录,提高接口安全性,并通过实际操作步骤... 目录Spring Boot 实战:基于 JWT 优化 Spring Security 无状态登录一、先搞懂:为什

Nginx概念、架构、配置与虚拟主机实战操作指南

《Nginx概念、架构、配置与虚拟主机实战操作指南》Nginx是一个高性能的HTTP服务器、反向代理服务器、负载均衡器和IMAP/POP3/SMTP代理服务器,它支持高并发连接,资源占用低,功能全面且... 目录Nginx 深度解析:概念、架构、配置与虚拟主机实战一、Nginx 的概念二、Nginx 的特点

SpringCloud Stream 快速入门实例教程

《SpringCloudStream快速入门实例教程》本文介绍了SpringCloudStream(SCS)组件在分布式系统中的作用,以及如何集成到SpringBoot项目中,通过SCS,可... 目录1.SCS 组件的出现的背景和作用2.SCS 集成srping Boot项目3.Yml 配置4.Sprin

C#实现插入与删除Word文档目录的完整指南

《C#实现插入与删除Word文档目录的完整指南》在日常的办公自动化或文档处理场景中,Word文档的目录扮演着至关重要的角色,本文将深入探讨如何利用强大的第三方库Spire.Docfor.NET,在C#... 目录Spire.Doc for .NET 库:Word 文档处理利器自动化生成:C# 插入 Word

Python列表去重的9种方法终极指南

《Python列表去重的9种方法终极指南》在Python开发中,列表去重是一个常见需求,尤其当需要保留元素原始顺序时,本文为大家详细介绍了Python列表去重的9种方法,感兴趣的小伙伴可以了解下... 目录第一章:python列表去重保持顺序方法概述使用字典去重(Python 3.7+)使用集合辅助遍历性能