Axure 教程:突发奇想的“菜单转盘”

2 评论 3264 浏览 10 收藏 3 分钟
渴望踏入产品经理行业但无从下手?我们的1V1私教陪跑实战营,由大厂导师手把手带你入门,从理论到实践,助你快速掌握核心技能,轻松上手!

之前中午和同事一直在纠结吃什么,突发奇想想到了转盘抽奖的模式做一个“转盘选餐”的原型图,大家仅供参考。

结果图如下所示:

设计思路:

  1. 设计一个圆盘做为底盘;
  2. 增加“抽奖”按钮及旋转指针。

预计实现效果:点击“抽奖”按钮,触发底盘旋转,大约2s后底盘停止转动,指针所在区域即为选中结果。

涉及内容:旋转、随机函数(random())。

首先,利用“圆”、“垂直线”和“文本框”绘制一个转盘底盘组合;如图所示:

接着,在底盘上加指针及触发按钮“抽奖”,并对“抽奖”按钮设置“鼠标单击时”事件,选择“旋转”勾选转盘组合。

设置旋转方向为顺时针旋转为“相对位置(by)”,若是“绝对位置(to)”则抽奖转盘转完后,再次单击则无法实现随机抽奖转动;

设置角度,由于需要抽奖单击随机,所以此处我们需要使用到函数[[100000+random()*360]]°

最后保存并点击浏览即可,一个简单的小交互就实现了。

交互的rp文件,朋友们可以下载查看详情:https://pan.baidu.com/s/14KDGnuMjEOJmkRtY5dRHbQ

 

本文由 @产品小白白 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 这个想法可真可爱啊,哈哈哈哈

    来自江苏 回复
    1. 主要是迫于生活的压力,哈哈哈

      来自北京 回复
专题
16308人已学习7篇文章
AI在现实中的应用有很多,AI应用实例有哪些?AI的实现原理是什么你知道吗?本专题的文章分享了AI应用实例分析
专题
13155人已学习13篇文章
产品经理在日常工作中,除了要跟进和把控产品的整体流程以外,也要对产品后续的销售策略进行规划;销售策略的规划可以让产品经理对于用户的场景以及体验等更加熟悉。本专题的文章分享了产品的销售策略。
专题
57331人已学习14篇文章
一次成功的线上活动能让你刷爆朋友圈,拉新活跃留存应有尽有。
专题
31340人已学习14篇文章
不管你是产品、运营还是文案,你都需要懂用户思维。
专题
13786人已学习13篇文章
情绪板由能代表用户情绪的文本、元素、图片拼贴而成,能够很好地帮助我们定义设计的方向。本专题的文章分享了如何应用情绪板。