开始原型设计　　1、准备材料　　(1)
首先，打开我们*的Axure软件，在画板上创建一个中继器，并命名为shopping;双击中继器进入其内部，并删除内部已存在附带的矩形框。　　(2)
在页面里创建6个100*40的矩形框，依次排列(边框重合)在一行，并分别命名为brand、name、style、memory、video、price;　　(3)
为了能让在座的各位以最直观的方式观察数据，同时不花费你宝贵的时间。于是我细心的手动打了(应该有掌声吧)许多数据，为你省去不必要的繁琐时间。　　链接在此：数据内容　　首先需要复制Excel的数据，接着按照下图所示，左键

　　*步：梳理需求，搭建框架　　特别重要的一个环节，如果没有需求，那你只好凭空想象了，先看我做个一个框架梳理　　先把大致框架梳理清楚，这样在
axure设计的时候能够理清楚层级，确保每个页面交互都能走通，这也是PM的，如果是ERP小白，建议先把4个最重要的模块学习下基本就懂一般了：a、用户管理;b、商品管理;c、订单管理;d、系统管理。(基本的后台系统都和案例里面的差不多，可以直接看原型展示里面的4个板块区学习里面的列表展示哪些内容，发货、详情等等)　　第二步：设计规范，对没错，你也可以做好规范，属于你axure的规范。

　　开始原型设计　　1、画出页面展示图　　首先，需要打开Axure软件，并在画板上画出整个页面的展示图，即网页的整体画面。　　2、创建交互元件(分为3个)　　(1)动态面板1 —— 锚点　　首先需要创建一个没有任何内容的动态面板，这个动态面板不需要添加任何用例，它的作用只是锚点，因为后面的用例设置需要用到锚点进行定位。　　只需要设置上述动态面板的位置为(X=随意，Y=0)，并把它命名为锚点。　　(2)TOP按钮　　①
要创建TOP键按钮，先要导入按钮标志图片，并右键点击图片选择转换，把它转换为动态面板(因为只有在处于动态面板情

　　广告图轮播在日常的原型设计中是最常见的了，今天和大家分享如何制作自动轮播+手工点击切换，底部有已制作好的原型文件下载，废话不多说，咋们现在就动手实现。　　首先看一下我们最终想要的效果　　一、制作自动轮播　　1、选中图片右键转换为动态面板，同时在动态面板中添加第二张和第三张广告图。　　2、点击页面空白处，设置页面载入时事件，选择 设置动态面板 效果，选择banner图片动态面板，把状态设置为 Next , 勾选 向后循环 和
循环间隔 ，同时设置好进入动画和退出动画向左滑动。如下图　　3、重复以上两步操作把焦点图完

　　写在开头：　　只是较为基础的交互动画教程，目的是呈现出更为直接的视觉感官。　　个人感觉，工作之余研究使用Axure的逻辑关系，也是种不错的放松渠道。　　首先，来看一下动画演示　　元件图形样式、颜色、展示的文字都可以根据自身喜好进行修改。　　开始原型设计　　一、创建所需元件图形　　1、首先需要在画板上创建一个100*100的矩形元件，并点击图形右上角的改变形状，选择心的图形。　　2、填充已创建完成元件的背景颜色，并按住Ctrl+图形、拖动创建出四个相同的心，并分别命名为heart、heart 1、heart 2、heart
3。接着在*

　　开始原型设计　　一、确定原型尺寸　　就像ios系统的iphone一样，虽然所分的系列、分辨率不同，可原型尺寸却很有规律(原型尺寸即为在Axure中要画出的图形大小范围)　　下图为目前市面上比较常用的机型系统以及原型尺寸　　(1)首先，打开Axure软件，在画板上用矩形框画出需要机型的原型尺寸，以我的手机为例，先画出375*667的矩形框。(*是画在0,0的位置，要是不愿意画在零点处，也可以画在y=0的任意处。注意：要保证矩形框的y=0)　　(2)点击创建好的矩形框，把它命名为手机屏幕，并右键点击它，选择转化为母版。　　右键点击矩形框　　

　　写在开头:　　开关的制作在几乎所有原型设计中都会用到，所以美观自然的交互开关可以给你的原型设计加分不少。　　本次开关设计主要用到的是逻辑为：选中状态的切换　　首先，来看一下演示动画　　开始原型设计　　一、创建元件　　首先需要打开Axure软件，并在画板上创建两个图形：一个为300*40的矩形，需要在“样式”一栏中修改它的元件半径为60，背景填充颜色为灰色，线段类型为无none，并命名为beijing;一个为45*45的圆形，填充颜色为深灰色，线段类型为无none，并命名为anniu。　　创建完以后需要把两个元件居中对齐。　　二、交

　　注册　　期望交互效果　　账号　　账号输入框只能输入11位数字，超过11位则无法输入　　假设手机号13301182876已被注册，则提示：该账号已被注册　　假设输入11个1时，系统判断不是手机号，则提示：请输入正确的手机号　　账号输入为空，则提示：请输入手机号　　密码　　密码为空，提示：请设置密码　　密码设置错误，提示：请输入6-12位的字母、数字(密码设置的要求)　　短信验证码　　验证码为空，提示：请填写验证码　　输入错误的验证码，提示：请输入正确的验证码(假设正确的验证码是0258)　　假设1分钟后验证码过期(为了模拟交

　　上图就是我们要实现的目标：输入一个汉字能够查到它的拼音首字母。　　实际上，明白了实现原理之后，通过汉字查拼音、查声母都是可以实现的。　　关键在于有没有一个能够使用的源数据。　　我们先来看看元件的准备工作。　　上面这张图，大家能够看到这个案例使用的所有元件。　　最关键的就是命名为“PinYin”的这个元件，它的文字包含了所有的文字以及对应的拼音首字母。　　我们能够看到源数据的格式有一定的规律：[相同拼音首字母的所有文字][拼音首字母][逗号]……　　那么，试想一下，当我们输入一个文字点查询时：　　1、查询到

　　*部分：使用Axure管理团队项目　　首先，你要有一个Axure账户 呵呵哒。　　发起团队项目　　在浏览器登录 Axure share(网速很卡很卡)　　新建一个工作区，取一个团队名字。　　创建团队项目　　在Axure软件中直接创建。　　或者打开要进行团队协作的文件，将其创建为团队项目。　　这里就可以看到在 Axure share 新建的 KK工作区啦。　　不主动选择的话，它默认是把团队项目放到 My Projects 工作区里面的。　　页面左侧多了一个蓝色小图标就代表创建团队项目成功啦。　　邀请小伙伴参与这个团队项目　　在浏览器登录 Axure share，在

　　购物车功能已经成为各类电商系商品的一个基础功能，那么关于购物车页面的一些交互功能，如何通过原型设计去完成呢?本文以京东购物车为实例，将重点讲述关于购物车页面的交互用例设计。　　观察交互　　通过观察，不难发现京东购物车页面主要有以下交互：　　1)全选：点击全选按妞时，所有商品被选中　　2)数量：点击加号，数量+1，点击减号，数量减1　　3)小计：每个商品的小计价格，随着数量的变化而自动计算金额，即小计=商品单价*数量　　4)总数量(数量总计)：总计的数量等于所有选中商品的数量之和　　5)总价(金额总计)：总计金额

