Axure RP教程:创建高效用户界面和交互

Axure RP是一款广受好评的软件,专门用于设计精致的用户界面和交互体验。这款软件提供了众多UI控件,并根据它们的用途进行了分类。与此同时,国产的即时设计软件作为Axure的替代品,支持在线协作和直接在浏览器中使用,无需安装任何客户端。对于习惯使用Axure的用户来说,转向即时设计非常简单,只需将Axure文件拖拽到即时设计的工作台,即可实现一键导入,享受云端流畅加载的便捷,大大节省时间和劳力,实现高效的工作迁移。

Axure简介

Axure RP是一款功能强大的原型设计工具,它已经存在了近十年,帮助UX设计师轻松掌握创建软件原型的细节。Axure拥有一个庞大的用户社区,通过提供丰富的示例和熟练的交互,为UX领域做出了巨大贡献。

Axure的主要功能包括:

  • 图表和文档:利用动态内容进行高效的原型设计

  • 条件流:通过精美动画增强交互体验

  • 自适应视图:兼容Windows和Mac系统 Axure RP提供了一系列工具和技术,助力分析师和用户体验设计师快速实现原型设计。

Axure使用指南

安装Axure后,你会看到一个启动屏幕,直到你选择不再显示它。Axure的主界面提供了以下选项:

  • 创建一个新的Axure文件

  • 打开现有的Axure项目 与Axure相比,即时设计支持团队成员同步编辑和设计,大幅提升工作效率。

接下来,我们将学习如何使用Axure创建一个新文件。点击“NEW FILE”按钮后,你会看到一个新屏幕,用于创建新原型。工作区划分为以下几个部分:

2.1 页面导航栏

这部分显示了Axure正在处理的页面,以默认的树状结构显示。你可以继续使用这个结构,或者根据需要进行修改。通过右键点击任何页面,你可以进行添加、移动、删除、重命名、复制等操作。这个部分允许你与原型中的页面进行交互,规划预期的原型屏幕。

2.2 元件库

元件区包含了原型设计所需的大部分控件,如Box、Image、Placeholder、Buttons等。Axure RP根据应用领域对UI控件进行了分类,包括Common、Forms、Menus and Table和Markup等类别。即时设计提供了成熟的原型设计功能,内置的组件库使得即使是设计新手也能快速搭建APP产品的低保真原型,并提供多种交互动作,支持在编辑页直接进行动效演示。

即时设计—可实时在线编辑的专业设计工具

2.3 母版区

母版是可重复使用的线框图,创建一次后可在多个页面中使用。在Axure RP中,对母版页的更改会自动应用到使用它的页面。你可以通过Masters部分来组织和管理原型的母版,包括添加、删除或编辑母版页/文件夹,或者选择一个特定的母版进行编辑。

2.4 页面编辑区

在这个区域,你可以从元件区拖放所需的控件。例如,你可以创建一个快速菜单栏,从元件区拖动Classic Menu - Horizontal控件到设计区域。在设计区域中拖动控件后,Axure RP会自动在菜单中显示预期的文本,并自动创建File、Edit和View等菜单项。右侧的检查器部分显示控件的属性,帮助你在创建复杂原型时为控件创建唯一标识。

2.5 页面属性

在规划原型时,了解用户和原型将在其上展示/查看的设备非常重要。Axure提供了设置页面属性的功能,通过Adaptive部分,你可以将Axure文件导入即时设计后,进入响应式网页设计。即时设计专注于智能化矢量设计,支持创建响应式的动态框架自动布局、智能化选择,并提供全新的钢笔工具、画板工具和形状工具,大幅提升设计效率。

2.6 小部件的检查器窗格

Widget Interactions窗格是Axure中最关键的部分。你可以通过点击设计区域中的任何小部件来查看此窗格。例如,从菜单控件中点击文件,你会注意到Widget Properties窗格中的交互类型发生了变化,并提供了为此菜单项提供名称的灵活性。在即时设计的原型模式中,你也可以在设计稿中对画板与画板,图层与画板之间创建交互流程,并进行延时播放。

2.7 网格和指南

