Axure rp 基础知识 转

首先做个声明:此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便。另外,因为汉化版本可能功能名称等略有差别,请自行理解。

名词解释:

线框图:一般就是指产品原型,比如:把线框图尽快画出来和把原型尽快做出来是一个意思。

axure元件:也叫axure组件或axure部件,系统自带了一部分最基础常用的,网上也有很多别人做好的,软件使用到一定阶段可以考虑自己制作元件,以便提高产品原型的制作速度。

生成原型:是指把绘制好的原型通过axure rp生成静态的html页面,检查原型是否正确,同时,方便演示。建议生成时选择用谷歌浏览器打开(第一次会有提示安装相关插件),ie会每次都有安全提示,不如谷歌浏览器方便。

(一)  Axure rp的界面

1-主菜单工具栏:大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示。

2-主操作界面:绘制产品原型的操作区域,所有的用到的元件都拖到该区域。

3-站点地图:所有页面文件都存放在这个位置,可以在这里增加、删除、修改、查看页面,也可以通过鼠标拖动调整页面顺序以及页面之间的关系。

4-axure元件库:或者叫axure组件库、axure部件库,所有软件自带的元件和加载的元件库都在这里,这里可以执行创建、加载、删除axure元件库的操作,也可以根据需求显示全部元件或某一元件库的元件。

5-母版管理:这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素,可以绘制在母版里面,然后加载到需要显示的页面,这样在制作页面时就不用再重复这些操作。

6-页面属性:这里可以设置当前页面的样式,添加与该页面有关的注释,以及设置页面加载时触发的事件onpageload。

7-元件属性:这里可以设置选中元件的标签、样式,添加与该元件有关的注释,以及设置页面加载时触发的事件;

A-交互事件:元件属性区域闪电样式的小图标代表交互事件;

B-元件注释:交互事件左面的图标是用来添加元件注释的,在这里我们能够添加一些元件限定条件的注释,比如:文本框的话,可以添加注释指出输入字符长度不能超过20。

C-元件样式:交互事件右侧的图标是用来设置元件样式的,可以在这里更改原件的字体、尺寸、旋转角度等,当然也可以进行多个元件的对齐、组合等设置。

8 动态面板:这个是很重要的区域,在这里可以添加、删除动态面板的状态,以及状态的排序,也可以在这里设置动态面板的标签;当绘制原型动态面板被覆盖时,我们可以在这里通过点击选中相应的动态面板,也可以双击状态进入编辑。

Axure rp的界面就介绍到这里,界面中的各个区域基本上在做产品原型的过程中,使用都很频繁,所以建议不要关闭任何一个区域。如果不小心关闭了,可以通过主菜单工具栏—视图—重置视图来找回。

时间: 2024-10-09 01:02:37

Axure rp 基础知识 转的相关文章

Axure RP的基础使用

Axure RP是一个专业的快速原型设计工具. 在上面可以直接设计软件的原型而且不涉及代码,例如设计软件的流程和界面之类的.简单的说,就是可以在上面编写界面,让人看起来像一个完整的软件一样. 设置完成后,可以导出html文件.打开主界面的html文件,即可演示了.很方便. 可以设置点击事件等等. 其实一般的软件都是点击事件的组合而已嘛. 主界面: 控件栏: 我们能在这个地方选择我们需要的控件,然后拖到界面内. 上图是我拖了4个图片. 设置事件: 可以看到:我为这个图片设置了一个点击事件.点击就跳

Axure RP 7.0移动APP原型设计实战精讲视频课程

经过了漫长的教案设计+录课的过程,与初次开通在线教育课程的诸多需要尝试的点,我在51CTO学院的第一门课程终于在6月下旬与各位小伙伴们见面啦:)      欢迎小伙伴们捧场,想要深入学习的可以作为付费用户,暂时不想学习Axure RP的小伙伴们去拍砖增加点人气,不胜感激!      付费特权:24小时讲师答疑   所有课时永久观看   专属资料下载    购买课程返学分 本套课程由阿蜜果倾力为您打造,不忽视理论,但更重实战!!! 通过简明扼要的语言,讲解Axure RP 7.0的理论知识. 通过

Axure RP介绍

1.什么是原型设计?产品原型设计(Prototype Design)最基础的工作,就是结合批注.大量的说明以及流程图画框架图WireFrame,将自己的产品原型完整而准确的表述给 UI.UE.程序工程师,市场人员,并通过沟通会议,反复修改Prototype 直至最终确认,开始投入执行.简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体.形象和生动. 2.普通设计工具现在大致有哪些普通的工具可以使用进

axure rp 使用心得

1.axure入门 axure rp是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或web网站的线框图.流程图.原型和规格说明文档.作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理. 具体介绍见:http://baike.baidu.com/view/3332366.htm?from_id=5056136&type=syn&fromtitle=

关于使用Axure RP进行原型开发的一些心得体会

Axure RP(Axure Rapid Prototyping)是一款快速实现.准确表达.带有交互效果且易于上手的原型设计工具. 本人在曾参与某系统需求分析时开始接触Axure RP,初步掌握了一定的开发基础,成功制作出系统需求原型,对需求分析工作产生了积极效应.在此经验的基础上,后续又在其他项目中进行了较为成功的运用,并获得了良好的效果. 就个人的经验而言,使用Axure RP进行原型开发,一旦掌握了一定的开发技巧后,加上一个良好的规划,那么很多东西都可以信手拈来.好的东西需要分享并使更多人

Web前端学习①Web基础知识

<1>Web前端Web基础知识 一.前端工程师的角色 一个网站的建设需要以下角色: ①策划人员:方案 ②美工/UI设计师:设计图 (.psd  .rp) ③前端工程师:静态网页 ④后端工程师:获取数据 ( Java   PHP  .NET) 二.Web的基础知识 1.Web(万维网)与Internet(因特网) ①Internet简介:定义.主要服务.基本实现技术 ②Web与Internet关系 Web是Internet提供的服务. ③Web简介:万维网 2.Web的工作原理 ①Web的工作原

H5基础知识

184讲.HTML5体验案例-画矩形 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title> H5的画布 </title> 6 <style type="text/css"> 7 #my_canvas{border:1px solid blue;} 8 </style> 9 </h

学习Axure RP原型设计

1 概述 原型设计是应用开发设计的第一要素.好的原型设计不仅可以起到沟通的作用,而且对客户而言应用程序拥有更直观的体现.原型设计通过内容和结构展示以及界面布局编排,实现在开发前期用户与产品进行交互.提高用户对项目的认可度,有利于项目的推进.下面为大家介绍一款原型设计工具--Axure RP. 2 名词解释 Axure RP:Axure RP是一个专业的快速原型设计工具.Axure,代表美国Axure公司:RP则是Rapid Prototyping的缩写,译为快速原型. 3 工具介绍 Axure

交互原型设计软件axure rp学习之路(一)

开始学习之前,请一定要明白:Axure是个极其极其极其简单的软件.因为你所做的就是拖部件,打字,拖部件,打字,最多加个对齐.如果你能把axure当作word或者ppt来用,那你就学会了axure. Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.