　　Axure RP按时长购买的授权，需要用你的授权邮箱和密码激活。如果在Axure中文网购买按时长付费的授权，请按以下步骤激活。　　1、顶部菜单 【帮助】(HELP)【管理授权】打开授权页面。点击【订购】(Subscription)选项卡，进入到激活页面。　　2、如果有邮箱和密码，输入即可。授权账号与官方Axure Share账号是通用的，如果有Axure Share的账号输入即可。　　3、如果没有账号和密码，顶部菜单【账户】登录账户，打开登录界面。点击【注册】，进入注册页面注册即可。　　也可以通过软件右上角的登录按钮进入。　　4、输入你的邮箱和密码，

　　摘要：本文通过讲解制作QQ音乐交互原型的过程，了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件，通过本案例的讲解，相信大家对于动态面板等*元件的综合运用又会有一个新的认识。　　观察交互效果　　通过观察我们发现本案例中主要有以下3个交互效果：　　播放音乐时：　　开始播放，按钮切换为暂停　　唱片顺时针匀速旋转　　进度条水平向右逐渐变长　　进度球随进度条延伸的方向移动　　计时音乐播放时长　　播放结束/暂停时：　　切换为播放按钮　　进

　　提示1：本篇教程不适合新手，以及未掌握中继器、动态面板、全局变量、局部变量、系统变量等使用的…新手。　　提示2：本篇教程中，动作设置的具体细节，请参考文末源文件。　　我们知道中继器可以实现列表，对于平常所见到的表格可以非常容易的实现。　　并且，还可以通过中继器的一些交互动作实现添加、删除、更新、筛选与排序的操作。　　但是，没有插入行的操作。　　偶尔会在某些群里看到有人提出这样的需求：我要插入啊!我要在中间那个地方插入啊!　　好吧!　　我教你怎么插入。　　先看一下插入的效果。　　提示：因为AxureRP8没

