Axure RP8网站与App原型设计经典实例教程(超值版)电子书

内容提要

前言

推荐语

01 原型设计的基本知识

1.1 Axure RP 介绍

1.1.1 当前版本

1.1.2 主要功能

1.1.3 其他原型设计工具

1.2 原型设计的概念

1.3 原型设计的重要性

1.4 我该如何着手学习

1.5 组件化的设计思路

1.6 学习路径

1.7 小结

02 Axure工作空间介绍

2.1 概述

2.2 工具栏

2.2.1 选择、连接和画笔

2.2.2 排列顺序

2.2.3 编组与打散

2.2.4 对齐与分布

2.2.5 锁定与解锁

2.2.6 样式工具栏

2.3 左侧面板

2.3.1 站点地图

2.3.2 元件库

2.3.3 母版库

2.4 右侧面板

2.4.1 属性和样式

2.4.2页面元素大纲

2.5 设计区域

2.5.1 右键菜单

2.5.2 用例编辑

2.5.3 变量与函数编辑

2.6 小结

03 Axure原型设计的操作技巧与解析

3.1 关于元件命名

3.2 怎样让内容屏幕居中

3.3 背景适应宽度

3.4 交互样式设置

3.5 矩形的基本样式设置

3.5.1 选择形状

3.5.2 背景颜色

3.5.3 文字颜色

3.5.4 边框大小、颜色和线段类型

3.5.5 圆角

3.5.6 边距

3.5.7 阴影

3.6 吸管工具的使用

3.7 自定义元件的设置

3.8 动态面板的特性

3.8.1 容器性

3.8.2 多状态性

3.8.3 整体性

3.8.4 固定到浏览器

3.9 如何设置选项组

3.10 选中属性的应用

3.11 母版的使用

3.12 响应式页面设计

3.13 图片Scale-9属性的应用

3.14 如何显示草图效果

3.15 发布到移动终端

3.16 小结

04 预览与发布

4.1 关于预览

4.2 关于发布

4.2.1 导出HTML文件

4.2.2 发布到AxShare

4.3 查看原型

4.3.1 安装Chrome插件

4.3.2 从home.html开始

4.4 综合实例：Hello Axure！

4.5 小结

05 变量与函数的设置

5.1 概述

5.2 变量和函数的常用类型

5.3 插入变量或函数

实例：转换输入内容为大写

5.4 全局变量的添加与使用

5.4.1 添加方法

5.4.2 如何使用

5.5 局部变量的添加与使用

5.5.1 添加方法

5.5.2 如何使用

5.6 综合实例：手机拨号盘

5.7 小结

6.1 概述

6.2 普通元件

实例：普通事件

6.3 动态面板

实例：动态面板事件

6.4 文本

实例：文本事件

6.5页面

实例：页面事件

6.6 事件分支

6.6.1 事件分支的产生

6.6.2 事件分支的命名

实例：事件分支与事件命名

6.7 事件动作介绍

6.7.1 链接动作

实例：不同的链接打开方式

6.7.2 元件动作

实例：显示/隐藏弹出窗口

实例：自动水平幻灯片

实例：文本设置

实例：设置图片按钮

实例：性别选择

实例：用户注册

实例：滑动验证码

实例：幸运大转盘

实例：动态进度条

实例：图片透明度调整

6.7.3 全局变量动作

实例：转换输入内容为大写

6.7.4 中继器动作

实例：dribbble网站的作品显示与过滤

6.7.5 其他动作

实例：设置等待时间

6.8 小结

07 动画效果的设置

7.1 动画效果的应用范围

7.2 显示/隐藏元件

实例：显示/隐藏按钮气泡提示信息

7.3 设置动态面板状态

实例：自动垂直幻灯片

7.4 移动元件

实例：显示/隐藏动态浮动气泡

7.5 旋转元件

实例：制作旋转的风车

7.6 设置尺寸

实例：设置图片缩放效果

7.7 小结

08 动态面板的设置

8.1 概述

8.2 动态面板的属性

实例：自动调整为内容尺寸

实例：固定到浏览器

8.3 动态面板事件

8.3.1 载入事件

8.3.2 拖动开始时

8.3.3 拖动进行时

8.3.4 拖动结束时

实例：移动滑块，实时显示当前滑块位置

8.4 综合实例：“人人都是产品经理”之动态面板的应用

8.5 小结

09 中继器的操作

9.1 概述

9.2 中继器的基本操作方法

9.2.1 添加排序

9.2.2 移除排序

9.2.3 添加筛选

9.2.4 移除筛选

9.2.5 设置当前显示页面

9.2.6 设置每页显示项目数量

9.2.7 添加行

9.2.8 标记行、取消标记

9.2.9 更新行

9.2.10 删除行

实例：中继器样式设置

9.3 综合实例：用户列表的数据操作

9.4 小结

10 元件库的设计与应用

10.1 概述

10.2 元件库设计的作用和意义

10.2.1 提高原型设计效率

10.2.2 保持原型设计的一致性

10.3 综合实例：Android元件库的设计

10.4 小结

11 综合实例的操作与应用

11.1 综合实例：“淘宝网”首页自动幻灯片

11.2 综合实例：“网易云音乐”分享弹出窗口

11.3 综合实例：“美团网”导航菜单

11.4 综合实例：“人人都是产品经理”网站导航菜单

11.5 综合实例：“新浪微博”下拉刷新

11.6 综合实例：“雷锋网”浮动菜单栏

11.7 综合实例：“京东网”手机品牌的选择

11.8 综合实例：“UC浏览器”文件下载处理

11.9 综合实例：“淘宝网”商品搜索结果

11.10 综合实例：“创业邦”登录和注册界面

11.11 小结

12 微信Android客户端原型设计

12.1 概述

12.2 准备工作

12.2.1 截图功能的应用

12.2.2 吸管工具的应用

12.2.3 客户端截图准备

12.3 设计公共元件库

12.3.1 新建元件库

12.3.2 设计元件库内容

实例：制作绿色按钮

实例：制作浅灰色按钮

实例：制作返回箭头图标

实例：制作输入框

实例：制作标题栏

实例：制作白色/绿色文字气泡背景

实例：制作提示信息弹出框

实例：制作输入法键盘

实例：制作照片选择列表

实例：设置“开关”选项

实例：设置“扫一扫”功能

12.3.3 加载元件库

12.4 综合实例：微信登录和首页设计

12.4.1 设置启动界面

12.4.2 设置登录界面

12.4.3 首页布局

12.4.4 制作主导航

12.4.5 设置“搜索”功能

12.4.6 设置微信菜单

12.4.7 设置“添加朋友”功能

12.4.8 “扫一扫”功能的应用

12.4.9 设置消息列表

12.4.10 设置“好友聊天”功能

12.4.11 预览

12.5 小结

附录：函数与属性

元件属性

窗口属性

光标属性

数字函数

数学函数

字符串函数和属性

日期函数