Axure9 教程:图表载入效果(柱状图/折线图/饼图)
我们在设计原型时会经常使用到图表,给图表加一点载入时的动效会让图表更加生动。今天我们来简单介绍下在Axure中实现柱状图、折线图、饼图载入效果的方法。一、柱状图 1.拖入一个【矩形】元件,设置初始的高度为:1px,宽度和填充颜色自定。2.矩形上方拖入一个【文本标签】,设置数字文本,初始隐藏。3.给上述矩形元件添加一个【载入时】的效果,高度自定,动画选择【线性】【500
原型设计
2021年08月26日
Axure高级教程:模拟Axure文件上传进度条效果
如何不通过文本框的File功能实现Axure文件上传效果?本篇文章里,作者便总结、梳理了一份Axure教程,帮助你简单实现上传进度条递增效果,让交互页面更加生动有趣,一起来看一下吧。大家都知道,Axure可以通过设置输入框的类型为File模拟实现文件上传效果,但是效果比较丑。实现本期将分享如何不通过文本框的File功能,只需一个按钮,即可实现Axure文件上传效果
原型设计
2021年08月26日
Axure高保真教程:上传本地图片
上传图片是常见功能之一,但是Axure里没有上传图片的元件,因此,若想画出高保真的上传图片原型,我们则需要另想方法。本篇文章里,作者介绍了利用代码制作上传图片原型模板的操作流程,不妨来看一下,也许会对你有所帮助。上传图片可以说是每个系统必备的功能,包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。我们在画产品原型的时候,也常常需要画出上传图片的效果
原型设计
2021年09月06日
一个实用的规则配置模型
在系统设计中,经常会遇到需要进行通用规则配置的场景,需要基于一些基础参数进行配置,如类型业务,城市,金额,风险级别等,多个参数组合配置不同的规则或策略,常见场景如业务预警、系统分单、资金排队、模型配置、卡券分发等。此时就需要进行通用配置,并且可以随时调整配置的设计方式。本文介绍一套比较实用的规则配置模型。通俗地说,规则配置无非是确定要配什么,怎么找到应用对象,找到后要
原型设计
2021年09月06日
Axure高保真教程:上传本地图片
上传图片是常见功能之一,但是Axure里没有上传图片的元件,因此,若想画出高保真的上传图片原型,我们则需要另想方法。本篇文章里,作者介绍了利用代码制作上传图片原型模板的操作流程,不妨来看一下,也许会对你有所帮助。上传图片可以说是每个系统必备的功能,包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。我们在画产品原型的时候,也常常需要画出上传图片的效果
原型设计
2021年09月14日
一个实用的规则配置模型
在系统设计中,经常会遇到需要进行通用规则配置的场景,需要基于一些基础参数进行配置,如类型业务,城市,金额,风险级别等,多个参数组合配置不同的规则或策略,常见场景如业务预警、系统分单、资金排队、模型配置、卡券分发等。此时就需要进行通用配置,并且可以随时调整配置的设计方式。本文介绍一套比较实用的规则配置模型。通俗地说,规则配置无非是确定要配什么,怎么找到应用对象,找到后要
原型设计
2021年09月14日
Axure教程:高保真滚动抽奖
滚动抽奖在我们日常很常见,但是很多人在Axure上可能就不知道如何实现这一功能。作者详细分享了相关高保真滚动抽奖的步骤以及注意点,帮助你更好地完成这一项目,一起来看下吧。看一下这次我们想要实现的效果:看过效果之后我们再确认一下我们要实现的几个功能:点击“开始抽奖”,在名单中随机抽取一位中奖人,并有闪烁切换的滚动效果。点击“再抽一次”,会开启新一轮的抽奖,并且不包含
原型设计
2021年09月14日
【Axure教程】树形穿梭框
在多分组的筛选场景下,树形穿梭框较为常用,一般应用于数据、名单的选择。那么,应该如何制作树形穿梭框?本篇文章里,作者总结了一份树形穿梭框的Axure教程,一起来看一下。树形穿梭框常用于多分组之间的筛选,例如从多个营业厅、多个部门中选择优秀员工,又或者从不同的班级里面挑选学生比赛。树形穿梭框就能应用于多分组条件中选择具体数据、名单的情况。下面我会通过评选积极员工的树
原型设计
2021年09月14日
【Axure教程】中继器伸缩卡片
在做原型设计时,我们经常会使用到卡片。当卡片内容比较多时,为了页面美观与重点突出,会采用伸缩卡片。那么,如何利用中继器做伸缩卡片呢?本文对该步骤进行了梳理,分享给你,希望对你有所帮助。在原型设计时,我们经常会用到卡片,例如人物信息卡片、商品信息卡片、视频信息卡片;对比传统的表格,使用卡片会更加的灵活,而且样式更加美观。当卡片内容较多时,我们往往会用伸缩卡片,突出重
原型设计
2021年09月16日
【Axure教程】多选和批量操作
在系统操作中,批量操作是常用的操作方式,本篇作者就教大家如何在Axure中制作一个能多选和批量操作的原型模板,并对该步骤进行了梳理,分享给你,希望对你有所帮助。在系统操作中,批量操作是常用的操作方式,例如批量启用、批量禁用、批量删除、批量下载……所以今天作者就教大家如何在Axure中制作一个能多选和批量操作的的原型模板,该原型主要使用中继器制作,所以复用性很高,再
原型设计
2021年09月27日
Axure高保真教程:滑动输入元件
滑动输入是一种方便快捷的输入方式,同时对数据精准度要求不高,只需要一个大概的范围。但由于Axure的基础原件中没有滑动输入的原件,因此本文主要讲解如何制作滑动输入元件,分享给大家。滑动输入主要是应用于数字的输入,例如价格、评分等,这是一种方便快捷的输入方式,对数据精确度要求不高,只是一个大概的范围。常用于服务评价、调查问卷、价格区间等等。由于Axure的基础原件并
原型设计
2021年10月09日
如何利用隐藏Axure原型式需求文档菜单列表提高工作效率
产品经理在输出完原型图后生成的HTML文件会给到相应的开发、测试等小伙伴,但是很多小伙伴没有认真看雪倩或者是理解偏差,造成产品与需求产生误差。为了提高工作效率,作者分享了如何利用隐藏Axure原型式需求文档菜单列表,帮助我们更好地阅读需求,一起来看看。为什么要隐藏Axure原型式需求文档菜单列表?很多时候产品经理输出完原型图生成HTML文件给到相应的开发、测试等小
原型设计
2021年10月11日
Axure高保真教程:上传列表
上传文件是用户的常用操作,也是系统的必备功能之一,那么如何利用中继器做出一个高保真的上传列表?本篇文章里,作者就如何在Axure做出上传文件的高保真效果进行了总结,一起来看一下。上传列表可以说是系统必备的页面,我们可以将对应的文件上传到系统,上传的状态包括正在上传、上传成功、上传失败的状态都可以在上传列表中查看和处理。所以本期教程主要介绍如何通过中继器做一个高保真
原型设计
2021年10月14日
Axure教程:可视化中国地图下钻交互设计
在设置日常大屏报表设计工作中,我们会经常使用到地图下钻效果,今天作者教大家简单的使用axure软件来制作中国地图点击下钻的动效果,通过此原理可以做更细的下钻交互。一起来文中看一下吧~教程整体简单,适合AXURE初中级同学学习。主要使用到了axure的鼠标点击事件,动态面板,简单的点击逻辑。准备素材为中国地图和各省份的svg资源。推荐一个免费获取svg地图的平台http
原型设计
2021年10月16日
别小看产品原型,它的重要性远超你的想象
作为一名产品经理,产品原型是再熟悉不过的东西了。但是你真的了解产品原型吗?它对于产品经理究竟意味着什么?本文对于产品原型对产品经理工作的重要性进行了阐述,希望对你理解产品原型有帮助。产品原型是产品经理们再熟悉不过的东西,可是作为产品经理的你,是否曾从对产品原型的写写画画、修修改改中抽离出来,去重新审视一下这个你每天都要打交道的东西呢?产品原型是什么?它最重要的作用
原型设计
2021年10月16日
Axure使用技巧:锚点滚动
在使用Axure时,我们常常会需要用到锚点滚动效果,但是在做的时候,有几个细节容易被忽略。作者总结了在使用Axure做锚点滚动时遇到的一些问题,并分享了其制作的步骤,一起来看看。今天讲的是Axure9的锚点滚动效果。锚点滚动,就是根据鼠标点击,页面滚动到事先设定好的位置。效果如图:做到这个效果有两步,以及一个容易忽略的注意事项。为元件设计交互-单击时滚到到元件。设
原型设计
2021年10月16日
Axure高保真教程:绘制验证码登录页面
移动端产品经理经常会需要绘制APP各页面原型图,那么在绘制页面原型图时,我们需要注意什么?作者与大家分享了一个使用Axure制作实用的验证码登录页面原型,快来一起看一下吧。一、原型需求点击获取验证码按钮时手机顶端定时弹出随机验证码点击获取验证码按钮后,按钮显示倒计时,倒计时自60开始,每秒向后-1,倒计时为0时可手动重新触发弹出验证码弹窗后,可点击复制验证码按钮,
原型设计
2021年10月20日
【Axure教程】:导航栏展开与收缩
无论在什么页面,导航栏都起着一个提示的作用,能够让用户第一时间找到自己所需要的栏目。本文以Axure为例,从三点讲解如何制作与使用导航栏的展开与伸缩,希望对你有帮助,一起来看看。本文主要给大家讲解一下如何在Axure中制作导航栏的展开与收缩。本文主要从三点带大家分析如何使用与制作:使用场景思路分析Axure制作演示效果:https://slegsq.axshare
原型设计
2021年10月20日
Axure教程:动态柱状统计图
统计图在我们日常生活中十分常见,那么,如何做出动态化的柱状统计图,既让客户看得清晰,也看得赏心悦目?本篇文章里,作者总结了如何利用Axure绘制动态柱状统计图的流程,一起来看一下。我们在画原型图时经常会遇到各种统计图,一个动态的统计图演示给客户或领导看时会更容易加分,本文先将为大家教学如何绘制动态柱状统计图。平时工作中会遇到许多需要进行统计的地方,如何快速画出既美
原型设计
2021年10月21日
Axure高阶教程:调用自定义地图为背景的可视化项目
如何在可视化项目中调用自定义地图为背景?本篇文章里,作者就利用Axure为我们展示了相应的流程操作,一起来看一下吧。先放演示地址:https://y27wy8.axshare.com如何实现:本教程以高德地图为例。第一步,注册高德或百度开发者帐号,申请key和创建自定义地图样式。第二步,从高德或百度获取地图代码(记得修改key和创建自定义地图样式)。https:/
原型设计
2021年10月22日
