本期给大家带来的是点击购买按钮后，“商品飞入购物车的动效”。
　　一、照例先上gif
　　二、制作方式
　　我们准备三个需要用到的元素，分别为右侧的购物车（包括鼠标移入的样式），左侧的点击按钮（包括不可点击的样式），以及代表商品移动时的小红点。
　　首先我们将元素3设为隐藏并设置名称，比如我这里设置为：“移动icon”。
　　其次我们为元素2的数字部分设置名称，比如我这里设置为：“购物车数量模块”。
　　然后我们为元素1“放入购物车”的按钮设置交互，如图所示。这样我们就能实现点击“按钮”后，一个小红点飞入到购物车的动画效果了。
　　简单解释下，实现的原理：
　　我们设置点击的判断，当“点击按钮”被点亮的时候，我们允许它被点击。
　　当按钮点击后，显示“移动icon”，并移动它，向“购物车”的位置移动。当中我调整了4次方向和时间，为了模拟“抛物线”的效果。（实际效果并不理想，不知道有没有更好的实现办法）。
　　当动画结束后，我们要隐藏“移动icon”，并把它恢复到原点。然后我们要让“点击按钮”设置为不可点击状态，最后我们要为“购物车”中的购物数量加1。
　　这样我们的“商品飞入购物车的动效”就结束了。
　　本文原型链接：https：vnmga7。axshare。com
　　欢迎朋友们拍砖，多多指出其中的不足。
　　扩展阅读
　　Axure教程如何使用中继器当数据库，制作web端幻灯片？
　　Axure教程web端的验证码（普通验证码和滑块验证码）如何制作？
　　Axure教程小白入门，制作web端注册登录
　　其他原型链接
　　幻灯片原型链接：https：1bqith。axshare。com
　　注册和登录链接：https：tk5yg4。axshare。com
　　普通验证码链接：https：k4x9cz。axshare。com
　　滑块验证码链接：https：61uzxz。axshare。com

Axure教程：App移动端多选效果美化本篇教程将为大家展示如何使用Axure美化App移动端多选效果。最终效果分解页面制作步骤首先我们按照上图在场景中绘制出需要用到的元素，并且将元素单独成组……微观角度：原型图的交互说明该怎么写上一篇文章从宽泛的宏观角度说明了输出原型图交互说明需要注意的事项，本篇结合图例尝试从微观角度通过分类，阐述输出移动端原型图交互说明应该注意的细节。页面元素交互说明的具体内……产品需求文档分享：冥想类APPNowHere冥想PRD冥想，是一种心性锻炼法，在瑜伽里经常使用的。冥想可以帮助人集中注意力，提升创造能力，拥有着巨大的价值值得挖掘。如果要做一款冥想的产品，你会怎么做呢？在国内，冥想这项带着强……Axure教程：App移动端单选效果美化本篇教程将为大家展示如何使用Axure美化App移动端单选效果。最终效果知识点fontawesome：如demo中所示，界面下方三个按钮中的图片，都是使用fo……3个原型设计训练技巧，助你快速提升UX技能！每个设计师几乎都会思考，如何成为更优秀的设计师的方法；而刻意训练，能够让一个人用更少的时间，做出更好的作品。本文将介绍3个3个原型设计训练技巧，通过快速原型设计训练，你也可以培……Axure教程：登录页间转场特效本篇教程将展示如何使用Axure制作一个登录页转场特效O（）O一、最终效果二、知识点尺寸移动等待三、制作过程首先我们在页面中绘制一个按……Axure教程制作一个商品飞入购物车的动效本期给大家带来的是点击购买按钮后，“商品飞入购物车的动效”。一、照例先上gif二、制作方式我们准备三个需要用到的元素，分别为右侧的购物车（包括鼠标移入的样式）……Axure教程：使用动态面板实现iOS开关效果本篇文章将详细地展示了如何使用动态面板实现iOS开关特效，enjoy最终效果知识点动态面板；交互设置动态面板；交互移动；交互nbs……Axure实例：二三级菜单展开折叠效果的实现本文介绍了菜单二三级中展开折叠效果，大家可以参考学习。后台系统的管理菜单级联原型设计，一般后台菜单的级别分为2、3级，也会通过结构布局来化解菜单折叠的问题，但是有些复杂系……Axure教程：跟随鼠标移动的导航菜单特效本篇教程将展示如何使用Axure制作一个可以跟随鼠标移动导航菜单特效，enjoy一、最终效果二、制作过程我们先了解一下本教程中用到的元素：菜单按钮菜单背景跟随……Axure教程：用中继器实现学生成绩表增删改及组合筛选本篇文章介绍了如何用中继器实现学生成绩表增删改及组合筛选。先来一张成品效果图，整体上有表单区和选项卡两部分组成，选项卡设置有隐藏。实现效果：可以通过新增按钮打……以微信为例：如何用Axure制作高保真原型？本文从准备素材到具体实施步骤，手把手教你如何用Axure制作高保真原型。1。准备素材制作高保真原型，当然需要大量图标啦，但这些图表那里来呢？我知道的有以下几种……