做为一个产品经理带你了解Axure元件

1. Axure元件简介

2.基本元件

2.1 矩形

 2.2 图片

2.3 占位符

2.4 按钮

2.5 标题

​编辑

2.6 水平线,垂直线

2.7 热区

 3.表单元件及表格元件简介

3.1 表单元件简介 

3.2 表格元件简介 

4.表单案例

4.1 登录界面的制作

4.2 个人简介的制作


1. Axure元件简介

Axure元件是Axure RP软件中的基本构建模块,用于创建交互式原型和规格。以下是Axure元件的一些简介:

  1. 形状元件:包括矩形、圆形等。这些形状元件可以用于创建各种界面元素,如按钮、选项卡等。
  2. 图片元件:用于插入和编辑图片。用户可以通过双击选择本地磁盘中的图片,将图片载入到编辑区。
  3. 文本元件:用于插入和编辑文本。用户可以在文本元件中输入文字内容,并对其进行格式化。
  4. 线段元件:包括水平线和垂直线,可以用于创建分割线、边框等。
  5. 容器元件:一种可以包含其他元件的元件,用于组织和布局界面元素。
  6. 动态面板:可以将其他类型的任意元件放入,进行相关操作,如滑动、旋转等。
  7. 内联框架:可以在舞台任意区域添加内联框架,在其内部可以加入音乐、视频等内容。

2.基本元件

2.1 矩形

矩形:可以用来当页面使用,然后在矩形里面插入一些其他元件

 

在矩形里面加入了图片,复选框,当选按钮

 2.2 图片

在元件中选择,把它拖到画布上面,然后双击就可以选择图片插入

 

2.3 占位符

  1. 在幻灯片中,占位符表现为一个虚框,虚框内部往往有“单击此处添加标题”之类的提示语,一旦鼠标点击之后,提示语会自动消失。在创建模板时,占位符能起到规划幻灯片结构的作用。
  2. 在文档排版方面,如果需要在版面的一个地方放置图片或其他东西,并且有多种选择而无法立即决定时,可以先放置一个图像占位符并设置好宽高,待以后决定好了再放入需要的图片。
  3. Axure中的占位符效果主要是用来模拟页面元素占位,以便在页面元素还没有完全开发好或者暂时无法提供内容时,可以先在页面上放置一个占位符,以保持页面的布局和设计完整性。

    当占位符被放置到页面上时,它通常会显示一个默认的提示文本,例如“单击此处添加标题”或“请输入文本”等。当用户将鼠标悬停在占位符上时,提示文本会自动消失,以提示用户该位置需要添加内容。

    此外,占位符还可以被用来测试页面的布局和交互效果。因为占位符可以设置宽高、颜色等样式,所以可以在页面上先放置一个占位符,然后根据需要调整其大小和位置,以测试页面的布局和交互效果是否合理。

    所以,Axure中的占位符效果主要是用来保持页面的设计完整性、测试布局和交互效果以及预留位置以便后续填充或调整内容。

低保真 

 

2.4 按钮

按钮分为3种,可以根据不同的情况来选择对应的按钮

2.5 标题

标题分为3种,可以根据不同的情况来选择对应的标题

 

2.6 文本标签,文本段落

2.6 水平线,垂直线

用来确保写的东西可以水平或垂直对齐

2.7 热区

给页面的某个热区矩形范围内添加事件交互行为,例如鼠标单击事件、鼠标移入事件等。只有在这个区域内才能响应事件,超过这个热区范围就没有任何交互行为了。

在Axure中,热区可以添加链接,用作链接跳转,在一定程度上减少工作量。也可以跳转到层或区域,比如滑动网页时回到顶部。同时,热区可以添加交互,例如翻看网页时自动加载。另外,如果每个标题都需要添加一个跳转链接太繁琐,可以添加一个热区,通过热区来达到跳转的目的。此外,热区还可以作为锚点使用,例如制作吸附导航时固定锚点。

 

 3.表单元件及表格元件简介

3.1 表单元件简介 

