早几期文章，我说没有我做不出的交互，于是有同学加我微信，说老师你能实现这个3D效果吗？我本来想怼她一顿，这是平面软件，但是一气之下我就把她说的3D效果做出来了。
　　首先看看效果：
　　动效分析：
　　咋一看效果挺炫，但其实实现很简单，只是元件移动距离，和图层关系的问题。主要是要画出正斜视图正方体，因为我是用Axure画的，懒得定位，所以有点不正，但不要在意这些细节，重点讲思路，这样以后遇到一些想实现的动效，你也会开始这样思考。
　　一、绘制
　　在画布添加一个矩形，选中矩形，然后用鼠标双击边，就可以变形了。
　　至于怎么才能画得正，我也想知道几何数学好的同学可以提供一下方法，反正我是靠手感。画出三个四边形拼起来就是正方体，然后复制顶面，作为阴影。
　　然后连续复制六个，大家可以看出参差不齐的样子，这叫艺术效果。
　　有同学会问：老师，效果图明明只有四个，为什么要复制六个？
　　这个问题问得好，多复制对角的两个主要是为了知道这两个位置的坐标，所以我们这里把它们隐藏，为以下元素命名如下所示：
　　二、添加交互
　　这里我们不做动态面板循环动画了，直接用一个按钮点击，添加一个按钮，并为之添加效果。
　　2。1添加第一个移动
　　把1移动到2，把2移动到隐藏5，把3移动到隐藏6，把4移动到3。底部阴影跟上面一样，坐标大家点击元件就能查看了，这里移动线性1000ms。
　　2。2添加第二次移动
　　对于空间想象能力不行的，可以参考第一个移动效果。
　　通过观察，第二次移动是：移动2到4，移动3到1（阴影同）。所以设置交互，等待1000ms，设置如下：
　　看看效果，我们发现有问题：
　　大家看了这个效果，可能会很困惑，不要被迷惑了，其实只是图层问题，设置下就好了。
　　移动2到4位置的时候，2应该置底。
　　移动3到1位置的时候，3应该置顶。
　　大功告成！最终效果：
　　最后去掉不需要的文字，看动图就是无限循环的效果了。其实用Axure还可以实现其他3D效果，我还做了另一个，看起简单，其实比这个教程要难点。
　　大家可以思考一下上面这个怎么做！提示“变形”“位移”。
　　本期到此，喜欢的同学可以动动小手指点点赞！感谢观看

Axure教程：如何实现计时一般来说，我们的手机里都自带了一个计时小工具。于是前不久，笔者突发奇想，能不能用Axure做出这个小工具，实现计时效果呢？因此，笔者将以此为案例讲讲具体怎么做。一、元素准……AxureRP8教程：实现高逼格的面板切换效果如何利用AxureRP8教程实现高逼格的面板切换效果呢？一起来文中看看浏览网页时，我们经常看到整屏滚动效果的首页设计，如招商银行首页：当鼠标上下滚动时，不同页面进行翻页展……Axure教程：按钮与文本框结合在一起的动态重置功能本文要给大家讲解的是，按钮与文本框结合在一起的动态重置功能，enjoy设置文本1。1页面布局1。1。1页面设定新建一个页面文件，命名为“重置功能”。……App产品原型背后要交代的细节或要理解的原则（五）本文接上一篇App产品原型背后要交代的细节或要理解的原则（四）。18、聊天发表情，是怎样的机制在微信发一个表情出来，你发现显示的是名称〔调皮〕，而不是一个图标。……哲学三问之原型是怎么来的？在产品的具体设计中，原型是怎么来的呢？笔者认为原型由信息架构设计与条目设计组成，并以途家app搜索页为例讲解了条目设计。几千年来，哲学家们一直在思考三个问题：我是谁？我从……AxureRP9教程：9宫格拼图如何制作本篇文章通过原型设计工具为大家演示了9宫格拼图效果，看完后别忘了自己动手做一下！效果图使用工具AxureRP9beta绘制原型Camtasia2018录……Axure教程：实现页面上下滑动和顶部吸附效果本文将给大家介绍：如何在Axure中实现页面上下活动和顶部吸附，一起来看看吧效果预览：看是不是你想要的：https：xydq37。axshare。comc2一、元素……AxureRP8教程：图片局部开灯交互动效感谢罗罗诺亚索作者分享的【Axure教程：图片局部开灯交互动效】文章；由于该原型是用AxureRP9实现的，因此本文将结合文章实现方法，使用AxureRP8。0实现，并升级实现……Axure教程：如何制作3D动效？早几期文章，我说没有我做不出的交互，于是有同学加我微信，说老师你能实现这个3D效果吗？我本来想怼她一顿，这是平面软件，但是一气之下我就把她说的3D效果做出来了。首先看看效……Axure教程：如何自制横向滚动条？本文为我们介绍了自制横向滚动条的三个步骤，以及其中的注意要点。更多详细内容请见正文一般如果我们需要使用横向滚动条，会直接使用动态面板提供的横向滚动条。由于横向滚动条在动态……Axure教程：用户登录交互原型如何制作？今天和大家分享的是最常见的用户登录的原型设计，适用对象：想加入产品坑的新手小白。1。元件准备用户名、密码的输入框由矩形、icon、文本框三个元件组成。为方便区……Axure教程：如何使用时间函数动态显示当前时间？本文教大家如何在Axure中，如何使用时间函数动态显示当前时间，enjoy首先Axure提供了很多时间函数，如下：Now用途：获取当前计算机系统日期对象。获取……