产品必会的6个Axure使用技巧(高阶)

news2024/9/23 9:31:42

1. 事件也可以复制/剪切/粘贴

只需要选中事件,复制/剪切,再选择其它事件,即可粘贴到这个事件上。同时支持跨页面的复制粘贴。

产品必会的Axure使用技巧(第二弹-附下载)

2. Axure支持复制粘贴Excel里的表格

具体操作

在excel里复制具体内容,如下图:

产品必会的Axure使用技巧(第二弹-附下载)

进入axure,Ctrl+V,粘贴后,会出现提示,如下图:

产品必会的Axure使用技巧(第二弹-附下载)

点击“是”,粘贴成可编辑的表格,如下图:

产品必会的Axure使用技巧(第二弹-附下载)

由于文字过多,出现折行、重叠现象。不要着急,将鼠标放在表格的周边的小方格上(如下图),鼠标变成扩展样式后,随便拖动一下,表格就会自动调整为合适的表格大小。

产品必会的Axure使用技巧(第二弹-附下载)

自动调整效果如下图:

产品必会的Axure使用技巧(第二弹-附下载)

注意:目前axure里的表格仅支持文字复制,还不支持样式复制。如果强调表格的样式,可以将表格粘贴成图片。

3. 如果想实现灰底,达到突出弹窗的目的

如下图效果:

产品必会的Axure使用技巧(第二弹-附下载)

有两种方式:

  1. 加个灰底样式元件,与弹窗一起显示。多个元件会影响效率,不推荐。
  2. 使用“灯箱效果”。

具体操作:在设置显示时,更多选项选择“灯箱效果”,背景色选择黑色,不透明度设置成50%。在设置显示时,推荐勾选“置于顶层”。

产品必会的Axure使用技巧(第二弹-附下载)

4. 对于Axure8,如何实现“伪黑暗模式”

Axure9已经实现黑暗模式,喜欢这种模式的同学可以体验一下。

具体操作

点击:项目-页面样式编辑,进入到页面样式编辑模式。

产品必会的Axure使用技巧(第二弹-附下载)

选择背景颜色,将背景颜色设成黑色/灰色,点击确定即可,我一般设成色号:333333。(刚毕业找工作时,某大厂产品面试官告诉我,我的简历并不符合要求,但他还是要面试一下我,因为他也有将页面背景设置成黑色的习惯,哈哈哈。)

产品必会的Axure使用技巧(第二弹-附下载)

5. 快速返回上一页

如果你在画原型时,涉及到页面间的跳转,想直接返回上一页,具体操作:进入用例编辑页面,点击“打开链接”,选择下方的“返回上一页”就可以了。

产品必会的Axure使用技巧(第二弹-附下载)

6. 热区的使用

热区的好处:你可以对它添加各种事件,预览时还看不到它。

6.1 帮助多个元件实现相同效果

如弹窗,你可以点击“取消”关闭弹窗,也可以点击“X”关闭弹窗。可以使用热区,一个热区设置成关闭弹窗事件,接着复制这个热区、分别放在对应的元件上,预览时都能达到关闭弹窗效果。

产品必会的Axure使用技巧(第二弹-附下载)

6.2 用热区规范间距

因为热区演示时不可见,所以画原型时可以用热区规范间距。Antdesign规定的间距为8px的倍数,如8px、16px、32px、64px等,具体的间距可以根据自己或者团队的规范来设计。

产品必会的Axure使用技巧(第二弹-附下载)

6.3 在页面底部添加热区,预览时与页面底部一定距离,可以提高浏览时的易读性

产品必会的Axure使用技巧(第二弹-附下载)

放了个热区后:

产品必会的Axure使用技巧(第二弹-附下载)

总结

Axure是产品经理的利器,目前我的使用总结里,还没有难度相对较大的函数和中继器等内容,仅仅是围绕简单易学的小技巧。关于函数变量、中继器那部分,我之后会尽量通过简单化的形式总结出来。

