Axure的元件库的使用以及详细案例

目录

元件库的使用

元件介绍

 元件的基本使用

 矩形、按钮、标题的使用​编辑

 图片的使用

图片以及热区的使用

表单元件的使用

 表格元件的使用

登录界面

个人简介界面


元件库的使用

元件介绍

Axure提供了一套丰富的元件库,用于快速创建原型中常见的UI界面元素和交互组件。

  1. 基本元件库:包含了常见的基础UI元素,如文本框、按钮、复选框、下拉列表等。这些元件可用于创建界面的基本组件。

  2. 表单元件库:包含了与表单相关的元素,如单选按钮、复选按钮、文本域、日期选择器等。这些元件可用于创建表单界面和用户输入交互。

  3. 导航元件库:包含了各种导航和菜单相关的元素,如导航栏、侧边栏、标签页、面包屑导航等。这些元件可用于创建页面导航和页面结构布局。

  4. 数据展示元件库:包括了数据展示相关的元素,如表格、列表、卡片、图表等。这些元件可用于展示数据和信息的方式。

  5. 弹出层元件库:包含了弹出层、对话框、提示框等元素,用于模拟用户与系统的交互弹出。

  6. 手势和动画元件库:包含了手势和动画相关的元素,如滑动效果、展开/收起效果、过渡效果等。这些元件可用于模拟用户的手势和创建动态交互效果。

 元件的基本使用

基础元件在 Axure RP 中分为以下几大类:

1.按钮元件(Button Widgets):包括按钮、链接按钮、复选框、单选框、开关等交互元素。

2.输入元件(Input Widgets):包括文本输入框、密码输入框、下拉框等用于用户输入的元素。

3.文本元件(Text Widgets):包括标题、段落、标签等用于展示文本内容的元素。

4.图片元件(Image Widgets):包括图片、图标等用于展示图像内容的元素。

5.容器元件(Container Widgets):包括面板、列表、表格等容器类型的元素,用于组织和布局其他元素。

6.导航元件(Navigation Widgets):包括菜单、导航栏、面包屑等用于导航的元素。

7.多媒体元件(Media Widgets):包括视频播放器、音频播放器等用于展示多媒体内容的元素。

 下面是基本元件:下面的黄色框基本上是一样的不过换一个样式即可,当需要某个元件时拖拉拽即可

 

 矩形、按钮、标题的使用

 图片的使用

支持多种图片格式:Axure支持导入多种图片格式,包括PNG、JPEG、GIF等,可以根据需要选择最适合的格式。

可以设置图片尺寸和位置:在Axure中,可以自由调整图片的尺寸和位置,以适应不同的设计需求。

可以添加链接:如果需要将图片作为超链接使用,可以在Axure中为图片添加链接,实现点击图片跳转到指定页面或网址的功能。(进阶玩法)

可以添加交互效果:通过Axure的交互设计功能,可以为图片添加鼠标悬停、点击等事件,实现各种交互效果。

支持图片样式调整:Axure中的图片元件也支持样式调整,用户可以设置边框、填充、阴影等属性,增强图片的视觉效果。

图片以及热区的使用

  • 拖击图片至显示区,然后双击在本地选择图片即可
  •  热区就是将热区放在特定的位置,再给热区设置交互时间,只有点击热区的范围内才会有设置的交互时间,其它地方没有

表单元件的使用

  • 文本框就像输入框一样,而文本域就是放大型的文本框,只要拖拉拽即可,二者的提示词在  右边的交互设计那里的提示里面
  • 下拉列表和列表框将其拖入待显示区之后双击即可编辑其内容
  • 复选框和单选框类似,但是因为单选框顾名思义只能选择一个,将单选框拖入显示区之后右击选择指定单选按钮组即可

 表格元件的使用

登录界面

利用Axure中的各种元件绘制的登录界面

 浏览器展示

个人简介界面

浏览器效果展示

 

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

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

相关文章

虚拟机性能监控、故障处理工具

虚拟机性能监控、故障处理工具 二、基础故障处理工具4.2.1 jps:虚拟机进程状况工具4.2.2 jstat:虚拟机统计信息监视工具4.2.3 jinfo:Java配置信息工具4.2.4 jmap:java内存映像工具4.2.5 jhat:虚拟机堆转储快照分析工具4.2.6 jstack:Java堆栈跟踪工具4.2.…

neo4j安装报错:neo4j.bat : 无法将“neo4j.bat”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

neo4j安装报错: neo4j.bat : 无法将“neo4j.bat”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确 保路径正确,然后再试一次。 解决办法: 在环境变量中的,用户…

2023年全球运维大会(GOPS深圳站)-核心PPT资料下载

一、峰会简介 1、大会背景与概述 全球运维大会(GOPS)是运维领域最具影响力的国际盛会,每年都会汇聚世界各地的运维专家、企业领袖、技术爱好者,共同探讨运维技术的最新发展、最佳实践以及面临的挑战。2023年GOPS深圳站作为该系列…

硬件基础-电阻

