辅助线顾名思义就是用于辅助页面进行排版布局的线，辅助线可以帮助我们在页面设计之初，对页面结构、内容排版、间距大小进行合理的划分(这里涉及到栅格系统的设计不做具体介绍，感兴趣的可自行百度了解)，在Axure中包括全局辅助线和页面辅助线两类1、显示与隐藏　　辅助线可以设置为显示或者隐藏，在“布局-栅格和辅助线-显示全局辅助线/显示页面辅助线”，勾选即可生效　　2、删除辅助线　　删除单条辅助线：选中辅助线，按“Delete键”、“返回键”或者右键删除　　删除所有辅助线：“布局-栅格和辅助线-删除所有辅助线”　　3、锁定

　　1、点击播放按钮，可播放、暂停歌曲;　　2、点击前进按钮/后台按钮，可切换歌曲;　　3、切换歌曲时，当前是播放状态，则切换歌曲的时候也是播放状态;　　4、切换歌曲时，当前是暂停状态，则切换歌曲的时候是暂停状态;　　5、歌曲切换的时候，顶部歌曲名称及演唱者会相应变化;　　6、歌曲播放过程中，歌曲会显示实时的播放进度。　　温馨提示：此演示案例带有声音，工作期间请带上耳机，以免造成不必要的影响　　原理分析　　1、通过播放/暂停按钮控制循环动态面板是否循环　　2、通过上一首、下一首按钮控制切换歌曲　　3、通过循环动

　　案例一：简书App顶部tab切换　　打开简书App，观察发现频道顶部导航“推荐/VIP/专题”的tab切换效果，当我们点击导航菜单，该项菜单被选中，菜单文字变为了红色，同时下划线水平移至菜单项正下方。为了实现这样的交互效果，我们需要为每个导航菜单项设置一个“鼠标单击事件”，为当前菜单添加“选中”动作，为下划线添加“移动”动作。根据刚才的分析思路，下面我们来动手实现这样的交互。　　01 元件素材准备　　从系统元件库拖动三个文本标签和一个水平线至设计区域，并为每个元件命名。为三个导航菜单分别设置相同的选中样式，选中

　　直接上推动和拉动元件的定义：　　注意点：　　1，被推动元件的坐标需=显示元件坐标?　　2，推动的距离正好是，显示元件的高度或宽度?　　3，被推动元件必须跟显示元件推动方向范围内有一定的相交?　　虽说是定义，不说还好，很多小伙伴还能理解推动和拉动。分享完定义，估计晕倒一片!　　我们先看看，显示隐藏的推动和拉动的交互设置界面。　　方向：下方，右侧;意思：推动的时候：向下方推动和向右侧推动。拉动：就是把下向的元件和右侧的元件拉回来。　　1，被推动的元件，必须=显示元件的坐标?例如向下推动。　　A：为显示隐藏对象

　　开始原型设计　　1、增添数据到中继器中　　(1) 首先，打开我们上一周做到一半的Axure文件　　(2) 在中继器外部添加一个命名为“添加”的按钮，设置按钮的鼠标点击的动作为：添加行到中继器，并填入需要添加的信息内容。　　教程中添加信息为：Apple 苹果 台式机 128GB 512MB 12999;　　2、批量操作数据　　(1)在中继器内部添加一个50*40的矩形框，并在矩形框内部添加一个复选框，位置在展示内容最前面，并命名为choose;　　设置复选框选中时的动作为标记中继器中的目标行this;　　(2) 在中继器外部创建三个按钮，分别为全选、反选和删

　　开始原型设计　　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分钟后验证码过期(为了模拟交

　　*部分：使用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%、