在原型设计中,一定不要陷入“抠细节”的怪圈里,否则会极大的消耗时间。原型的作用就是准确地表达出产品的需求,让各方通过原型来快速了解产品的功能。我们绝不能为了高保真而做高保真,梳理出产品的逻辑,深入理解产品业务才是最重要的。

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

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

相关文章

ConcurrentHashMap 为什么不能插入 null?

1、典型回答 简单来说,ConcurrentHashMap 不允许插入 null 值是JDK 源码规定的,如下源码所示(此源码基于JDK 1.8): 从上述源码可以看出,在添加方法的第一句就加了判断:如果 key 值为 null 或者是 value 值为 null&…

Java 世界破破烂烂,电音小猫缝缝补补

Java 世界破破烂烂,电音小猫缝缝补补 Java 通用代码生成器光 2.4.0 电音之王尝鲜版六正在研发,昨天发布了介绍视频,请见: https://www.bilibili.com/video/BV1yD421j7UP/ 电音之王尝鲜版六支持哑数据模式,支持枚举。…

VMware workstation的安装

VMware workstation安装: 1.双击VMware-workstation-full-9.0.0-812388.exe 2.点击next进行安装 选择安装方式 Typical:典型安装 Custom:自定义安装 选择程序安装位置 点击change选择程序安装位置,然后点击next 选择是否自动…

安泰ATA-7050高压放大器在静电纺丝研究中的应用

20世纪末以来,纳米技术的概念逐渐家喻户晓。目前,纳米材料已经越来越广泛地运用于人们的生活和工作中。到目前为止,以为纳米结构材料的研究发展迅速,并已经实现了在纳米电子器件、光学器件、传感器及生物医药运用中。 以为纳米结构…

AWTK 开源串口屏开发(13) - 计算器应用

1. 功能 计算器是一个很常见的应用,比如在电子秤中,可能就需要这样一个应用。在计算器中会用到一些有意思的知识点,比如嵌入键盘,在数字输入或密码输入是也会用到。 这里我们实现一个简单的计算器,不需要编写代码&am…

小程序(H5)连接微信公众号

报错信息 配自定义菜单 微信公众号没有配“白名单” 配业务域名

【数据结构】模拟实现二叉搜索树

