码迷,mamicode.com
首页 > 其他好文 > 详细

axure教程

时间:2020-02-03 09:54:40      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:有关   解释   生成   动态面板   删除   修改   排序   圆角   分类   

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

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

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

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

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

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

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

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

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

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

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

Axure元件介绍
图片 :图片元件拖入编辑区后, 可以通过双击选择本地磁盘中的图片, 将图片 载入到编辑区, axure 会自动提示将大图片进行优化, 以避免原型文件过大; axure教程选择图片时可以选择图片原始大小,或保持图片元件的大小。

文本 :在网页中文本的名称是 lable ,用于页面中添加说明文字、文字连接, 或一些动态的提示。

矩形 :矩形的应用比较广泛,比如作为页面的背景、按钮、以及一些元件的遮 盖等;矩形的形状可以通过鼠标右键点击–编辑选项—改变形状,来变成我 们需要的形状, 比如axure教程做选项卡时候我们需要顶部圆角的矩形, 就可以通过改 变矩形的形状来实现。占位符 :制作原型时, 可以用它来代替对一些没有交互或者交互比较简单容易说 明的区域; 也可以做成关闭按钮。 占位符在保真比较高的产品原型中作用不大。

水平线 :就是一条水平的线, 可以作为表示页面一些区域分割时使用, 比如在两 块不同区域之间添加一条水平线, 来明显的区分。 水平线可以通过设置元件 属性中的角度 Rot o变成斜线来axure教程使用。

垂直线 :axure教程没什么好说的,和水平线一样的作用。

图片热区: 用于点击图片中某个区域产生交互事件时使用, 图片热区也是矩形的一 种,可以通过设置矩形无边框,背景色 100% 透明度来实现。

元件的触发事件
OnClick (点击时) : 鼠标点击事件,axure教程除了动态面板的所有的其他元 件的点击时触发。比如点击按钮。

?OnMouseEnter (鼠标移入时) : 鼠标进入到某个元件范围时触发, 比如当鼠标移到某张图片时显示该图片的介绍。

OnMouseOut (鼠标移出时) : 鼠标离开某个元件范围时触发。比 如鼠标离开图片时,图片介绍消失。?

OnKeyUp (按键弹起时) : 文本框(单行与多行)编辑时,axure教程键盘按 下某一个按键松开时触发, 不支持其他 axure 元件。比如统计文本框输入的 字数。?

OnFocus (获取焦点时) : 当一个元件通过点击或切换获取焦点时触 发。比如搜索框编辑时,清空“请输入关键字”的提示。

OnLostFocus (失去焦点时) : 当一个axure教程组件失去焦点时触发。比如用 户名、密码的验证。

axure教程

标签:有关   解释   生成   动态面板   删除   修改   排序   圆角   分类   

原文地址:https://blog.51cto.com/14663491/2468801

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!