为了方便用选购商品，现在的电商网站，通常都会有对比、关注、加入购物车这三个功能。我们以京东商城为例，看看如何通过Axure实现这三个功能。
　　图例如下所示：
　　【需求分析】
　　通过我们对京东商城的观察，得出如下需求：
　　当鼠标移入“对比”框的时候，文字和边框变成红色，当鼠标移出的时候，恢复默认样式黑色；
　　当鼠标移入“关注”框的时候，关注和边框变成红色，并且黑色的心型图标向上滑动，切换为红色，当鼠标移出的时候，回复默认样式；
　　当鼠标移入“加入购物车”框的时候，边框变成红色，移出以后，边框颜色恢复为黑色。
　　【原型设计】
　　（1）先往画布放置宝贝图片、价格、名称、评价数量等元件，这里请各位同学自己完成，小猿不做赘述；
　　（2）制作对比框：拖入两个矩形，调整尺寸为一大一小，在大的矩形里面录入文字“对比”；
　　（3）制作关注框：拖入两个矩形，调整为一大一小，对于小的矩形框，点击右键，在弹出菜单里面点“选择形状”，然后选择心形，就可以把矩形框调整为心形框。
　　（4）选中心形，把这个形状转换为动态面板，为该动态面板添加状态2，状态2里面复制同样的心形元件，只是把原色改成红色；
　　（5）制作加入购物车框：拖入一个矩形和购物车图标，矩形里面写上“加入购物车”；
　　（6）到此，原型设计完成，效果如下所示：
　　【交互设计】
　　（1）对比框交互：把对比框的两个矩形框组合，设置该组合的交互样式，当鼠标悬停的时候，设置矩形的边框为红色，字体为红色；这里要注意一点，就是要设置该组能够“触发内部元件鼠标交互样式”。
　　（2）关注对比框：同样把对比框的动态面板和矩形组合，设置该组合的鼠标事件：
　　设置对比框的选中交互样式，当选中的时候，设置字体和边框为红色；
　　当鼠标移入时，设置选中对比框，并且设置动态面板的状态为2（红色），设置切换效果为向上移动；
　　当鼠标移出时，设置取消选中对比框，并且设置动态面板的状态为1（黑色），设置切换效果为向上移动；
　　（3）加入购物车交互：与“对比”框类似设置加入购物车框的悬停效果，鼠标悬停的时候，设置边框为红色。
　　到了这里，商品的对比关注购物车功能就算做好了，同学们赶紧去试试吧。

Axure教程：轻松导出图标字体所有图标近几年图标字体使用非常广泛，它的优点是可以自定义图标颜色、大小等参数，且图标不会失真。本文将教你轻松导出图标字体中的所有图标，任你所用。一、问题来源最近在集中整理一……Axure教程：高保真的评论页今天和大家分享怎么用中继器制作评论页。该原型使用方便，评论内容只需要填写中继器表格即可使用，而且交互齐全完善，所以推荐给大家使用。喜欢原型或者有疑问的小伙伴们可以在下方评论处给……ProtoPie教程：列表长滑实现删除对单条列表进行横向滑动显示其支持的操作项，是一种比较常见的移动端交互方式。本案例将以任务列表页面为例，使用Protopie软件来实现单条任务列表左滑删除、右滑设为完成的效果。……Axure教程：网易云音乐首页原型设计作者利用Axure动态面板功能对网易云音乐首页进行了一个简单的原型设计，那如何利用Axure动态面板功能实现轮播效果及交互功能以及隐藏丑陋的滚动条呢？下面来和我一起研究一下……以个人书架业务为例，解析原型图的设计流程原型图到底该怎么画？这是大多产品经理入门时遇到的问题。有人会把原型图画成一幅精美的设计图；也有人在纸上手绘线框图；甚至有人不画图直接就进入开发了。本文作者从自身工作经验出发，结……Axure教程：实现鼠标按住时散开改变按钮颜色增加遮罩如何在Axure中，实现鼠标按住时，散开改变按钮颜色？一起来本文中看看首先我们来看一下简陋效果（是真的非常简陋）：请手动无视最后一次，gif上传后出现的未知问题……Axure教程：获取验证码倒计时效果的实现很多APP或者网站都支持手机号登录，手机号登录一定会涉及短信验证的获取。获取的过程有时间有效性，一般默认为60s，如果用户在时效内未接收到验证码，可再次点击“获取验证码”来获取……Axure教程：商品对比关注购物车为了方便用选购商品，现在的电商网站，通常都会有对比、关注、加入购物车这三个功能。我们以京东商城为例，看看如何通过Axure实现这三个功能。图例如下所示：【需求分析】……ProtoPie进阶教程：列表滑动的操作判断本案例会用列表滑动操作的速度判断为例，教会你在Protopie中进行操作判断的主要思路和多种实现方式。具体运用场景对于长列表来说，我们一般会增加一个回到顶部的按钮，……Axure完成前端开发可行性探索曾经有产品经理使用Axure做个人博客，并发布上线。Axure到底有多少潜力？能否可以挑战更多的开发项目成为直接上线可用的产品？笔者正好利用2020年超长的春节假期进行一……Axure教程云盘案例原型：文件管理（图片、视频、文档、音乐今天和大家分享一个后台文件管理demo，包括图片管理、视频管理、音乐管理、文档管理和其它文件管理。这个demo也可以看做云盘、网盘的demo。该原型交互效果齐全，使用也简……Axure9教程：如何制作验证码倒计时，并重新获取交互效果？登录功能在互联网产品中基本上是一个必备的功能，形式也多种多样，其中较为常见的是手机号验证码登录，那我们如何制作高保真的交互效果呢？本篇文章笔者将以Axure9为工具给大家分享如……