-
用中继器做个左侧导航 做起来费劲 复用却很方便
首先,组件准备。上图: 中继器配置上图: type:菜单的级别:1表示一级菜单;2表示二级菜单….以此类推; ID:菜单的ID,请按规律设置; PID:菜单的父级ID,体现上下级的关系; hasson:是否有子菜单,1:有;0:无,这个主要用来显示图标的 name:菜单名称; vision:是否可见;1:可见;0:不可见;通过这个来实现菜单的折叠还是展开; xuan:表示图标是否需要旋转,1:要,…...像风一样の自由
- 0
- 573
-
Axure 实现刮刮乐效果
本文由微信公众号:产品锦李(ID:IMPM996) 授权发布,未经许可,禁止转载 话不多说,先看效果。 界面上有个圆圈,等同于手指,在涂刮区域移动的时候什么也不会发生,当按下这个圆圈,就如同手指按下开始涂刮,移动的时候,手指划过的区域会被刮掉。 这个效果的界面组成如下。 其中【涂刮区域】是由一个个小矩形拼凑起来的,把每个矩形之间的间距拉开一点就可以很清楚地看到每个矩形。 交互的思路就是当作为【手指…...产品锦李
- 0
- 683
-
Axure 实现内部结构透视效果图教程
有些企业为了更好展示自己产品的工业设计,有时候会在产品介绍页做类似如下的内部结构透视的设计,通过拉动分割线可以直观展示产品的外观和内部结构。 本文分享一下通过 Axure 怎么实现这样的效果。 首先看一下用到的元件以及它们的命名。 说明: 透视图的动态面板需要在【样式】面板中取消【自适应内容】勾选 直接在分割线上做交互也可以,这里增加一个拖动球是为了增加触发面积,方便拖动 接下来开始写交互,拖动的…...产品锦李
- 0
- 1.7k
-
Axure 制作极简时钟教程
少啰嗦,先看东西。 一张图看明白用了哪些元件以及它们的命名(表框中心的圆点是中心点(圆形),只起到装饰作用,就不标出来了)。 注意: 动态面板中至少需要2个状态,状态中不用放任何内容。 时针、分针的透明度设置为60%,经过星期和日期上方的时候才不会挡住内容。 画完界面之后将整个表框组件放在表壳和组件的正上方,就是下面的效果。 开始写交互。 首先是日期的获取,很简单,在载入的时候用函数获取日期并设置…...产品锦李
- 0
- 877
-
【Axure 教程】动态面板的救赎
【动态面板】是 Axure 中另外一个神级的元件,它的江湖地位可以说跟【中继器】不相上下,【动态面板】提供了简单的配置,却可以实现非常丰富的效果,在实际设计中应用非常广泛。 对于刚入门的产品经理来说,学习【动态面板】要比学习【中继器】容易得多,基本很快就能上手,但是很多人学习完之后不知道什么地方可以用到【动态面板】,可以使用哪些属性来更加轻松地完成设计,所以,今天分享一些简单的案例,基本都是用其他…...产品锦李
- 2
- 3.8k
-
验证码,除了 12306,我还没有服过谁(图形旋转篇)
今天要分享的是图形旋转验证码设计教程。 先来看看效果: 接下来就来分享一下,这个验证码是怎么设计出来的。 一、用到的元件 下图是整个设计需要用到的元件以及它们对应的命名,注意:【验证通过】的提示组合元件在设计完成之后,需要放在【验证图形】的正上方,并设为【隐藏】。 二、用到的变量 以下是本设计需要用到的变量: 几个变量的作用分别为: Angle:验证码初始化时,会随机生成图形旋转的角度,此变量用来…...产品锦李
- 0
- 1.3k
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(滑块拖动篇)
本次分享滑块拖动验证码的设计教程。 先看一下最终效果: 接下来分享这个验证码的设计教程。 一、用到的元件 首先在画布中拖入两个动态面板,分别命名为【滑块】和【滑轨】,每个动态面板中均有两个状态:【默认】和【验证成功】。 以下是两个动态面板对应的两个状态内放置的内容 然后把滑块放在滑轨上方,跟滑轨左对齐,界面就画完了。 二、用到的变量 全局变量中添加 Drag_Ver_Result,用来记录验证的结…...产品锦李
- 0
- 1.1k
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(滑动拼图篇)
先看一下效果(传送门>>): 一、功能要点 缺块的位置是随机的 拼图需根据缺块的位置生成对应区域的预览图 拖动时,如果不符合验证成功的条件,需要将拼图放回起始位置 接下来我们就来动手做一做。 二、外观 首先最上面是提示条和刷新按钮,然后是验证码主体,还需要一个验证成功的提示: 验证码主体整体是一个动态面板,里面是这样的: 背景图是一张【图片】;缺块是一个【矩形】,填充了黑色,设置了50…...产品锦李
- 0
- 909
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(文字点选篇)
先看一下效果(传送门>>): 一、功能介绍 可从预设的文字库中随机抽取3个待验证的字,上方显示抽取出来的文字及顺序,下方随机生成3个待点选的文字的位置和角度。用户需按指定顺序点选,只有点选顺序完整正确才能成功。接下来开始分享它的设计。 二、外观设计 如下图,需要的内容主要有: 6个矩形,用来放从字库中随机抽出来的字,3个在上方,用来提示用户需要点选的文字和顺序,3个在下方,用来给用户点…...产品锦李
- 1
- 564
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(数学运算篇)
在软件设计中,为了防止暴力注册或爬虫爬取等机器请求,需要验证操作者本尊是人还是机器,因此催生了验证码这个设计。 目前验证码已经衍生出许多的形式,包括图形验证、数学运算、点选文字、滑动拼图等,本文作者主要介绍怎么使用 Axure 来设计一个动态的数学运算验证码。 先看一下效果(传送门>>): 本文有不少的知识点我在《【Axure 教程】验证码,除了 12306,我还没有服过谁(图形验证篇…...产品锦李
- 0
- 1k
-
【Axure 游戏教程】面对现实的沉重打击,我在虚拟的世界里沉重打“鸡”
首先还是先看成品,下方是游戏页面,点击 传送门>> 可以试玩。 接下来我从几个要点来介绍这款游戏的实现思路。 一、会飞的拳击手套 首先要实现的就是点击拳击手套时,手套能够往上飞出去,飞出屏幕之后,再生成一个新的手套,这里用到一个【动态面板】作为拳击手套的控制器,通过动态面板的循环来控制手套的运动,如果大家想知道怎么用动态面板来做循环控制器,可以回顾一下我的另一篇教程《【Axure …...产品锦李
- 1
- 649
-
【Axure 教程】中继器,你过来,我们“聊聊”
中继器除了做表格的增删改查,还能做什么?今天作者给你提供一种新的思路,教你用中继器来模拟一个高保真的对话聊天界面。 你好,我是不务正业的产品经理,我又带来了一款最新的“无聊”作品,用中继器做的一个高保真的对话聊天界面。 中继器是 Axure 中一个神级元件,没有它做不了的设计,只怕做设计的人缺乏足够的想象力,今天,我给你带来这款“无聊”的聊天作品的设计教程,先来看看最终效果(体验传送门>&g…...产品锦李
- 1
- 1.6k
-
【Axure中继器】利用中继器,实现动态增加页签的功能
本文适合对中继器有一定使用基础的同学。 一、先看效果 二、实现思路 1、菜单,通过前面讲过的中继器实现; 见文章:https://www.axure.com.cn/86880 2、点击菜单后,通过对页签的中继器增加行数据来实现; 3、如果页签数据以前添加过的,则定位到这个行数据后,进行选中状态即可; 4、删除某一个页签即是删除页签中继器中的某一个数据即可。 三、需要的元素 1、组件:中继器两个(一…...深南大道
- 1
- 2k
-
【Axure 教程】中继器,你这个“渣男”(实战篇)
当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦;但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 本文是中继器教程的最后一篇,也是综合运用实战,如果你对中继器的使用还不是很熟悉,甚至之前都没有用过中继器,建议先看前面的“基础篇”和…...产品锦李
- 0
- 2k
-
【Axure 教程】中继器,你这个“渣男”(进阶篇)
当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦。 但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 上一篇《【Axure 教程】中继器,你这个“渣男”(基础篇)》中我分享了如何使用中继器做基础的增删改查,最后我也提到,实际当中的修…...产品锦李
- 0
- 2.8k
-
【Axure 教程】中继器,你这个“渣男”(基础篇)
之所以说中继器是个“渣男”,是因为它跟渣男一样,相处时容易感到心情愉悦,中继器也是相同的道理,当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦;但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 我将分3个篇章来讲完中继器的功能,不一…...产品锦李
- 1
- 3.3k
-
【Axure动态面板】利用动态面板实现树形菜单的制作
利用动态面板,简单制作高保真的树形菜单。 一、先看效果 https://1poppu.axshare.com 二、实现思路 1、菜单无非就是收缩和展开,动态面板有个非常好的属性:fit to content,这个属性的含义是:面板的大小可以根据内容多少而变化; 2、菜单的收缩和展开,可以通过切换面板的状态来实现即可,即每个菜单设置两个状态:收缩和展开两个状态; 3、再利…...深南大道
- 0
- 3.6k
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(图形验证篇)
在软件设计中,为了防止暴力注册或爬虫爬取等机器请求,需要验证操作者本尊是人还是机器,因此催生了验证码这个设计,目前验证码已经衍生出许多的形式,包括图形验证、数学运算、点选文字、滑动拼图等,本文作者主要介绍怎么使用 Axure 来设计一个动态的图形验证码。 一、验证码外观 验证码的外观设计大家可以各自发挥自己的创意,以下是我绘制的,仅供大家参考: 可以给大家提供几点思路: 使用识别和阅读有一定难度的…...产品锦李
- 0
- 724
-
【Axure 教程】随机乱序数字键盘,让数字飞一会儿
随着移动支付遍地开花,产品经理们在支付的各个环节可谓是下足了功夫,今天分享的是目前移动支付中比较流行的一种设计——随机乱序数字键盘。这种键盘一般用于输入验证码或密码,因为键盘每次出现数字都是随机且无序,所以可以最大程度避免别人通过你在输入密码时按键的位置而推测出你的密码。 我曾经做过这个键盘的设计,这是当时的效果图: 你可以看得出来我是多么地不务正业,竟然想到给一个键盘加 loading 效果,但…...产品锦李
- 0
- 838
Axure交流微信群
热评文章
-
1
Axure RP 9最新版软件及汉化包下载 正式版
-
2
79个矢量彩色手势,随意放大不模糊!
-
3
Axure RP 9.0.0.3728 Beta 更新日志
-
4
【基础教程】Axure快速创建动态面板制作左侧下拉菜单导航栏
-
5
【Axure 教程】中继器中级教程-联级框
-
6
如何利用中继器和动态面板制作一个可以自动化菜单?
-
7
MAC安装Axure后打开提示:“Axure RP 9.app已损坏,无法打开。”的解决办法
-
8
【Axure 教程】中继器中级教程-左侧导航
-
9
Axure RP 10 正式版简体中文语言包及汉化教程
-
10
Axure RP 10 Beta体验版下载 v10.0.0.3812