-
用中继器做个左侧导航 做起来费劲 复用却很方便
首先,组件准备。上图: 中继器配置上图: type:菜单的级别:1表示一级菜单;2表示二级菜单….以此类推; ID:菜单的ID,请按规律设置; PID:菜单的父级ID,体现上下级的关系; hasson:是否有子菜单,1:有;0:无,这个主要用来显示图标的 name:菜单名称; vision:是否可见;1:可见;0:不可见;通过这个来实现菜单的折叠还是展开; xuan:表示图标是否需要旋转,1:要,…- 575
- 0
-
Axure 制作极简时钟教程
少啰嗦,先看东西。 一张图看明白用了哪些元件以及它们的命名(表框中心的圆点是中心点(圆形),只起到装饰作用,就不标出来了)。 注意: 动态面板中至少需要2个状态,状态中不用放任何内容。 时针、分针的透明度设置为60%,经过星期和日期上方的时候才不会挡住内容。 画完界面之后将整个表框组件放在表壳和组件的正上方,就是下面的效果。 开始写交互。 首先是日期的获取,很简单,在载入的时候用函数获取日期并设置…- 877
- 0
-
【Axure 游戏教程】面对现实的沉重打击,我在虚拟的世界里沉重打“鸡”
首先还是先看成品,下方是游戏页面,点击 传送门>> 可以试玩。 接下来我从几个要点来介绍这款游戏的实现思路。 一、会飞的拳击手套 首先要实现的就是点击拳击手套时,手套能够往上飞出去,飞出屏幕之后,再生成一个新的手套,这里用到一个【动态面板】作为拳击手套的控制器,通过动态面板的循环来控制手套的运动,如果大家想知道怎么用动态面板来做循环控制器,可以回顾一下我的另一篇教程《【Axure …- 649
- 1
-
【Axure 教程】中继器,你这个“渣男”(实战篇)
当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦;但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 本文是中继器教程的最后一篇,也是综合运用实战,如果你对中继器的使用还不是很熟悉,甚至之前都没有用过中继器,建议先看前面的“基础篇”和…- 2k
- 0
-
【Axure 基础教程】没想到你是这样的进度条2.0
上次,我分享了《【Axure 基础教程】没想到你是这样的进度条》,介绍通过一个简单的进度条案例如何综合应用 Axure 的各种特性,如果你已经忘记了或者没有看过,记得去回顾一下,不然这篇文章有些内容你可能不知道在说什么。 这次,我带来2.0的分享,主要是针对上次做的1.0,修复1个 bug,优化1个特性,新增2个新特性(会有新的知识点)。 一、1个bug 这是上次我们做的进度条效果: 可以看到,进…- 941
- 0
-
【Axure 教程】没想到你是这样的进度条1.0
本文是一篇写给刚学完 Axure 基础的新手读者,大佬请勿喷,主要为刚上手 Axure 的产品经理提供一种综合应用的思路,所以本文我不是讲解如何绘制出一个高保真的进度条,而是介绍通过什么组件的什么属性来完成什么样的功能的思路来介绍。 一、动态面板拖动事件 首先来绘制进度条的雏形,用【矩形】绘制出进度条的容器,用【圆形】绘制进度游标,然后右键将圆形【转化为动态面板】 首先我们来完成的就是按住游标的时…- 907
- 0
-
【Axure 动态面板】让你的动画变成“永动机”
本文适合有一定 Axure 基础的读者阅读! 一、动起来 在 Axure 中,如果想让下面这个 loading 图标动起来,你应该能够很快实现。 我相信大多数人的思路是,像下图这样给 loading 图标添加一个[载入时]的[旋转】效果: 让我们来看看这个效果在浏览器中呈现出来的样子,我们会发现这个图标转动了一圈之后就停了下来(gif 图片会循环播放,实际上图标只转了一圈): 如果我想让这个 lo…- 1.7k
- 2
-
【程程入门小组件系列】提交按钮动效
这是一个点击了会loading转一转,转完可以右弹一个提示弹窗的小按钮哟。 超级简单!隔壁村五六十岁的新手老奶奶都能一看就会! 第一步 准备组件: (1)一个矩形+一张图片,组成了提交小按钮,图片先隐藏哦 --->隐藏不该出现的朋友---> (2)一些图片+矩形,打点字就是提示弹窗 第二步 设置交互: 【页面载入】(先隐藏除下载按钮外的全部组件,再挨个儿盘它们!) 把载入时不需要的组件…- 1.1k
- 0
-
Axure8.0教程:动态面板左右滑动及展开收起
动态面板在Axure原型设计中,可以说是应用最广泛的了。本次课程我们学习用动态面板制作左右滑动及展开收起效果。 预览及下载地址::https://f6tdt2.axshare.com 一、制作拖动效果 第一步:创建动态面板 创建动态面板命名为“日期“ 创建两个面板,其分别命名为:部分日期和全部日期 点击“部分日期”进入创建“水平拖动”动态面板,制作面板内容 第二步:添加交互 选择”水平拖动“动态面…- 2.2k
- 0
-
-
Axure学习笔记:自定义搜索,模拟真实网站搜索
这个是一个自定义搜索组件,可实际应用于用Axure做高保真个人网站,集合常用的搜索在一起,可以灵活切换如:百度、搜狗、必应、谷歌、知乎、bilibili、微博、豆瓣等网站搜索。- 5.8k
- 0
-
Axure中继器教程:使用中继器实现菜单及tab页签联动的展示
一、效果 展示效果如下: 二、绘制元件 1、【中继器1】:命名为“菜单”,将中继器中的矩形命名为“菜单矩形”,矩形大小设置为230*184。备选数据的列:id,menu,url。 添加的备选数据如下: 2、【中继器2】:命名为“页签”,将中继器中的矩形为“页签矩形”,矩形大小设置为120*30。备选数据的列:id,menu。不设置备选数据。设置矩形“页签矩形”的交互样式:选中设置为紫色背景,白色字…- 10.2k
- 3
-
Axure中继器初级教程:用中继器做一个漂亮的系统首页展示内容
今天和大家分享如何在axure里,用中继器做一个漂亮的系统首页。 大家也可以把这边文章当作中继器的初级教程,本教程中就讲到设置文本、图片、筛选这几个常用的交互事件;希望通过这个案例,能让大家学会用中继器。 原型效果介绍: 本文所涉及的原型预览地址: http://demo.axureshop.com/?url=http://cloud.axureshop.com/y6yztl&buyurl…- 4.3k
- 0
-
教大家用Axure制作与系统时间匹配的时钟
大家好,我是大马猴,今天给大家带来一个可以与系统时间匹配的时钟。 话不多说,先上动画效果展示: 教程开始: 一、先准备需要的组件, 1、指针(秒针、分针、时针)大家可以用场举行代替,也可以下载自己喜欢的样式。 2、然后准备圆形4个,前3个大小随意,但是这3个圆形尺寸要一致,第四个要小一些,可以把指针尾部都盖就可以。 3、动态面板一个,state1,复制一个,state2,用于改变状态。 4、几个矩…- 8.8k
- 1
-
Axure高保真滑动拼图解锁实例教程
大家好,我是大马猴,又见面了,今天给大家带来一个滑动拼图解锁元件,及2段教程。 如果大家对我的教程及作品感兴趣,可以到我的商城店铺去看看其他作品,都是高保真制作。 商城地址https://www.axureshop.com/shop/3602欢迎大家一起交流学习 效果演示(教程在下面) 一、滑动教程: 1、首先准备5个元件(看个人喜好,5个矩形也是可以的,起名字也随意,大小按照下方给的数值来参考,…- 7.8k
- 0
-
Axure神奇操作实例-通过循环模拟弹幕
在前两讲中我们讲解了如何通过元件的触发交互或者通过外部动态面板介入来实现循环的效果,那么本次教程趁热打铁,我们讲讲解如何通过循环来模拟页面的弹幕功能,先看下最终实现的效果。 交互解析 按照一贯以来先思考后动手的习惯,我们来看下这个效果设计到哪几方面的内容: 模拟自己填写的内容发送功能(包括按钮的禁用与启用等) 模拟除本人以外的其他用户发送内容的功能 模拟弹幕的自动滚动 那么我们来分析下这三个功能如…- 8.1k
- 0
-
2、移动端查看 —— Axure使用交互
写在开头: 相信许多产品新人在用Axure做完原型之后,都会遇到过这样一个问题:想在手机移动端做展示,但是却因为各种原因无法正常显示出来,本次教程就以 iphone 6 作为材料进行讲解(因为本人用的就是iphone 6,其他品牌机可以按照下面原型尺寸进行设计试用) 开始原型设计 一、确定原型尺寸 就像ios系统的iphone一样,虽然所分的系列、分辨率不同,可原型尺寸却很有规律(原…- 17.1k
- 0
-
1、雷达效果 —— Axure实用交互
写在开头: 只是较为基础的交互动画教程,目的是呈现出更为直接的视觉感官。 个人感觉,工作之余研究使用Axure的逻辑关系,也是种不错的放松渠道。 首先,来看一下动画演示 在线演示地址:案例演示 元件图形样式、颜色、展示的文字都可以根据自身喜好进行修改。 开始原型设计 一、创建所需元件图形 1、首先需要在画板上创建一个100*100的矩形元件,并点击图形右上角的改变形状,选择心的图…- 14.7k
- 0
-
Axure案例:用中继器实现便捷好用的3级菜单
提示1:本篇教程可能不太适合新手,以及不了解中继器、全局变量、系统变量等使用的…新手 提示2:文字其实不多,截图太多,所以看上去很长,也可直接翻到末尾查看所有的用例,其实并不多 之前有介绍过使用中继器制作2级菜单,可以看出,使用中继器完成类似的多重复列表时比较便捷,至少比在N层动态面板来回切不断复制要轻松一些。 这回我们尝试换一个思路来完成3级菜单。该思路两样适用于制作2级菜单,甚至更多层级的菜单…- 33.1k
- 0
-
Axure教程:广告图片自动轮播+点击切换
广告图轮播在日常的原型设计中是最常见的了,今天和大家分享如何制作自动轮播+手工点击切换,底部有已制作好的原型文件下载,废话不多说,咋们现在就动手实现。 首先看一下我们最终想要的效果 一、制作自动轮播 1、选中图片右键转换为动态面板,同时在动态面板中添加第二张和第三张广告图。如下图 2、点击页面空白处,设置页面载入时事件,选择 设置动态面板 效果,选择banner图片动态面板,把状态设置为 Next…- 26.1k
- 1
-
Axure案例:超逼真模拟注册登录
注册和登录作为互联网产品的一项基础系统功能,本文将从原型及交互设计的角度讲述如何实现这两项基础功能,如果想学习注册和登录的产品功能设计,可以参考我之前写的一片文章《创业公司新产品的注册登录如何设计》 注册 期望交互效果 账号 账号输入框只能输入11位数字,超过11位则无法输入 假设手机号13301182876已被注册,则提示:该账号已被注册 假设输入11个1时,系统判断不是手机号,则提示:请输入正…- 29.6k
- 0
-
Axure案例:电商购物车
购物车功能已经成为各类电商系商品的一个基础功能,那么关于购物车页面的一些交互功能,如何通过原型设计去完成呢?本文以京东购物车为实例,将重点讲述关于购物车页面的交互用例设计。 演示地址:http://ggi20l.axshare.cn/#g=1&p=购物车 观察交互 通过观察,不难发现京东购物车页面主要有以下交互: 1)全选:点击全选按妞时,所有商品被选中 2)数量:点击加号,数量+1,点击…- 26.3k
- 0
-
Axure案例:用中继器做一个2级折叠菜单
之前看到过很多介绍制作2级菜单的文章,大都是制作N个子菜单,隐藏后待适当时机(点击)再显示。看着密密麻麻的N个隐藏元件,实在头大,是否有更简洁清晰一些的原型呢? 当然有了! 今天就带大家用中继器来尝试完成一个2级菜单,一起来看看吧。 先看看效果 第一阶段:准备基本素材元件 1、拖拽1个中继器到主操作区域,如下图 2、双击中继器,进入编辑中继器内的元件 2-1、删除默认的矩形 2-2、增加4个矩形,…- 41.4k
- 1
-
Axure案例:QQ音乐播放页面
摘要:本文通过讲解制作QQ音乐交互原型的过程,了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件,通过本案例的讲解,相信大家对于动态面板等高级元件的综合运用又会有一个新的认识。 观察交互效果 通过观察我们发现本案例中主要有以下3个交互效果: 播放音乐时: • 开始播放,按钮切换为暂停 • 唱片顺时针匀速旋转 • 进度条水平向右逐…- 22.8k
- 0
❯
个人中心
购物车
优惠劵
今日签到
有新私信
私信列表
搜索
客服
扫码打开当前页
关注本站公众号
扫码加微信客服
返回顶部
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!