Axure RP 指南

作品简介

Axure RP 是一个专业的快速原型设计工具，是产品经理（Product Manager）的首选利器，没有之一。Axure，代表美国 Axure 公司；RP 则是 Rapid Prototyping（快速原型）的缩写。它能够让我们快速创建应用软件或 Web 网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

作者：极客学院

作品目录

• 前言
• 适用人群
• 学习前提
• 你将学会
• 1核心训练
• 准备开始
• 创建一个蓝色的按钮
• 添加一个链接
• 发布到我们的云端托管服务器，AXURE 分享
• 生成本地的 HTML 文件
• 页面操作
• 调整 Sitemap 里的页面
• 显示网格和创建辅助线
• 添加一个单页的辅助线
• 使页面在中心
• 修改所有页面的背景颜色
• 预览原型
• 部件库和 Masters
• 添加一个 Button shape 和设置 MOUSEOVER 风格
• 复制并放置 Button shape
• 将 Button shape 转移到 Master
• 把 Masters 放到每个页面上
• 在 Master 上给每个 Button shape 添加链接
• 预览原型
• 建立交互
• 添加一个 Button Shape 和两个文本框
• 禁用第二个文本框
• 单击按钮禁用第一个文本框
• 启用第二个文本框
• 第二个文本框设置 Focus
• 当页面下载时设置聚焦 Text Field 1
• 预览原型
• 引入动态面板
• 添加一张图片和一个 Button Shape
• 转换到动态面板和添加状态
• 为每一种状态添加一张图片
• 通过点击 Next 在面板显示下一个状态
• 预览原型
• 条件、值和变量
• 添加一个文本框和一个 Button Shape
• 添加一个条件去检查文本框是否为空
• 将文本框的值设置为 ONLOADVARIABLE
• 打开页面 1 添加动作
• 当文本框为空时添加第二个案件
• 添加一个矩形到页面 1
• 当页面加载时设置矩形的文本
• 将 ONLOADVARIABLE 放进欢迎信息中
• 预览原型
• 2从头开始
• 从头构建一个电子商务网站
• 介绍
• 让我们开始吧
• 创建一个 Header Master
• 创建产品缩略图和 QUICK VIEW 按钮
• 产品详细信息弹出窗口和幻灯片
• 加入购物车
• 隐藏/显示产品信息
• 设计一个可以在 iPhone 或者 Android 上展示的原型
• 介绍
• 让我们开始吧
• 设置手机浏览的文件
• 导航
• 弹出窗口
• 外部链接到 Google Maps
• 滚动内容
• "JOIN MAILING LIST" 域
• 3原型设计基础指南
• 按钮的交互
• 打开 Rollover Style 对话框
• 编辑 MouseOver Style
• 在 Axure 中预览样式
• 编辑 MouseDown Style
• 编辑 Selected Style
• 点击时按钮被选中
• 显示隐藏部件
• 添加矩形部件
• 命名部件
• 设计错误信息
• 隐藏部件
• 为 Successful Login 添加事例
• 为 Failed Login 添加事例
• 预览原型
• 用户自定义 Tooltip
• 将图片隐藏
• 使用 OnMouseEnter 来显示面板
• 添加显示动作
• 在更多选项中选中 Treat as Flyout
• 导航菜单
• 打开主菜单编辑 selected 样式
• 在 Selected Style 选项板中设置填充颜色和字体
• 为页面添加 OnPageLoad 事例
• 将部件设置为 Selected Style
• 给每一张页面添加 OnPageLoad 事例
• 预览原型
• 4Masters 指南
• 触发事件教程之上一页/下一页链接 master
• 在同一 master 上的不同交互
• 5动态面板指南
• 图片循环显示
• 添加一个点击事例到图中右箭头
• 设置面板状态为 Next
• 对左箭头重复步骤2
• 制作用户自定义的下拉菜单
• 把菜单装换成动态面板
• 定位部件到导航项目下
• 隐藏菜单
• 添加 OnMouseEnter 事件
• 选中显示面板的动作
• 选中面板中的 Treat as Flyout
• 折叠控制
• 将内容转换成动态面板
• 标记和隐藏内容面板
• 切换可见性和 Push/Pull Widgets
• 将动态面板放置到合适位置
• 选项板部件
• 将一个矩形设置进选项板中去
• 编辑选项板的选择样式
• 复制、粘贴，添加到选项组中去
• 添加一个矩形，转换为动态面板
• 重复状态，编辑文本
• 添加 OnClick 事件
• 设置活动选项板
• 预览原型
• 视频与图片的 Lightbox
• 关于 LIGHTBOX
• lightbox 示例
• 图片 Lightbox
• 视频 Lightbox
• 创建一个居中的，背景暗化的 Lightbox
• 将图片和画面装换成动态面板
• 隐藏它
• 捎到浏览器去
• 添加 OnClick 事件到按钮
• 在更多选项中选中 treat as lightbox
• 图像的拖拽交互
• 将图片部件装换成动态面板
• 添加 OnDrag 事例到 Move with drag
• 添加 OnDragStart 事例
• 添加条件到 OnDragDrop 和 事例 1
• 隐藏某批次的图片
• 设置 Image Strip 返回默认状态
• 添加第二条件到 OnDragDrop 事件
• 设置 Image Strip 返回默认状态
• 拖拽地图使用嵌套的动态面板和 OnDrag
• 创建动态面板的 window
• 调整 MapWindow 面板
• 重新定位地图面板内的状态
• 将地图装换为动态面板
• 添加 drag 动作
• 添加交互来重置地图
• 自动旋转标题
• 添加事例到 OnLoad 事件
• 添加等待动作
• 为页面状态添加动作
• 6高级原型设计指南
• 条件逻辑：账户登录教程
• 真实的登录体验
• 总结
• Auto-Tab 字段
• 检测输入的字符数量
• 总结
• Terms 和 Conditions
• 动态启动和禁用
• 总结
• 下拉列表选择
• 下拉列表交互
• 总结
• 必填字段
• 切换 IF / ELSE IF
• 总结
• 设置文本下拉列表选择教程
• 下拉列表选择插入文本
• 总结
• 将文本传递给下一个页面
• 把从页面输入的值传递到下一个页面
• 总结
• 在下一个页面上设置面板教程
• 在链接页面改变动态面板的状态
• 总结
• 7Web 设计指南
• 嵌入视频和地图
• 关于内联框架（浮动框架、页内框架，内嵌框架）
• 常用的内联框架嵌入式媒体
• 详细逐步示例
• 总结
• 8iPhone App 指南
• 滑动菜单
• 滑动菜单教程概述
• 面板的滑上
• 面板的滑下
• 总结
• 滚动内容
• 滚动内容教程概述
• 拖拽滚动的 IPHONE 应用程序
• 总结
• 屏幕过渡动画
• 屏幕过渡动画概述
• iPhone 应用程序导航与动态面板
• 总结
• Swipping 幻灯片
• Swipping 幻灯片教程概述
• 移动旋转木马
• 总结
• 9Repeater 部件指南
• Repeater 小部件
• Repeater 教程
• 总结
• 10自适应视图指南
• 自适应视图
• 自适应视图的基础应用