表单元件是Axure中的一种特殊元件,主要包括文本框、多行文本框、下拉列表框、列表框、复选框、单选按钮和提交按钮等。这些元件主要用于模拟数据交互的形式,如登录表单、添加信息表单等。

文本框和多行文本框用于接收用户输入的文本信息;下拉列表框和列表框用于提供多个选项供用户选择;复选框和单选按钮用于允许用户选择多个选项;提交按钮用于提交表单数据。这些表单元件可以单独使用,也可以组合使用,以实现更复杂的数据交互功能。

 

 

 

3.2 表格元件简介 

表格元件是Axure中的一种特殊元件,用于模拟和设计复杂的表格布局和交互效果。表格元件包括多列表格、分页表格、排序表格等。

多列表格用于展示多个数据列,可以用来模拟真实的表格数据展示效果。分页表格用于分页展示数据,可以避免单一表格过于冗长,提高可读性和用户体验。排序表格用于对数据进行排序,方便用户查看和分析数据。

在Axure中,设计师可以通过选择相应的表格元件,进行拖拽和布局,以模拟出真实的表格效果。同时,还可以设置各种交互效果,如单击表头进行排序、单击某行进行选中等。

 

 

4.表单案例

4.1 登录界面的制作

4.2 个人简介的制作

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

简单自动弃流装置工作原理

电动弃流装置 规格分为:直通式(不锈钢外壳)、三通式(不锈钢外壳)、井座式(PE外壳) 1、直通式规格型号:LLQLKZ-200、LLQLKZ-300、LLQLKZ-400 2、三通式规格型号:LLQLK-…

搭建个人博客攻略

文章目录 碎碎念一、下载 g i t git git 和 N o d e . j s Node.js Node.js二、安装 h e x o hexo hexo 1. 1. 1.在非 C C C 盘新建一个文件夹 b l o g blog blog,右键打开 g i t b a s h git bash gitbash 2. 2. 2.在 g i t git git 创建文件 hexo 3. 3. 3.he…

【SpringBoot】分层解耦

