Axure RP8 产品经理精品实战视频课程（案例篇）

1-1

案例：登录验证 输错3次显示验证码 案例描述：输入指定的用户名密码后，完成验证并跳转页面；若连续三次输错用户名密码，则显示验证码，需要再输入验证码后跳转页面。

「仅限付费用户」点击下载“案例：登录表单验证（输错3次显示验证码）.zip”

[20:31] 开始学习

1-2

案例：联动下拉菜单 案例描述：两个下拉菜单，选择不同的一级菜单项，二级菜单显示对应不同的选项。

「仅限付费用户」点击下载“案例：联动下拉菜单.zip”

[06:31] 开始学习

1-3

案例：手风琴菜单 案例描述：点击不同的菜单标题，显示对应的菜单内容，隐藏其他菜单内容，推拉效果像手风琴一样。

「仅限付费用户」点击下载“案例：手风琴菜单.zip”

[05:58] 开始学习

1-4

案例：app侧面滑动菜单（淘宝 ） 案例描述：以淘宝app为例，点击筛选按钮，菜单从右侧向左滑入；点击空白处，菜单向右滑出；菜单可上下滚动，菜单下部按钮固定显示。

「仅限付费用户」点击下载“案例：app淘宝筛选菜单.zip”

[21:51] 开始学习

1-5

案例：app侧面抽屉菜单（QQ） 案例描述：以手机QQ为例，左右拖动鼠标（左右滑动手势）、点击用户头像时，左侧菜单以“抽屉”的推拉动作进行显示/隐藏的切换，页面主体随“抽屉”同步移动。

「仅限付费用户」点击下载“案例：app侧面抽屉菜单（QQ）.zip”

[15:35] 开始学习

1-6

案例：app下拉刷新 案例描述：模拟移动app的下拉刷新内容效果，并且有下拉刷新提示、更新时间提示文字等字样的变化。

「仅限付费用户」点击下载“案例：app下拉刷新.zip”

[08:47] 开始学习

1-7

案例：淘宝商品图片放大效果 案例描述：鼠标移入商品缩略图，显示放大镜，放大镜跟随鼠标移动，并放大显示该区域。

「仅限付费用户」点击下载“案例：淘宝图片放大.zip”

[08:50] 开始学习

1-8

案例：微博缩略图放大（app和网页版） 案例描述：微博app点击缩略图后显示大图隐藏缩略图，并能够左右拖动切换图片；微博网页版点击缩略图后显示大图，并推动缩略图到大图下方，缩略图有当前高亮状态以及遮罩状态，可以点击缩略图切换图片、点击箭头切换图片。

「仅限付费用户」点击下载“案例：微博缩略图放大（app 网页版）.zip”

[22:57] 开始学习

1-9

案例：导航菜单高亮显示（使用母版） 案例描述：使用母版制作导航菜单，使菜单当前页面的项目高亮显示（包括文字和图标）。

「仅限付费用户」点击下载“案例：母版中 导航菜单高亮显示.zip”

[17:55] 开始学习

1-10

案例：返回顶部 案例描述：当页面垂直滚动距离大于某个值时，显示返回顶部按钮，点击后页面返回到最上方。

「仅限付费用户」点击下载“案例：返回顶部.zip”

[06:31] 开始学习

1-11

案例：自动生成验证码 案例描述：页面载入时自动生成四位验证码（含数字、大写、小写字母），点击换一张按钮后重新生成验证码，用户登录时验证码的判断不区分大小写。

「仅限付费用户」点击下载“案例：自动生成验证码.zip”

[17:01] 开始学习

1-12

案例：进度条 案例描述：常见的进度条效果，两种实现方式。

「仅限付费用户」点击下载“案例：进度条.zip”

[12:41] 开始学习

1-13

案例：进度环 案例描述：进度条的变体——环状进度显示。

「仅限付费用户」点击下载“案例：进度环.zip”

[12:43] 开始学习

1-14

案例：鼠标悬浮显示下拉菜单 案例描述：鼠标移入头像，显示下拉菜单，移出头像，下拉菜单隐藏。

「仅限付费用户」点击下载“案例：鼠标悬浮显示下拉菜单.zip”

[05:57] 开始学习

1-15

案例：动态增加表单内容 案例描述：动态增加数据表格中的数据。

「仅限付费用户」点击下载“案例：动态增加表单内容.zip”

[18:09] 开始学习

1-16

案例：自定义文本框（切换焦点时变换样式） 案例描述：自定义文本输入框的样式，当文本框获取焦点时，改变样式（高亮显示）。

「仅限付费用户」点击下载“案例：自定义文本框（切换焦点）.zip”

[10:14] 开始学习

1-17

案例：自定义下拉框 案例描述：自定义下拉框（下拉菜单）交互样式。

「仅限付费用户」点击下载“案例：自定义下拉框.zip”

[10:31] 开始学习

1-18

案例：自定义单选按钮 复选框 开关 案例描述：对单选按钮、复选框、开关三种表单元件进行自定义交互样式的制作。

「仅限付费用户」点击下载“案例：自定义单选按钮 复选框 开关.zip”

[12:18] 开始学习

1-19

案例：网易云音乐-发现音乐 案例描述：网易云音乐app的首页——发现音乐页面，主要强调了几点由低保真像高保真过渡，替换元件样式时需要注意的问题。

「仅限付费用户」点击下载“0网易云音乐（整体）.zip”

[15:36] 开始学习

1-20

案例：网易云音乐-我的歌单 案例描述：网易云音乐-歌单页面垂直滚动向下一定距离后，顶部标题文字变为歌单名称，“全部播放”顶部吸附；向上滚动恢复。

「仅限付费用户」点击下载“0网易云音乐（整体）.zip”

[12:59] 开始学习