1.4_4 Axure RP 9 for mac 高保真原型图 - 案例3 【跳转】微信听一听

相关链接


案例目标

 1. 熟悉 动态面板 的功能
 2. 熟悉 变量值 的使用方法
 3. 熟悉 图层 的设置方法
 4. 熟悉 交互 功能的使用,打开链接 到另一个页面
 5. 掌握 页面功能区 的使用,创建页面、创建目录
 6. 掌握 切割图片 的方法
 7. 掌握 倒圆角 的方法

一、成品效果

Axure Cloud 案例3 -【跳转】微信听一听

版本介绍

 一、发现
  1.1 点击听一听模块,进入听一听页面
 二、听一听
  2.1 点击歌单模块,进入歌单页面
 三、歌单
  3.1 点击任意歌曲,进入播放器界面
  3.2 点击左上角,返回听一听页面
 四、播放器
  3.1 在【案例2】 旋转的唱片 中已实现的全部功能

在这里插入图片描述

二、素材准备

第一页第四页是其他案例的成品,第二、三页直接用手机截图。并且将四幅图调整至一样的尺寸。

在这里插入图片描述

三、制作方法

需要创建四个分页,将素材放入各个页面中。页面之间的跳转是通过元件->热区,设置交互 来实现的

在这里插入图片描述

四、操作步骤

1.创建分页

创建四个页面,页面尺寸与素材尺寸保持一致

在这里插入图片描述

2.素材放入对应页面

在这里插入图片描述

3.添加热区、设置交互

在每个页面对应位置添加热区,交互设置:点击时->打开链接-> 到指定页面

在这里插入图片描述

4.效果预览

在这里插入图片描述


22/08/17

M

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值