　　在AxureRP中通过JS代码，可以实现对元件属性以及变量的操作。　　当然，这么深入的内容不适合广大的AxureRP使用者。　　如果对JS有一定的了解，倒不妨结合一下，将一些复杂的交互简单化，形成可以重用的元件库，分享给大家使用。　　实际上，AxureRP这款软件，它的目的也是不用编写一句代码，实现所需的原型。　　接下来，说一下我要分享的内容。　　因为时间有限，只为大家分享一个元件。　　这个元件，就是我们经常见到的密码输入框中，密码在可见和不可见的状态切换。　　这样的交互实际上，可以通过一个眼睛图标、两个文本框以及一

　　学会一个小案例，是为了丰富我们的交互原型设计，您可以在此基础上变换出层出不穷的效果!　　最近在做一个视频通话的项目，刚好需要连线效果，就设计了个“水波涟漪”的效果，先看一下演示。　　效果大家看到了，很简单，就是一个涟漪的加载效果;颜色将就看吧，不好看你自己调下。　　开始画原型　　一、画涟漪的波纹圈　　1、首先画四个原型，背景透明，边框调到最粗，颜色白色，名称随意起;由大到小尺寸分别是100*100、80*80、60*60、40*40　　此处我起名为c1、c2、c3、c4　　2、然后将4个圆形的透明度由大到小依次调整为40%、60%、

　　微信作为我们日常使用频率*的App产品，每天的启动次数与使用时长几乎占据了使用移动终端的一半时间。学习产品设计的你，有没有想过有*我们自己也可以设计出可交互的微信原型界面。微信是一个超级庞大的App，由于时间原因本文只讲解到微信的二级页面，更深层次的页面不再展开，线框图的使用也不在此文中详细讲解，重点讲解如何通过Axure实现相关交互效果，讲述实现过程中的思路和方法。　　一、准备工作　　以1280*720为我们的设计尺寸，确定了尺寸后，打开Axure，设置全局辅助线，养成设置辅助线的习惯可以帮我们将原型做的更规范、更

　　如何在一个动态面板里面的三级菜单展开时，能够推动动态面板外部的其他元件呢?　　我的思路是这样。　　在三级菜单展开之前，先把外层动态面板隐藏并拉动元件。　　这样，所有二级菜单会变成收起状态。　　然后，让三级菜单展开。　　这时，外层动态面板自动适应展开后的尺寸(注意外层动态面板要设置自动适应内容尺寸)，高度变长。　　*，再把外层动态面板显示出来，这样就会按照展开之后的高度推动下方元件。　　不管你有没有看懂这个思路，都不妨碍下面的实现。　　你可以看下面的实现步骤时，对照一下上面的思路，将会更容易理解。

　　*章知识点　　1.1歌曲封面旋转效果　　1.2喜欢按钮交互效果　　1.3收藏按钮交互效果　　1.4关注按钮交互效果　　1.1歌曲封面旋转效果　　1.1.1设计思考　　这里没什么难点，Axure本身就有旋转的动作，主要就是要调试出图片旋转一圈的时间，让速度在一个舒适的范围即可。　　1.1.2素材准备　　(1)一张圆形的灰色底板50*50　　(2)一个图片元件21*21(大家在制作Axure原型的过程中也要陆续建立自己的元件库，这样复用起来效率会高很多，以下是我自制的图片元件，是不是比官方的好看N倍~面对各种背景色都能轻松拖拽)　　最终组合成以下形态

　　使用AxureRP8中的一些基本功能，我们实现一个动态切换的登录注册面板。　　效果图：　　有没有感觉很滑、很爽的样子?　　接下来，例行公事。　　先做分析，再实现步骤。　　问：用户做了什么?　　答：用户点击了两个标签。　　问：给用户什么反馈?　　两个顶部的标签被【鼠标单击时】要完成以下动作：　　被点击的标签需要放大尺寸，而另外一个标签需要缩小尺寸。　　与上一个动作同时，登录注册面板要对应的切换内容。　　好了，分析完毕，接下来我们看实现过程。　　一、准备元件　　两个标签用无边框矩形，分别命名为“LoginTag”和