对于需要最高质量和精度的原型,UX设计师需要能够将一个控件与另一个控件对齐/定位。Axure提供了Grids和Guides的功能,让你可以有效地使用设计区域。要查看可用的网格和指南,请右键单击设计区域,然后会弹出上下文菜单。

即时设计的布局网格也可以帮助我们对齐画板内的对象,提供视觉结构,帮助我们的设计在不同的平台和设备上保持逻辑和一致。使用布局网格的方法是:选中画板或组件,点击右侧面板中布局网格中的加号,创建布局网格。可以创建多个布局网格,以实现多维度的结构设计。

总结来说,优秀的原型工具应该满足学习成本低、制作时间少、表达逻辑准这三点。通过即时设计直接导入Axure文件,不仅能完整还原文件,而且在多人协作、组件变体、交互设计上进行了流程简化和功能补充,让你获得更高质量的还原效果。现在就来体验一下吧!

即时设计 - 可实时协作的专业 UI 设计工具

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

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

相关文章

2024-11-25 二叉树的定义

一、基本概念 1.二叉树是n(n>0)个结点的有限集合: ① 或者为空二叉树,即n0。 ②或者由一个根结点和两个互不相交的被称为根的左子树和右子树组成。左子树和右子树又分别是一棵二叉树。 特点: ①每个结点至多只有两棵子树。 ②左右子树不能颠倒&am…

Linux开发者的CI/CD(11)jenkins变量

文章目录 1. **环境变量 (Environment Variables)**常见的环境变量:示例:2. **构建参数 (Build Parameters)**常见的构建参数类型:示例:3 **在 `stages` 块内定义局部变量**示例:使用 `script` 步骤定义局部变量4 变量引用陷阱在 Jenkins 中,变量是自动化流程中非常重要的…

部署实战(二)--修改jar中的文件并重新打包成jar文件

一.jar文件 JAR 文件就是 Java Archive ( Java 档案文件),它是 Java 的一种文档格式JAR 文件与 ZIP 文件唯一的区别就是在 JAR 文件的内容中,多出了一个META-INF/MANIFEST.MF 文件META-INF/MANIFEST.MF 文件在生成 JAR 文件的时候…

对象的大小

文章目录 一、对象大小 一、对象大小 对象是类实例化出来的,让我们分析一下类对象中哪些成员呢? 类实例化出的每个对象,每个都有独立的数据空间,所以对象中肯定包含 成员变量,那么成员函数是否包含呢? 首…

01-go入门

文章目录 Go语言学习1. 简介安装windows安装linux安装编译工具安装-goland 2. 入门2.1 Helloworld注释 2.2 变量初始化打印内存地址变量交换匿名变量作用域局部变量全局变量 2.3 常量iota 2.4 数据类型布尔整数浮点类型复数字符串定义字符串字符串拼接符定义多行字符串 map数据…

数据库的联合查询

数据库的联合查询 简介为什么要使⽤联合查询多表联合查询时MYSQL内部是如何进⾏计算的构造练习案例数据案例:⼀个完整的联合查询的过程 内连接语法⽰例 外连接语法 ⽰例⾃连接应⽤场景示例表连接练习 ⼦查询语法单⾏⼦查询多⾏⼦查询多列⼦查询在from⼦句中使⽤⼦查…

【H264】基于ffmpeg的NALU级别识别及python绘制

h264 nalu 级别(包级别)打印 【Fargo】27:ffmpeg ffprobe 和python分析h264文件并绘制 帧级别的分析,ffprobe -v trace -show_frames file.h264似乎对没有容器的h264文件,意义不大,时间戳什么的需要从包级别进行分析,而且h264文件的解析都是包级别的。 在ffmpeg中,可以…

LeetCode-632. Smallest Range Covering Elements from K Lists [C++][Java]

目录 题目描述 解题思路 【C】 【Java】 LeetCode-632. Smallest Range Covering Elements from K Listshttps://leetcode.com/problems/smallest-range-covering-elements-from-k-lists/description/ 题目描述 You have k lists of sorted integers in non-decreasing o…

UI自动化测试中公认最佳的设计模式-POM

