Axure RP 9零基础速成指南:安装到高交互原型设计全流程(附超清图解)

简介

是一款专业的快速原型设计工具,由美国Axure Software Solution公司开发。它的名称中的"RP"代表"Rapid Prototyping",即快速原型。这款软件主要被商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等专业人士广泛使用。程序员和架构师也会使用Axure RP来设计和演示应用软件或网站的线框图、流程图、原型和规格说明文档

安装与汉化

被授权人:Axure

授权密钥:gjqpIxSSUUqFwPoZPi8XwBBhRE2VNmOQsrord0JqShk4QC+Xxrw6R1tTSDU4zmzU

本汉化在Windows7/Windows10/MAC10.14系统中通过测试,可放心使用!

【使用方法】 1、将汉化压缩包解压缩。 2、将解压缩后的lang文件夹和dll文件全部复制粘贴到软件安装根目录下。

【Windows系统汉化路径】 以Win7-64位系统为例:C:\Program Files (x86)\Axure\Axure RP 9

【Mac系统汉化路径】 以中文版为例:前往--应用程序--右键点击程序图标--显示包内容,依次打开文件夹:Contents>Resources>

【注意】 1、Axure RP 9汉化文件为专用汉化,不支持AxureRP6/7/8版本。 2、使用时,请注意软件版本是否与汉化包对应版本一致。 3、本站会持续跟进每一版Axure RP 9的汉化,欢迎访问www.chanpinban.com下载最新版汉化包。

本汉化文件及说明由www.chanpinban.com原创发布,小楼一夜听春语制作,未经作者许可,严禁任何机构和个人盗用。

界面

 

菜单栏

菜单栏-文件

菜单栏-编辑、视图

默认是没有网格线的

菜单栏-项目、布局 

略...

菜单栏-发布

  

菜单栏-其他功能

ctrl+9 回到x=0,y=0的位置

其他

工具栏操作详解

选择模式:交叉选中、包含选中

链接:连线

插入:图形

顶层、底层

组合、取消组合

居中+垂直:垂直平均分布

中部+水平:水平平均分布

案例:轮播图

页面区域操作详解

文件夹的管理

页面的管理

生成流程图:主要是里面的页面元件包含关系

展示结果:后台管理系统的界面流程图,包括哪些界面、文件结构;

概要区域操作详解

能看到当前页面所有的概要元件,因为部分元件因为层级关系(上层、下层呈现遮挡问题)

元件库面板操作

对外公开的元件库、自定义元件(通用的元件)

案例1:封装一个通用的元件,如手机顶部界面,搜索栏,底部按钮

案例2:导入公开的开放的通用设计元件库

母版区域操作

重复使用的元件做成母版,引用的地方都会一同改变,如head.jsp

元件库可以跨文件使用,母版不能跨文件使用

案例:后台管理系统的布局页面

交互面板操作

交互面板包含了事件及交互样式

  1. 添加单击效果

  2. 添加双击效果

案例:电商网站商品详情页,小图标大图片选中案例;

样式面板操作

主要设置元件本身相关样式;

部分软件有低保真、去色功能;

说明编辑区功能特点

备注说明

画布区域功能特点

负坐标中画的原型图没有任何效果,部分Axure9软件是可以在偏好设置中取消负坐标;

栅格布局,可以将画布分为12等分、24等分;

 

元件库

默认元件

常用单键快捷键

R - 矩形模式

O - 椭圆/椭圆/圆形模式

T - 文本模式(拖动以使用示例文本自动填充区域)

P - 笔绘制模式

L - 线模式

基本元件

矩形、圆形、图片;

占位符:通常不知道放什么内容的时候使用,如:电商中的商品首页展示

按钮、主要按钮、链接按钮

h1、h2、h3

文字标题、文本段落、水平线、垂直线

元件-热区、动态面板

热区:预览不可见、增加元件点击范围、锚点

动态面板:切换状态

 

案例:轮播图效果

元件-内联框架、中继器

内联框架:相当于iframe

中继器:相同区域快速布局

注:上述百度链接,没有加载出来,做了防盗链

中继器暂缓

表单元件

元件-表单元件

单选、复选、下拉、文本框、文本域、列表框、复选

案例:一个复杂新增表单的绘制

菜单表格

元件-菜单表格

标记元件

元件-标记元件

用来标注备注说明

交互

交互设计中的事件

交互样式的设置

鼠标悬停、鼠标按下、选中、禁用、获取焦点

注:

悬停、按下、获取焦点可以直接触发

选中和禁用,需要设置交互动作;

交互样式案例

鼠标和键盘交互

形状交互

经过是相对位置

到达是决定位置

灯箱效果演示

元件的特殊效果

灯箱效果

如何建立页面交互

自适应以及固定位置

注:其他元件转换成动态面板,具备动态面板的动作,但是本身属性是不会改变的;

如:将矩形转换成动态面板,就不能自适应浏览器

内联框架的交互

图中内联框架及按钮都添加了交互效果;

动态面板的交互

案例1:向上下左右拖动X px

案例2:商品放大镜效果

注:拖动事件是动态面板特有事件

中继器交互

案例:京东图片首页展示效果

情形/条件

案例:海鲜自助选择;如海鲜、烤肉、车厘子、酒水...

其他元件交互

文本交互、下拉列表交互、单选交互、复选交互、树交互

略...

中继器交互

 

通过案例,学会图片及文字的设计;以及中继器内容的排序

动作

链接动作

元件动作

事件
    单击
    双击
    鼠标右击
    鼠标按下
    鼠标松开
    鼠标移动
    鼠标移入
    鼠标移出
    鼠标停放
    鼠标长按
    按键按下
    按键松开
    移动时
    旋转时
    尺寸改变时
    显示时
    隐藏时
    获取焦点时
    失去焦点时
    载入时
    -----动态面板特有-----
    状态改变时
    拖动开始时
    拖动时
    拖动结束时
    向左拖动结束时
    向右拖动结束时
    向上拖动结束时
    向下拖动结束时
    滚动时
    向上滚动时
    向下滚动时
    -----动态面板特有-----
    -----动态面板不具备-----
    选中改变时
    选中时
    取消选中时
    -----动态面板不具备-----

元件动作
    显示/隐藏
    设置面板状态
    设置文本
    设置图片
    设置选中
    设置列表选中项
    启用/禁用
    移动
    旋转
    设置尺寸
    置于顶层/底层
    设置不透明
    获取焦点
    展开/收起树节点

中继器动作

​
中继器动作
    添加排序
    移除排序
    添加筛选
    移除筛选
    设置当前显示页面
    设置每页显示数量
    添加行
    标记行
    取消标记
    更新行
    删除行
​

案例:关于中继器内容增删改

其他动作

其它动作
    设置自适应视图
    设置变量值
    等待
    其它
    触发事件

对象、属性和函数

局部变量

全局变量

中继器的Item属性

中继器的repeater属性

元件的属性 页面属性 窗口属性 鼠标指针 数字函数 字符串函数(1) 字符串函数(2) 字符串函数(3) 数字函数 数字函数案例 日期函数 布尔运算

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大腕先生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值