文章目录 1. 二叉搜索树的实现2. 二叉搜索树的应用3. 改造二叉搜索树为 KV 结构4. 二叉搜索树的性能分析 1. 二叉搜索树的实现 namespace key {template<class K>struct BSTreeNode{typedef BSTreeNode<K> Node;Node* _left;Node* _right;K _key;BSTreeNode(const…

基于单片机的智能电机保护器设计

摘 要 电动机大量使用在现在工业生产和我们的日常生活中。但在实际的使用过程中&#xff0c;电动由于各种各样的原因经常出现故障导致电机损坏。因此保证电动机的正常运行十分必要。随着电机保护技术的迅速发展&#xff0c;智能电机保护器应运而生。智能电机保护器在今后的生产…

【数据结构】串的模式匹配(KMP+朴素模式匹配)

2.串的模式匹配 什么是字符串的模式匹配&#xff1f; 在主串中找到与模式串相同的子串&#xff0c;并返回其所在位置。 模式串&#xff1a;要匹配的一串。注&#xff1a;子串是主串的一部分&#xff0c;一定在主串中存在&#xff0c;但模式串不一定在主串中找得到。 2.1 朴素模…

upload文件上传漏洞复现

什么是文件上传漏洞&#xff1a; 文件上传漏洞是指由于程序员在对用户文件上传部分的控制不足或者处理缺陷&#xff0c;而导致的用户可以越过其本身权限向服务器上上传可执行的动态脚本文件。这里上传的文件可以是木马&#xff0c;病毒&#xff0c;恶意脚本或者WebShell等。“…

uniapp-vue3 项目初始化集成配置【开箱即用】

地址 https://gitee.com/charrie/vue3-uniapp-init 部分截图展示 技术说明 采用vue3viteuniapp技术栈&#xff0c;setup语法糖编码方式使用完全免费的sard-uniapp组件库引入unocss量子化样式引擎&#xff0c;动态css不用自己写样式&#xff0c;引用class即可&#xff0c;降低…

计算机网络(6)-----传输层

目录 一.传输层 二.UDP协议 1.UDP的特点&#xff1a; 2.UDP的首部格式&#xff1a; 3.UDP校验的过程&#xff1a; 三.TCP协议 1.TCP协议的特点 2.TCP报文段首部格式 3.TCP的连接管理 &#xff08;1&#xff09;连接建立&#xff08;三次握手&#xff09; &#xff0…

Spring Web MVC入门(1)

什么是Spring Web MVC? 定义:Spring Web MVC是基于Servlet构建的原始Web框架,从一开始就包含在Spring框架中.它的正式名称"Spring Web MVC"来自其源模块的名称(Spring-webmvc),但是它通常被称为"Spring MVC". 什么是Servlet? Servlet是一种实现动态页面…

【C++】排序算法

目录 一、排序算法概述 二、初级排序算法 三、进阶排序算法 四、分治思想排序 五、哈希思想排序 六、分割思想排序 一、排序算法概述 在C语言中&#xff0c;通常需要手写排序算法实现对数组或链表的排序&#xff0c;但是在C中&#xff0c;标准库中的<algorithm>头…

【兔子机器人】实现从初始状态到站立

一、遥想星空up主的方法 由于我有卡位结构&#xff0c;无法做到劈腿&#xff0c;而且底盘也不一样&#xff0c;无法使用此方法 但是其代码思想是可以借鉴的。 参考视频&#xff1a; 【【开源啦&#xff01;】无刷轮腿平衡机器人】 【精准空降到 01:16】 https://www.bilibili…

C++类和对象一

#include <iostream> using namespace std;//设计一个学生类 class CStudent {public: //公有成员void InputData(){cout << "请输入学号";cin >> sno;cout << "请输入姓名";cin >> sname;cout << "请输入分…

RabbitMq踩坑记录

1、连接报错&#xff1a;Broker not available; cannot force queue declarations during start: java.io.IOException 2.1、原因&#xff1a;端口不对 2.2、解决方案&#xff1a; 检查你的连接配置&#xff0c;很可能是你的yml里面的端口配置的是15672&#xff0c;更改为5672即…

第110讲:Mycat实践指南:指定Hash算法分片下的水平分表详解

文章目录 1.应用指定Hash算法分片的概念2.使用应用指定Hash算法分片对某张表进行水平拆分2.1.在所有的分片节点中创建表结构2.2.配置Mycat实现应用指定Hash算法分片的水平分表2.2.1.配置Schema配置文件2.2.2.配置Rule分片规则配置文件2.2.3.配置Server配置文件2.2.4.重启Mycat …

交换机/路由器的存储介质-思科

交换机/路由器的存储介质-思科 本文主要介绍网络设备的存储介质组成。 RAM(random-accessmemory&#xff0c;随机访问存储器) RAM中内容断电丢失&#xff0c;主要用于运行操作系统、运行配置文件、IP 路由表:、ARP 缓存、数据包缓存区。 ROM(read-only memory&#xff0c;只…

多做【二叉搜索树】【数组转化为树】Leetcode 108. 将有序数组转换为二叉搜索树

【二叉搜索树】【数组转化为树】Leetcode 108. 将有序数组转换为二叉搜索树 解法1 递归 ---------------&#x1f388;&#x1f388; 108. 将有序数组转换为二叉搜索树 题目链接&#x1f388;&#x1f388;------------------- 解法1 递归 给你一个整数数组 nums &#xff0…