1. 三层架构 Controller:控制层。接收前端发送的请求,调用Service层来进行逻辑处理(Service层处理完后,把处理结果返回给Controller层)Service:业务逻辑层。处理具体的业务逻辑。调用Dao层(逻辑…

现代物流系统的分析与设计

目 录 引言 3一、系统分析 4 (一)需求分析 4 (二)可行性分析 4 二、 总体设计 4 (一)项目规划 4 (二)系统功能结构图 5 三、详细设计 6 (一)系统登录设计 6 …

Python Thefuck库详解:让错误命令变得“友好”

更多资料获取 📚 个人网站:ipengtao.com Python中有许多强大的库,其中Thefuck库独具特色,它的作用是纠正用户在终端输入的错误命令,让操作变得更加友好和高效。在本篇博客文章中,我们将深入探讨Thefuck库的…

JavaWeb(十二)

一、Filter概述 Filter 表示过滤器,是 JavaWeb 三大组件(Servlet、Filter、Listener)之一。 过滤器可以把对资源的请求拦截下来,从而实现一些特殊的功能。 如下图所示,浏览器可以访问服务器上的所有的资源(servlet、jsp、html等…

SpringBoot集成系列--Kakfa

文章目录 一、代码1、添加依赖2、配置kafka3、创建生产者4、创建消费者5、测试 二、遇到问题1、could not be established. Broker may not be available2、Error while fetching metadata with correlation id xxx 一、代码 1、添加依赖 在pom.xml文件中添加Kafka的依赖 &l…

conda环境下ImportError: libmkl_intel_lp64.so.1: cannot open shared object file问题解决

1 问题描述 conda环境下运行模型推理,出现如下错误: (retalking) [rootlocalhost video-retalking]# python inference.py --face examples/face/01.mp4 --audio examples/audio/01.wav --outfile results/01.mp4 Traceback (most recent call last):F…

论文笔记:A review on multi-label learning

一、介绍 传统的监督学习是单标签学习,但是现实中一个实例可能对应多个标签。这篇文章介绍了多标签分类的定义和评价指标、多标签学习的算法还有其他相关的任务。 二、问题相关定义 2.1 多标签学习任务 假设 X R d X R^d XRd,表示d维的输入空间&am…

阿里云cdn设置相同的域名路径访问不同的oss目录

1.设置回源配置,添加回源URL改写 2.设置跨域,cdn的跨域优先oss 3.回源设置

【智能家居】九、停车场车牌识别功能点(回调、解耦)

一、翔云 人工智能开放平台(车牌识别) 二、cJSON 库 三、实现代码 四、回调函数 五、人脸识别和车牌识别获取数据的区别 六、异步网络请求和同步网络请求的区别 七、解耦 一、翔云 人工智能开放平台(车牌识别) 翔云 人工智能开放…

写 SVG 动画必看!SVG系列文章4-微信公众号编写

1、基础设置 1.1 上传背景图素材 使用到的图片需要上传至微信后台,获取线上地址: 1.2 导入微信文章正文 新建图文消息,先输入好标题、作者,上传好封面图。然后在正文区域输入点文字,打开 chrome 调试工具&#xff0…

CorelDRAW软件2024版本好用吗?有哪些功能优势

CorelDRAW是一款综合性强大的专业平面设计软件,其功能覆盖了矢量图形设计、高级文字编辑、精细绘图以及多页文档和页面设计。该软件不仅适用于广告设计、包装设计,还广泛应用于出版、网页设计和多媒体制作等多个领域。下面就给大家介绍一下CorelDRAW这款…

台式扫描电镜中的扫描速度和扫描模式如何选择?

台式扫描电镜(SEM)是一种利用电子束扫描样品表面,通过检测样品反射或发射的次级电子、背散射电子、X 射线等信号,来获取样品的形貌、结构、组成和分布等信息的仪器。台式扫描电镜具有体积小、操作简单、样品制备方便、分辨率高、成…

论文怎么改才能降低重复率

一、引言:智能工具助力,轻松降低论文重复率 论文的重复率是学术写作中的重要问题,如何有效降低重复率成为了许多研究者的关注焦点。如今,智能工具的发展为我们提供了更多选择。本文将介绍几种实用的智能工具,包括快码…

PyInstaller 打包 Python 脚本为 .exe 可执行文件闪退、No Model named XXX问题

文章目录 前言.exe 可执行文件闪退No Model named XXXPython 环境问题查看当前python路径查看当前python环境使用的site-package路径 个人简介 前言 在上一篇文章中,我们介绍了如何将 Python 脚本打包为 .exe 可执行文件,但有时候打包生成的 .exe 文件会…

EasyV易知微数字孪生助力解决实际行业问题与痛点

数字孪生技术在当前多个领域得到了广泛的应用,特别是在航空航天、工业、城市和医学等领域,它被视为许多科技企业所关注的焦点。这种技术已经成为实现智能化的重要手段,它可以应用于项目设计、建造和运营等各个阶段,能够解决实际问…

总线一:I2C简介(介绍看这一篇就够啦)

本节主要介绍以下内容: I2C协议简介 STM32的I2C特性及架构 I2C初始化结构体详解 一、I2C协议简介 I2C 通讯协议(Inter-Integrated Circuit)是由Phiilps公司开发的,由于它引脚少,硬件实现简单,可扩展性强&#xff…

C/C++,动态 DP 问题的计算方法与源程序

1 文本格式 #include <bits/stdc.h> using namespace std; typedef long long LL; const int maxn 500010; const int INF 0x3f3f3f3f; int Begin[maxn], Next[maxn], To[maxn], e, n, m; int size[maxn], son[maxn], top[maxn], fa[maxn], dis[maxn], p[maxn], i…

HelpLook VS Confluence:知识管理方面谁更有优势?

多年来&#xff0c;在线协作和文档工具市场一直被Confluence所主导。Confluence由Atlassian于2004年创立&#xff0c;很迅速地成为企业寻求强大而全面的协作解决方案和知识管理的热门选择。然而&#xff0c;随着新工具如Notion和HelpLook的出现&#xff0c;市场格局发生了变化&…