电阻 1.品牌 厚声、风华,三星、罗姆、松下、KOA 2.分类 插件 碳膜电阻:精度-5 J 是在高阻,高压和高温应用中 属负温度系数电阻 金属膜:-1 F 贴片 电阻标识:(含义:阻值大小和精度&a…

mysql自动安装脚本(快速部署mysql)

mysql_install - 适用于生产环境单实例快速部署 MySQL8.0 自动安装脚本 mysql8_install.sh(执行前修改一下脚本里的配置参数,改成你自己的)(博客末尾) my_test.cnf(博客末尾)(这个…

Mac搭建Frida逆向开发环境

一、简介 Frida是一种基于Python+JavaScript的动态分析工具,可以用于逆向开发、应用程序的安全测试、反欺诈技术等领域,本质是一种动态插桩技术。Frida主要用于在已安装的应用程序上运行自己的JavaScript代码,从而进行动态分析、调试、修改等操作,能够绕过应用程序的安全措…

Vulnhub-DC-8 靶机复现完整过程

一、环境搭建 kali的IP地址:192.168.200.14 DC-8的IP地址:192.168.200.13(一个flag) 靶机和攻击机处于同一个网络方式:nat或桥接 若出现开机错误,适当将dc的兼容版本改低,我的vmware workstat…

如何基于企业需求,又便宜又快地定制开发一套CRM客户管理系统?

如何基于企业需求,又便宜又快地定制开发一套CRM客户管理系统? 定制开发CRM客户管理系统是为了满足企业个性化需求而进行的,它可以帮助企业提高客户关系管理效率,提供更好的客户服务和实现精细化运营。本文将为大家介绍CRM定制开发…

postman脚本生成可执行文件(6)

一.通过Python脚本(executescript.py)执行newman指令 #!usr/bin/python import subprocess from datetime import datetimeclass Newman_automate():Newman_automate():该类主要是定义postman脚本执行__path:cmd命令行中执行newnan脚本指令(…

补题与总结:牛客小白月赛83(B~F)

文章目录 写在最前面的复盘B-小天的魔法(贪心 模拟 双指针)C-小天的 Minecraft(概率)D-小天的子序列(预处理 排列组合)E-小天的贪吃蛇(模拟)F-小天的 AB(结论题&#xff…

QT QWidget 爱心灯

简介 就是使用QTableWidget生成一个LED点阵, 使用网上的Arduino点阵数组, 应用在此&#xff1b;代码 LEDWidget.h #ifndef LEDWIDGET_H #define LEDWIDGET_H#include <QWidget>class LEDWidget : public QWidget { public:LEDWidget(QWidget *parent nullptr);inline …

vue门户设计器实现技术方案

一、什么是门户设计器 门户设计器是一种用于创建和设计门户网站或者应用系统首页的工具。它通常是一个软件应用程序&#xff0c;可以帮助用户快速、轻松地设计和构建自己的门户网站或者应用系统的首页。门户设计器通常提供在线拖拉拽设计器&#xff0c;以及各种模板、主题和组…

Ubuntu系统入门指南:基础操作和使用教程

学习目标&#xff1a; 解Ubuntu系统的基本概念和特点&#xff0c;包括其开源性、稳定性和安全性&#xff0c;以及如何获取和安装Ubuntu系统。 掌握Ubuntu系统的用户界面和桌面环境&#xff0c;包括如何使用桌面面板、启动器和工作区&#xff0c;以及如何自定义和个性化你的桌面…

终于知道灵活自助分析的BI报表是怎么做的了

不知道是不是临近年底要做年终分析报告的原因&#xff0c;最近很多小伙伴都来咨询BI报表怎么做的问题。其实BI报表还真的只需点击、拖拉拽就能完成。接下来就来简单地说几个做BI报表都需要注意的事项。 BI报表制作流程&#xff1a; 1、连接数据源&#xff0c;奥威BI大数据分析…

pytorch——支持向量机

1、任务要求 针对已知类别的5张卧室照片(标签为1)和5张森林照片(标签为-1)所对应的矩阵数据进行分类训练,得到训练集模型;再利用支持向量机对另外未知类别的5张卧室照片和5张森林照片数据进行测试分类(二分类)&#xff0c;得到分类结果及其准确率。 2、先导入查看基本数据 3、…

SGPIO介紹

什么是SGPIO&#xff1f; Serial General Purpose Input Output (SGPIO) is a method to serialize general purpose IO signals. SGPIO defines the communication between an initiator (e.g. a host bus adapter) and a target (e.g. a backplaneholding disk drives). The …

Java代码世界的神奇技巧与魔法艺术

目录 前言1 Java的独特优势1.1 跨平台性1.2 面向对象1.3 强大的生态系统 2 Java的应用场景2.1 企业级应用开发2.2 移动应用开发2.3 大数据处理2.4 云计算 3 代码技巧分享4 案例分享结语 前言 当谈到优雅而又强大的编程语言时&#xff0c;Java无疑是一个绝佳的选择。Java作为一…

wsl kafka的简单应用

安装并配置单机版kafka所需环境 wsl2 环境可用性较高&#xff0c;如下介绍在该环境中安装单机版本kafka的详细过程。 启动命令行工具启动wsl&#xff1a;wsl --user root --cd ~&#xff0c;&#xff08;以root用户启动&#xff0c;进入wsl后当前路径为~“用户主目录”&#…

全城直饮及小区管道直饮水工程,应采用什么工艺

“中空纤维纳滤级分离膜”----是当今世界最顶级的纳米产品&#xff0c;被国家科技部评为:国内领先、世界先进。中空纳滤是饮用水矿化度关键技术的重大提升! 中空纤维纳滤膜国家863攻关项目,获得多项国家发明专利 中空纤维纳滤级分离膜特性 中空纤维纳滤膜,每根中空膜的膜壁为…

CRM客户管理系统的功能有哪些?一文全解

我们常说&#xff0c;CRM系统是企业管理的神器。很多企业的需求比较独特&#xff0c;标准化的CRM系统无法满足企业的需求&#xff0c;可能就会涉及到系统开发。那么&#xff0c;CRM客户管理系统要具备哪些功能&#xff1f;首先&#xff0c;一个完整的CRM客户管理系统应该具备以…