-
Axure 拼图游戏教程（进阶版）
点击查看在线演示>> 在《Axure 拼图游戏教程（入门版）》最后提到，按照入门版教程实现的拼图游戏有瑕疵，需要进行改造，本文主要分享对入门版拼图游戏的改造教程，先来看一下效果： 从游戏效果上看，跟入门版差别不大，只是多了一个刷新时对拼图进行随机排列的效果。更主要的还是回归到设计上，进阶版的可维护性比入门版更好，话不多说，接下来就分享这个拼图游戏的改造过程。 界面改造 首先最大的变化是…- 447
- 0
-
Axure实例教程：拼图游戏教程（入门版）
首先看看效果： 点击查看在线演示>> 拖动拼图放置到对应的板块中完成拼图，如果拖放的位置不对，图片无法放置进去。 接下来分享如何实现这个设计效果。 画界面 首先准备一张图片，平均分割成9等份（可以直接用 Axure 的分割工具进行分割），然后将9张图片【转换为动态面板】，这样就得到9个动态面板，给每个动态面板按序号命名，这一步很重要，后面会用到这个命名。 接着拖入一个中继器，先在中继器…- 2k
- 0
-
大爆炸：Axure 也能“炸”文本
“大爆炸”是锤子科技发布的手机操作系统中的代表性功能，可以将一大段文字分解成多个字符，并通过选择“炸”出来的字符组成新的文本。 本案例通过 Axure 制作出类似的效果，效果如下图所示，左边输入需要“炸”的文本，点击【“炸”文本】后，右边将每个字和符号分解为单个的字符，通过选择字符后，点击【生成新文本】，将按照点选的字符组成一段新的文本。 本文将分享该案例的设计过程。 “炸”文本 左边的【待“炸”…- 1.3k
- 0
-
Axure 中继器实现轮播图动态指示器效果
下载教程源文件:中继器实现轮-图动态指示器效果_RP10 (支持Axure RP 10及以上版本) 用动态面板来实现轮播图的效果非常简单，但我相信轮播图的指示器会难倒不少人，以至于很多人在设计轮播图指示器的时候，会直接将指示器的交互写死，导致每次新增轮播图都要调整指示器的交互。 本文分享通过中继器来实现轮播图动态指示器效果，设计完成后，如果有新增的轮播图，只需要在中继器内新增数据即可轻松实现动态…- 1.2k
- 1
-
可能是 Axure 中继器实现树形结构的最简单教程
下载教程源文件（密码：0000）> 网上看了几个关于中继器实现树形结构的教程，感觉都略显复杂，所以动手做了一个，应该算是目前来讲用中继器实现树形结构最简单的方式了，先看看效果。 接下来上教程。 先在工作区添加一个中继器，中继器內的元件如下： 画个图会更清晰一点： 最外层是一个中继器，命名为“树”； 第二层是一个动态面板，只有一个状态，命名为“节点”； “节点”內有一个动态面板，命名为“箭头方…- 4.9k
- 0
-
Axure 实现选取表格行、列交互
在办公软件或富文本编辑器中插入表格的时候，我们经常可以看到如下交互： 通过在表格上移动鼠标，可以选取想要插入的表格行、列数，本文分享如何通过 Axure 实现这个交互。 这个交互的实现用到了中继器，所以首先在工作区拖入一个中继器元件，中继器內放一个矩形，并设置为每行10项水平分布： 再返回中继器外，在中继器上方放一段文本，默认文字为：插入表格：0行 * 0列。效果如下： 鼠标在中继器的矩形上移动时…- 3.3k
- 0
-
巧用 Axure 中继器 index 调整表格排序
以下是本文要实现的效果，点击“添加”按钮可以往表格内添加一行，点击“删除”按钮可删除当前行，点击箭头可交换上下两行的排序，上箭头与上一行交换排序，下箭头与下一行交换排序。 这里表格是通过中继器控制的，中继器內有两列数据，order_num 用来排序，name 用来保存姓名： 在中继器载入时，按排序值 order_num 进行排序： 要在中继器中交换两…- 3.3k
- 0
-
验证码，除了 12306，我还没有服过谁（图形点击、图形拖拽）
本文分享两款高保真验证码的设计，首先看一下两款验证码的效果： 图形点击验证码： 图形拖拽验证码： 如果你想体验一下或想直接在自己的项目中引用这些验证码，可点击 传送门>> 预览了解。 由于这两款验证码的核心知识点在之前的文章中已经有分享，所以本文着重分享设计思路。 图形点击验证码 首先是下方随机生成的6个待选的图形，这是通过中继器随机取出的，实现的逻辑是给中继器增加一列，命名为&ldq…- 2k
- 0
-
Axure 实现智能客服关键词自动回复效果
以下是项目的最终效果，有兴趣可点击 传送门>> 体验 本文主要分享该项目中实现关键词自动回复的核心逻辑。 首先，客服的对话窗口是一个中继器，关于如何通过中继器实现这种对话效果，各位可参考本人之前分享的文章《【Axure 教程】中继器，你过来，我们“聊聊”》，本项目就是在此基础上修改的。 接下来讲讲重点——如何实现关键词自动回复效果。 首先讲一下原理。这个功能的实现需要两个中继器，一个是…- 1.7k
- 0
-
我用 Axure 做了一个云盘
以下是云盘界面的截图，有兴趣的朋友可以通过原型体验一下，传送门>> 本文主要分享这个项目的设计中最核心的两个要点：如何用 Axure 中继器实现目录分级和动态路径。 目录分级 我们在资源管理器或云盘中访问一个文件的时候，如果这个文件被放在多个文件夹下，我们需要一层一层展开文件夹，直到找到文件为止，这个层层嵌套的结构，就是目录分级。 接下来看一下在 Axure 中，如何实现这样的效果。 …- 2.7k
- 1
-
Axure 中继器+动态面板实现拖拽式穿梭框教程
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 中继器和动态面板是 Axure 的两大神器，本文分享一个综合运用两者来实现拖拽式穿梭框的教程，先看一下效果。 点击 传送门>> 体验。 功能没有太多需要介绍的，这里需要注意，拖动的时候有个鼠标的“碰撞”事件，如果鼠标指针没有进入目标容器就…- 2.4k
- 0
-
Axure 中继器拖拽排序
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 本文需要读者掌握中继器的基础用法，如果你还不懂中继器如何使用，请先参考我之前写过的文章。传送门>> 首先看看效果。 掌握了本文的思路，你可以很简单地设计出各种场景的排序效果，比如下方的银行卡列表排序。 点击 传送门>> 可以在线进行体验。 接下来通过…- 1.4k
- 0
-
【Axure 教程】中继器，你这个“渣男”（番外篇）
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> Axure 中继器提供了非常丰富的功能，但却没有现成的数据统计功能，没有办法像 Excel 表格那样，通过简单的公式就能够统计出我们所需要的数据，但这同样难不倒产品经理，本篇文章，带你了解怎么统计中继器的各种数据。 点击 传送门>> 体验。 本文需要你先了解中继…- 2.5k
- 1
-
验证码，除了 12306，我还没有服过谁（图片验证篇）
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 之所以一直说“验证码，我只服 12306”，主要的原因是 12306 在 2015 年推出的图片验证码，的确是“前无古人，后无来者”，“鬼见了都发愁”，本文带来这一系列的第7篇教程，分享如何用 Axure 设计出一款类似 12306 图片验证码的功能（其他验证码教程可点击 …- 1.1k
- 0
-
用中继器做个左侧导航 做起来费劲 复用却很方便
首先，组件准备。上图： 中继器配置上图： type:菜单的级别：1表示一级菜单；2表示二级菜单….以此类推； ID:菜单的ID，请按规律设置； PID：菜单的父级ID，体现上下级的关系； hasson:是否有子菜单，1:有；0:无，这个主要用来显示图标的 name:菜单名称； vision：是否可见；1:可见；0:不可见；通过这个来实现菜单的折叠还是展开； xuan:表示图标是否需要旋转，1:要，…- 3k
- 1
-
Axure 制作极简时钟教程
少啰嗦，先看东西。 一张图看明白用了哪些元件以及它们的命名（表框中心的圆点是中心点（圆形），只起到装饰作用，就不标出来了）。 注意： 动态面板中至少需要2个状态，状态中不用放任何内容。 时针、分针的透明度设置为60%，经过星期和日期上方的时候才不会挡住内容。 画完界面之后将整个表框组件放在表壳和组件的正上方，就是下面的效果。 开始写交互。 首先是日期的获取，很简单，在载入的时候用函数获取日期并设置…- 2.5k
- 2
-
【Axure 游戏教程】面对现实的沉重打击，我在虚拟的世界里沉重打“鸡”
首先还是先看成品，下方是游戏页面，点击 传送门>> 可以试玩。 接下来我从几个要点来介绍这款游戏的实现思路。 一、会飞的拳击手套 首先要实现的就是点击拳击手套时，手套能够往上飞出去，飞出屏幕之后，再生成一个新的手套，这里用到一个【动态面板】作为拳击手套的控制器，通过动态面板的循环来控制手套的运动，如果大家想知道怎么用动态面板来做循环控制器，可以回顾一下我的另一篇教程《【Axure …- 1.4k
- 2
-
【Axure 教程】中继器，你这个“渣男”（实战篇）
当你掌握了中继器的用法，在做一些重复性设计的页面的时候，可以获得事半功倍的效果，令你心情愉悦；但是你会发现中继器与“渣男”一样，难以掌握，它不仅“渣”，而且“杂”，复杂，要真正运用好中继器有一定的难度，本篇文章将告诉你中继器的各种特性，教你将中继器这个“渣男”拿捏。 本文是中继器教程的最后一篇，也是综合运用实战，如果你对中继器的使用还不是很熟悉，甚至之前都没有用过中继器，建议先看前面的“基础篇”和…- 6.9k
- 6
-
【Axure 基础教程】没想到你是这样的进度条2.0
上次，我分享了《【Axure 基础教程】没想到你是这样的进度条》，介绍通过一个简单的进度条案例如何综合应用 Axure 的各种特性，如果你已经忘记了或者没有看过，记得去回顾一下，不然这篇文章有些内容你可能不知道在说什么。 这次，我带来2.0的分享，主要是针对上次做的1.0，修复1个 bug，优化1个特性，新增2个新特性（会有新的知识点）。 一、1个bug 这是上次我们做的进度条效果： 可以看到，进…- 1.8k
- 3
-
【Axure 教程】没想到你是这样的进度条1.0
本文是一篇写给刚学完 Axure 基础的新手读者，大佬请勿喷，主要为刚上手 Axure 的产品经理提供一种综合应用的思路，所以本文我不是讲解如何绘制出一个高保真的进度条，而是介绍通过什么组件的什么属性来完成什么样的功能的思路来介绍。 一、动态面板拖动事件 首先来绘制进度条的雏形，用【矩形】绘制出进度条的容器，用【圆形】绘制进度游标，然后右键将圆形【转化为动态面板】 首先我们来完成的就是按住游标的时…- 3.2k
- 1
-
【Axure 动态面板】让你的动画变成“永动机”
本文适合有一定 Axure 基础的读者阅读！ 一、动起来 在 Axure 中，如果想让下面这个 loading 图标动起来，你应该能够很快实现。 我相信大多数人的思路是，像下图这样给 loading 图标添加一个[载入时]的[旋转】效果： 让我们来看看这个效果在浏览器中呈现出来的样子，我们会发现这个图标转动了一圈之后就停了下来（gif 图片会循环播放，实际上图标只转了一圈）： 如果我想让这个 lo…- 6.3k
- 2
-
【程程入门小组件系列】提交按钮动效
这是一个点击了会loading转一转，转完可以右弹一个提示弹窗的小按钮哟。 超级简单！隔壁村五六十岁的新手老奶奶都能一看就会！ 第一步 准备组件： （1）一个矩形+一张图片，组成了提交小按钮，图片先隐藏哦 --->隐藏不该出现的朋友---> （2）一些图片+矩形，打点字就是提示弹窗 第二步 设置交互： 【页面载入】（先隐藏除下载按钮外的全部组件，再挨个儿盘它们！） 把载入时不需要的组件…- 1.5k
- 0
-
Axure8.0教程：动态面板左右滑动及展开收起
动态面板在Axure原型设计中，可以说是应用最广泛的了。本次课程我们学习用动态面板制作左右滑动及展开收起效果。 预览及下载地址：：https://f6tdt2.axshare.com 一、制作拖动效果 第一步：创建动态面板 创建动态面板命名为“日期“ 创建两个面板，其分别命名为：部分日期和全部日期 点击“部分日期”进入创建“水平拖动”动态面板，制作面板内容 第二步：添加交互 选择”水平拖动“动态面…- 3.4k
- 0
-
扫码打开当前页
关注本站公众号
扫码加微信客服
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×