一、概念 什么是POM? POM是PageObjectModule(页面对象模式)的缩写,其目的是为了Web UI测试创建对象库。在这种模式下,应用涉及的每一个页面应该定义为一个单独的类。类中应该包含此页面上的页面元素对象和处理这些元…

单片机(STM32)开发中常用的C语言基础语法(二)

9、goto语句与标签 goto语句用于无条件地转移到程序中的另一部分。它通常用于跳出循环或提前退出函数。然而,使用goto语句需要谨慎,因为过度使用它可能会导致代码难以理解和维护。 标签(Label)是一个代码标识符,后面…

柯西变异和正余弦改进的麻雀搜索算法及python实现

目录 柯西变异和正余弦改进的麻雀搜索算法第一部分:麻雀搜索算法概述1.1 麻雀搜索算法简介1.2 算法特点1.3 算法流程1. 初始化阶段2. 觅食者搜索阶段3. 监视者逃逸阶段4. 判断收敛条件1.4 公式描述第二部分:改进方法——柯西变异与正余弦机制2.1 改进思路2.2 柯西变异公式2.3…

Scala文件读写——成绩分析

根据文件解决下例问题 1.读入txt文件:按行读入 import scala.io.Sourceobject Test文件读写_成绩分析 {def main(args: Array[String]): Unit {//1.按行读入val source Source.fromFile("score.txt")val it source.getLines()it.next()//跳过第一行wh…

C# Winform 俄罗斯方块小游戏源码

文章目录 1.设计来源俄罗斯方块小游戏讲解1.1 主界面1.2 游戏界面1.3 游戏结束界面1.4 配置游戏界面 2.效果和源码2.1 动态效果2.2 源代码 源码下载万套模板,程序开发,在线开发,在线沟通 作者:xcLeigh 文章地址:https:…

前端框架Vue3——响应式数据,v-on,v-show和v-if,v-for,v-bind

Vue的定义为渐进式的JavaScript框架。所谓渐进式,是指其被设计 为可以自底向上逐层应用。我们可以只使用Vue框架中提供的某层的功 能,也可以与其他第三方库整合使用。当然,Vue本身也提供了完整的 工具链,使用其全套功能进行项目的…

实验二 系统响应及系统稳定性

实验目的 (1)学会运用Matlab 求解离散时间系统的零状态响应; (2)学会运用Matlab 求解离散时间系统的单位取样响应; (3)学会运用Matlab 求解离散时间系统的卷积和。 实验原理及实…

.NET Core发布网站报错 HTTP Error 500.31

报错如图: 解决办法: 打开任务管理器》》服务》》找到这仨服务,右键启动即可,如果已经启动了就重启:

FFmpegFrameRecorder 切分视频文件时结束条件设置不当导致切分后的文件过短问题

问题 下游反馈使用 ffmpeg 切割后的音频文件,无法正确识别其声音的性别 排查流程 1,由于线上大部分用户上传音频后,进行切分后的音频都没问题,因此考虑到这些无法识别性别的音频,有格式问题,需要找出其共…

真题-桂城2018年六年级

01.整点 题目描述 在二维坐标系, 有一个圆&#xff0c;圆心在(0,0)&#xff0c;圆的半径是r。问圆内有多少个整点(所谓的整点就是横坐标和纵坐标都是整数的点)。 若点P的横坐标是整数a&#xff0c;纵坐标是整数b&#xff0c;那么只要满足aa bb < r*r, 那么P就是圆内的整点…

【快捷入门笔记】mySQL基本操作大全-运算符和句子

一、ORDER BY 排序 排序方式 1.升序&#xff1a;ASC&#xff08;默认就是升序&#xff09; 2.降序&#xff1a;DESC 3.如果有多个排序条件&#xff0c;前面的值一样时才会判断第二条件 --按照数学成绩排序 select*from Student ORDER BY math --按照数学成绩排序&#xff0c;…

麒麟安全增强-kysec

DAC: 自主访问控制是linux下默认的接入控制机制,通过对资源读、写、执行操作,保证系统安全 MAC:安全接入控制机制,由操作系统约束的访问控制,默认情况下,MAC不允许任何访问,用户可以自定义策略规则制定允许什么 ,从而避免很多攻击。 MAC强制访问控制常见的实现方式:…