Axure _ 原型图

目录

1、什么是 Axure 原型 ?

2、Axure RP7.0 软件安装、汉化与注册

3、认识 Axure

4、打开链接交互

5、认识动态面板 (上)

6、认识动态面板(下)

7、推拉效果的两种实现方法

8、内联框架的使用

9、导航栏吸附效果

10、全局变量的使用

12、数学函数开发抽奖游戏


1、什么是 Axure 原型 ?


2、Axure RP7.0 软件安装、汉化与注册


3、认识 Axure

快速保存 ( 另存为 )

撤销  、  撤销撤销操作 

  工具栏 : 

剪切 , 复制 , 粘贴

相交选中 :

包含即选中 : ( 较 推荐 )

 连线工具 : 

插入 :

样式 :

字号 : 14  ;  文本颜色 : 红色  ;  粗体加粗  ;  斜体倾斜  ;  下划线  ;  项目符号

左侧对齐  ;  水平居中  ;  右侧对齐  ;  两端对齐 ( 默认 : 左对齐 )

顶部对齐  ;  垂直居中  ;  底部对齐

空格 + 左按键 进行 画布 的 拖拽 :


4、打开链接交互

模拟 iPhone8 : 

接下来的轮播图区域我们可以使用一个 占位符 来代替 ( 节省我们的时间 )

整体复制一份 , 然后建立一个新文件  页面 2

页面 1 : 通过点击轮播图区域进入详情页

选中 Banner 轮播图区域 , 点击交互 , 点击 新建交互 , 

接下来通过预览查看效果 :

点击 Banner 轮播图区域可以跳转到页面 2 , 点击返回按钮可以返回到 页面 1


5、认识动态面板 (上)

如何操作动态面板呢 ?

双击动态面板 , 就会进入到动态面板的一个编辑状态

动态面板内部是有 独立坐标系 的

添加 状态 2 , 是个空的面板 , 还可以对面板进行 复制

动态面板可以有多个状态 , 但是它就像是一本书一样 , 我们同时只能看一页 , 它可能有 1000 页 , 但是我们只能一页一页去看 , 每一个状态都是唯一的 , 它同一时间只能显示一种状态 , 这也是动态面板的一种特性

交互 => 新建交互 => 鼠标单击时 => 设置面板状态 => ( 依次设置好 )

 实现一个 吸顶 效果 :

( 1 ) 全选顶部的矩形区域

( 2 ) 右键 => 将其转换为 动态面板

 


6、认识动态面板(下)

右键 将其转换为 动态面板 =>  去掉 它的 自适应 内容

 拿到左侧

建立一个 圆形 滑块 

滑块所在面板 :

移动刚刚新建好的滑块 

 

 

注意 : 我们的 滑块 一定要 置于 顶层

 

OK , 接下来 按住 Ctrl  向下拖拽 , 复制出来几个 , 改改 就 OK 了


7、推拉效果的两种实现方法

装换为 动态面板 :

转换为 动态面板 依次类推 :  营销中心子菜单 ,  用户中心子菜单

 

 

复制 粘贴 功能 选项 ( 改成自己相对应的下拉模块就好 )

 

 

 

 


8、内联框架的使用

 

 随后点击访问页面 1 , 查看效果 :


9、导航栏吸附效果

 

避免干扰影响我的操作 , 将里面的内容暂时先拖拽出来放在一边 , 

并 将 需要吸附的 一栏 进行 转换为 动态面板

 然后将两个动态面板( 内容层 和 导航栏 )整体再转换为 一个 动态面板 , 对其进行设置高度 667

自适应内容 , 也会自动被取消掉的


10、全局变量的使用

添加一个 提示文本 :

回到 页面 1  : 

全局变量 不支持 中文 , 也不支持 数字 开头 :

切换 到 页面 2  : 新建交互 :


12、数学函数开发抽奖游戏

 

上好颜色后组装起来 :方便操作 

 

 

 

 

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值