一、Axure介绍

1.1 原型和Axure是什么?

原型是什么?

简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。

Axure RP是什么?

Axure RP是一个专业的快速原型设计工具,它可以让设计师们利用需求,设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档,并且同时支持多人协作和版本控制管理。

产品原型设计的最基础工作,就是结合批注、大量的说明以及流程图画框架图,将自己的产品原型完整而准确的表述给 UI、UE、程序工程师,市场人员,并通过沟通会议,反复修改原型直至最终确认,开始投入执行。

Axure RP是目前最流行的原型设计工具,已经成为原型设计行业的标准软件之一。

1.2 下载与安装Axure

Axure官网:http://www.axure.com/download

Axure原创教程网:http://www.iaxure.com/

Axure相关插件下载:http://www.iaxure.com/menupage/download.html

注:Axure是收费软件,若经济条件不允许,可以选择搜索下载汉化破解版。另外本人使用的版本是Axure RP 9,读者使用Axure RP 8也可以,两者区别不大。

1.3 原型相关文件类型

.rp:源文件

.rpprj:团队原型项目

.rplib:元件库文件

HTML:网页文件内容

1.4 Axure软件界面介绍

Axure的软件界面总的来说,可以分为这几个区域:

  1. 菜单/工具栏区域:菜单栏和大部分的软件界面一样,都是一些常规的文件、编辑、视图……;而工具栏是页面进行编辑的一些快捷操作,主要有字体设置、大小设置、页面显示大小和Axure本身自带的一些快捷操作等;
  2. 页面区域:呈树状结构、可以添加、删除页面、也可以对设计中的页面进行重命名操作;
  3. 元件库/母版区域:元件库存放方框、标签、按钮等基础元件,使用方式是直接拖动元件到页面编辑区域;母版可以共用,复用原型;
  4. 页面编辑区域:拖动相关的元件进行线框图编辑和交互具体的实施;
  5. 样式/交互/注释 区域:元件的样式、组件的交互、组件的注释。

二、Axure入门工具使用

2.1 页面的使用

在软件的 "页面区域", 可以添加、删除页面,也可以对设计中的页面进行重命名操作;另外可以添加、删除子页面,也可以升级、降级页面。

2.2 元件的使用

文件库主要分为 默认元件库、流程图元件库、图标元件库 这三种。下面我们就来梳理一下Axure中的常用部件:

下面是用一些Axure元件做的示例:

元件的使用方式是直接拖动元件到页面编辑区域,在元件库/母版区域可以调整元件的样式、交互等。更多的关于各元件的详细介绍这里不再赘述。

2.3 元件的交互样式设置

以按钮为例:拖入一个按钮到页面中,点击按钮,选择右侧的【交互】,选择【新建交互】,添加"鼠标悬停"和"鼠标按下"的样式,这样当鼠标悬停和按下时会有不同的填充颜色。

2.4 母版的使用

通过母版解决多个页面重复内容的编辑问题,如果母版中的内容发生了改变,页面中的内容也会同步改变。

首先单击母版面板-【新建】,然后右键该母版-【重命名】,再双击该母版,则画布编辑母版的编辑区,像页面一样编辑;最后右键该母版-【新增页面】添加要使用该母版的页面即可,如果母版中的内容发生了改变,这些页面中的内容也会同步改变。

2.5 共享发布

如果想要把本地的原型发布到云端,共享给其他人查看,需要发布到Axure Share。

前往 Axure Share 官网 注册Axure Share账号,然后登陆,再新建工程,并上传要共享发布的 rp 文件。成功发布后,可以通过自动生成的URL地址访问查看原型。

三、交互入门

3.1 元件交互入门

控件的交互

控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的 RIA 行为,所定义的交互都可以在将来生成的原型中进行操作执行。

在控件交互面板中可以定义控件的交互,交互事件(Events) 、场景( Cases)和动作(Actions)。

用户操作界面时就会触发事件,如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut;每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板。

定义链接

下列步骤说明如何在按钮控件上定义一个链接:

  1. 首先,拖拉一个按钮到线框图中,并选择这个按钮;
  2. 然后,交互面板中点击【新建交互】,选择【鼠标单击时】这个事件;
  3. 然后选择要链接的页面或其它网页地址。

3.2 链接交互

打开链接的不同位置设置,包括当前窗口、新窗口、弹出窗口、父级窗口,以及关闭窗口。

3.3 内联框架的交互

如果想要保持页面的外部框架不变,根据菜单选择不同的页面在内部框架里显示,可以采用内部框架这一元件。如下所示:

内部框架的作用:

  1. 可以引用站点地图的页面

  2. 可以引用视频(链接视频)(Axure中没有媒体控件)

  3. 可以引用本地文件

  4. 引用网页(注意:1、超链接地址要加上http:// 2、内部框架大小要设置好 )

建议:

能用动态面板的时候则不用内部框架(内部框架比较复杂,不灵活,效率不太高,除了动态面板不可以插入视频,本地文件,网页,其他基本可以)。

3.4 锚链接的运用

锚链接可以做到在页面的楼层的快速切换,如下所示:

参考:

慕课网 - Axure入门初体验

Axure入门的更多相关文章

  1. Axure 入门

    Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是美国Axu ...

  2. Axure 入门学习

    Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程 ...

  3. 两周以来的学习成果&遇到的问题及解决:

    1.学习java的基本内容,看慕课网上的java入门三季,与韩顺平老师的java视频 刚开始是看韩顺平老师的视频,边看边实战,内容很细,也很快熟练,但是进度太慢.后来就先看了慕课网上的java 入门的 ...

  4. 从零开始学Axure原型设计(入门篇)

    如果说Sketch是最美.最简洁的设计软件,那么Axure就是最强大的原型制作软件.Axure不仅能制作静态的视觉稿.页面,还能添加交互动作,是进行原型设计的最佳软件之一.虽然Axure的学习曲线比较 ...

  5. axure新手入门教程

    首先做个声明:此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便.另外,因为汉化版本可能功能名称等略有差别,请自行理解. 名词解释: 线框图:一般就是指产品原型,比如:把线框图尽 ...

  6. Axure 使用 简单入门

    1.Axure 简介 Axure是快速原型工具,简单来说就是把自己的web或app想法快速的展示出来的工具.具体信息百科:https://baike.baidu.com/item/axure%20rp ...

  7. [Axure教程]0001.新手入门基础

    Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写.Axure RP已被一些大公司 ...

  8. 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求

    系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使 ...

  9. 2014-07-28 使用Axure RP进行手机端BBS的原型设计

    今天是在吾索实习的第14天.因本公司的微信公众号需要有一个对外的技术交流平台,所以我们小组打算设计一个手机端的BBS以满足其要求.首先,我们需要做的是进行数据库设计与原型设计,然后提交给经理验收,看看 ...

随机推荐

  1. 转 tty 设备读写

    转自https://feng-qi.github.io/2017/05/04/how-to-read-write-to-tty-device/ <p>这是 StackExchange 上的 ...

  2. 论文笔记 Stacked Hourglass Networks for Human Pose Estimation

     Stacked Hourglass Networks for Human Pose Estimation key words:人体姿态估计 Human Pose Estimation 给定单张RGB ...

  3. Spring面试题总结的很全面,附带超详细答案

    1.什么是Spring? Spring是一个开源的Java EE开发框架.Spring框架的核心功能可以应用在任何Java应用程序中,但对Java EE平台上的Web应用程序有更好的扩展性.Sprin ...

  4. Mysql、Oracle、SQLServer等数据库参考文档免费分享下载

    场景 MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统 ...

  5. SPFA板子

    #pragma GCC optimize(3) #include <bits/stdc++.h> using namespace std; ; vector<pair<int, ...

  6. Python项目中使用配置文件

    一些讨论 Python中使用配置文件的最佳实践 Python中使用配置文件的最好方法 Python符号常量 多种配置文件方案对比 我的建议 1. 排除yaml yaml 不是一个好主意, 因为需要给项 ...

  7. 最新版windows安装支持输入shell命令的工具cygwin教程

    首先去官网下载自己对应系统32位或64位系统版本安装包:https://cygwin.com/install.html 下载好后按提示一步一步安装,直到这一步: 初次安装,这里是空的,没有下载的镜像链 ...

  8. Java11新特性解读

    在去年的9月26日,Oracle官方宣布Java11正式发布,这是Java大版本周期变化后的第一个长期支持版本,非常值得关注.Java9和Java10都在很短的时间内就过渡了,所以,Java11将是一 ...

  9. Scrum冲刺博客

    一.各个成员在Alpha阶段认领的任务 已完成 二.各个成员的任务安排 三.整个项目期的任务量 按实际考试情况以及开发情况决定,初始计划是完成登录以及个人目标版块的完整功能,其它版块共进,保证最终能够 ...

  10. Windows远程连接其他主机

    一.远程主机开启允许被远程连接 1. 右键计算机 --> 属性 --> 远程设置 2. 默认是不允许远程桌面的, 在这里我们勾选开启 3. 远程主机设置完成 二.客户机连接设置 1. wi ...