Axure中文教程

【实例简介】
Axure是一个可以快速制作网页原型并转换成HTML代码的软件，本教程详细的介绍了Axure的操作指导，推荐致力于网页制作的同学和工作人员使用！
配置HTIL原型 常规 常规 注注交分 目的文件夹 d:40011桌面M002 选择一个生成Hm原型的输出目录 匚生成一关闭 3.生成完成后,会自动弹出一个浏览器窗口,打开生成的原型。 9) Hone- mozilla Firefox 食可节=国m1,∥/0/a0A面00无标题t 可关闭框架 B DHome Page 2 D Page 3 enter text 左侧是所有页面的列表 enter tex 右侧是页面内容 4.如果是正E浏览器为默认浏览器,选择”允许阻止内容”。 a Untitled Document- microsoft Internet Explorer 文件吧)编辑①查看0收藏④5)工具〔)帮助Q ⊙团心户数☆收的,品园q自 地址))D1201桌面0无标题 Start. html ①为希助保护您的安全, Internet Explorer尸经阳时件能问绍的计算机的活动内容,单击 允许阻止的内容() Close Frames 有何风险)? 信息栏帮助Q ome B Page 1 L Page 2 B Page 3 浏览器,选择“允许阻止内容。 r0o3关闭用IE打开 Axure原型时的安全警告 由于用 Axure生成的Htm原型带有 JavaScript脚本,用正在本地直接打开的话会出现安全警告。 Untitled Document- microsoft Internet Explorer 文件①)编辑①查看0收藏④)工具①)w助00 ⊙后⊙国团搜☆收的·品园变日 地址):101桌面102无标题 Start. html ①为帮助保护您的安全, Internet Explorer尸经阳性黑可的记你的计算机的活动内容,单击 许阻止的内容④) Close Frames 有何风险)? 信息栏帮助Q 回Home BPage L Page 2 正浏览器,选择“允许阻止内容。 为了方便在高级设置里可以关闭这项安全警告。在IE选项一一高级一一安全区,找到允许活动内 容在我的计算机上的文件中运行”,打上对勾点击应用”即可。详细设置位置可以见下图 Internet选项 常规1安全隐私内容连接程序高级 设置() 口启用集成 indows身份验证要重启动) 使用ss2.0 使用ssL3.0 回活动内容在的计机的攻件中 元一的活动内告在耸 口允许运行或安装软件,即使签名无效 口在安全和非安全模式之间转换时发出警告 区重定向提交的表单时发出警告 从地址栏中搜索 搜时 o不从地址栏中搜索 显示结果,然后转到最柚近的站点 只在主窗口中显示结果 击 还原默认设置0g L确定取消」应用 如果使用的是谷歌浏览器,有一些交互效果可能体现不出来。需要安装一个 Axure RP For chrome 演示扩展http://www.webppd.com/thread-2294-1-1.html r004把网格调整成5pX更有利于自动对齐 axure的主编辑区有网格显示,可以辅助一些自动对齐的作用。把网络的间隔调整成5pX,更有利 于内容的自动对齐。注意5px要手写输入,下拉选择里最小是10px。 ce RP Pro5.6:授权予 IloveyouAxure 查看①涯图①对象)来格()生成⑨共享(帮助(B 自定义注解字段和视图(A)… 管理页面注释①D 管理变量(D 活除所有注解 重分配脚注号码(B 重排所有连接线D 网格对话框 管理模块中增加的事件(5) 式 单位:像索 网格 问际 标记模峡思 显示屏幕网格 标记图片映射区域(B 用手写输入0x 标记动态面板①D 对齐到网格t1+t松G) 关闭框图 Ctrl+y 祥式 ○直 ⊙交叉点 入框 DI设置 ⊙ 目 ○其它 列表 确定[取消 :计:: 意框 把编辑区的冈络调整成5px间隔,更有利于内容的自动对齐。 L区 r005认识一下 Axure的软件界面 打开 Axure软件,照图先简单认识下 Axure的软件界面, 无标是ApF56数权子1ym 交件①①图对家粉①生惠(3共15帮动D 工具栏 L 口e 添加交互动作区 正在编稱的页面,点这儿可关闭。 自定义 Descrption 页面导航区 添加页面上注 度图·A 如设置注样选项 页面内容编阵区 Target Rolea 元件面板区 和认带 模块存放区 事件事件 晝整頁的文字注榉区 真面入加、1 自动保完虑 r006页面导航区操作 1.基本操作一试便知。 站点地图 中中段 日Hme Page 1 Page 2 Page 3 基本操作一试便知 2.重命名,直接按F2也可以重命名。 合4中中应 添加(A 移动(M 应删除① 重命名(B 动设计页面(E 创建副本(cC 图表类型(T 生成流程图 将路径放到脚贴板 线框图 给页面重命名 技巧:选中页面直接按F2也可以重命 名,F2是 Windows默认的重命名键。 3.创建当前页或分支的副本。 回deo- Axure RP Pro5.6:授权予 Iloveyou 文件(P)编辑(E查看(y鱿框图()对象(表格〔T)生成 站点地图 Home区 曾分9中中 添加(A 移动(M 删除(D 可以复制一份当前页内容 重命名(B 设计页面(E) 创建副本〔c 页面(P 图表类型(T 分支(E 生成流程图 将UR路径放到剪贴板 可以复制一份当前整个分支页内容 4.修改图表类型。 de0- Axure RP Pro5.6:授权予 Iloveyou.xu 文件①)编辑()查看(y)线框图()对象()表格(T生成( 站点地图 Home 中中 添加(A : 移动( 删除①D 重命名(B 设计页面(E ∷:∷ 创建副本(c 图表类型(T 线框图 生成流程图 流程图(P 将U路径放刭剪贴板 修改类型之后,页面前的图标会有变化。 一般在用于画流程图的页面中才修改页面的类型。 5.把页面结构生成流程图。 园Ao- Axure RPPr56:教权子Il9ym 文件①E)线①D查看①)线相图①Y对象()表格生成G)共享①)帮助(D 國气圆 结点地图 4中中之 1g, poo ks 加(6 段班除① 重命名(B Home 设计贝面(g 创本) age Page 2 Page 1 生成流程 Page 2 线相目 Page 3 可以把页面的结构生成流程图 图片 文本 超接 6.生成某个页面的URI地址。 包de- Axure Pro5.6:授权千1 loveyouAxu 文件(D)编辑①E)查看0D就框图(Y对象(Q)表格(T)生成()共享)帮期B 四气呐 世分 移动n H: axure D idemo rp?pid=9336b0ae-1db6-481a-9a42-cf539949a37d 像删除⑨ 重命名(B 过设计页面( 生成的以上地址可以在本机地址栏里打开,执行后是用 Axure打开对应页面进入编辑代态 创津本g 图表类型(T 注意:整个地址中,任何位置出现中文,打开时将不能找到对应的页面。 将师路径放到剪贴板 就图 此功能基本上没什么用,实际使用中极少用到。 r0o7控件面板区一一组件库 1. axure提供的默认组件,线框图和流程图。 组件 线框图 所有库 线框图 流程图 超链接 Axure默认提供了最常的Web 载入库 控件,有线框图、流程图 包建库(c) 编辑库 将 按钮 刷新库(R 卸载库(D A 表格 输入框 输入域 还可以自己创建或载入库一些人制作和分享的组件库。 2.组件库的扩展名为rpb,可以从网上下载获http://www.axure.com/widgetlibraries.aspx 可以为你提供更多样式效果的组件。 【实例截图】
【核心代码】