Axure使用技巧:全局变量
关于全局变量的作用,有些人可能尚未完全了解,那么,如何利用Axure来设置全局变量,进而发挥全局变量的作用,如跨页面传递文本呢?本篇文章里,作者通过注册页面的案例,就全局变量的操作流程做了梳理,一起来看一下。全局变量的作用有很多,其中最主要的一点是跨页面传递文本。效果如下:今天我们就通过注册页面这个例子,来直观理解一下全局变量的作用。一共分四步:准备工作;设置全局
原型设计
2021年10月25日
【Axure教程】:动态折线统计图
我们正在做原型图时,特别在后台原型中,经常会涉及到统计图的信息,很多同学可能会不知道怎么操作。作者为大家详细介绍了如何绘制动态柱状统计图,希望能够应用到你的工作中。我们在工作中做一些原型图时,尤其是后台原型我们会经常涉及到统计图信息,上期我详细为大家介绍了如何绘制动态柱状统计图,这期我将为大家详细的动态折线统计图。首先我们先思考一下:什么场景会使用到折现统计图呢?
原型设计
2021年10月28日
Axure高保真原型教程:下拉树
下拉列表是网页中一种最节省页面空间的选择方式,我们可以使用下拉列表快速选择选项;如果选项太多时,我们还会用到下拉树,对选项进行分类,例如广东-广州-xxx营业厅,分类后可以让客户更容易找到对应的选项。所以本期教程主要介绍如何在Axure里做一个高保真的下拉树模板。一、制作完成后应具备以下效果弹窗效果:点击下拉框后弹出树弹窗,点击其他内容时自动收起展开收起:点击树节点可
原型设计
2021年10月29日
利用Axure+js创建可配置地图页面
如何利用Axure实现自定义地图展示?本篇文章里,作者结合Axure与高德地图,对如何在Axure中设置相应参数、进而预览时实现自定义地图展示效果的操作流程进行了示范和总结,一起来看一下。本文通过Axure+高德自定义地图功能,能够实现在Axure中配置相关参数,并最终在预览时实现自定义地图展示的效果。一、实现原理高德提供了自定义地图配置功能,并提供了html代码
原型设计
2021年11月01日
Axure9 教程:拖动滑块确定评分区间效果
滑块拖动是常见的交互效果之一,具体可以如何利用Axure来实现滑块拖动?本篇文章里,作者便结合Axure,对如何实现滑块拖动确定评分区间的交互进行了流程示范,一起来看一下。滑块拖动效果是原型设计中比较常见的交互效果,今天我们以豆瓣的评分区间筛选组件为例来讲讲如何在Axure中实现拖动滑块确定评分区间的交互。一、交互效果说明 滑块及评分数值跟随鼠标拖动沿水平方向移动
原型设计
2021年11月01日
深度剖析原型设计:认知、设计和规范最佳实践!
原型设计是每一个产品经理的必修课,但很多新人产品经理对原型的作用、设计规范、设计流程和思路都是一知半解。本文作者根据自身工作经验,对此进行了分析,与你分享。产品原型设计是大部分产品经理日常工作中的高频事项,原型设计的好不好是团队内部扯皮的高发地区,甚至直接影响到产品上线效果。很多的产品在画原型时,是凭借自己的感觉去画,或者套用行业模板,有时直接抄竞品的样式。而并没
原型设计
2021年11月03日
你画的不是图,画的是思路,四步教你绘制大厂标准状态图(终结篇)
好的状态图能够帮助我们表达得更加清晰、思考得刚全面,并能够指导后续原型图的设计。那么,该如何推广状态图梳理业务,指导原型?作者总结了四个步骤,教你绘制大厂标准状态图,帮助你做好原型设计。这是万字长文《三步教你绘制大厂标准状态图》的第三篇,也是最后一篇——用状态图梳理操作。上两篇文章发出后,有朋友们说:“就是介绍点规则,太教条了,差不多就行了,直接上原型就好!而且资
原型设计
2021年11月03日
Axure9 打开同一个页面时显示页面中不同的动态面板
当用Axure设计原型时,动态面板能够解决两个按钮打开同一个页面的问题。本文作者对此进行了分析,与你分享。我们在Axure设计原型时,经常会遇到这样的情况,一个页面有两个按钮,点击都打开同一个页面,但是同一个页面需要展示不同的元素。粗暴的办法是直接建两个页面,然后两个按钮跳转不同的页面,这样就能显示不同的样式了,但是这会显得很不专业。Axure提供的动态面板其实能
原型设计
2021年11月04日
【Axure教程】:动态扇形统计图
我们在工作中做一些原型图时,尤其是后台原型我们会经常涉及到统计图信息,上两期我详细为大家介绍了如何绘制动态柱状统计图及动态折线统计图,本期我将再次为大家详细介绍一下如何绘制动态扇形统计图。首先我们先思考一下:什么场景会使用到扇形统计图呢?相比于柱状统计图和折线统计图我们绘制扇形统计图的优点在哪呢?如何快速设计一款美观的扇形统计图以应用我们的工作中呢?一、使用场景扇形统
原型设计
2021年11月05日
利用Axure中继器实现多选树组件
多选树组件也是我们常见的组件之一,那么,我们如何利用Axure中继器来实现多选树组件?本篇文章里,作者就如何利用Axure来实现多选树组件一事做了流程梳理,一起来看一下。一、效果预览二、名词定义1. 节点节点:每层内容被看作为一个节点;父节点:该级以上内容被视为该级内容的父节点;子节点:该级以下内容被视为该级内容的子节点;分支节点:有下级内容的节点;叶子节点:无下
原型设计
2021年11月12日
Axure入门案例系列——Axure制作气泡闪动图
闪动的气泡在产品中是很常见的功能,用以动态的提示。本文作者用Axure进行案例演示,分析如何用Axure制作气泡闪动图,希望对你有帮助。在一些常见的大屏可视化中,均会以闪动的气泡作为一些提示符,进行动态的提示。一、准备Axure 9(或Axure 8、10)软件已安装。掌握基本的软件使用。二、本教程知识点交互动效延时填充的渐变样式连续动态的交互实现三、详细教程1.
原型设计
2021年11月15日
【Axure教程】随机抽奖原型
随着商业的发展,在ToC系统中,抽奖是必备的一项功能。那么,对于这么高频使用的功能,如何用Axure做一个既美观且复用性又强的抽奖原型?作者分享了相关步骤,希望对你有所帮助。随着商业的进步与发展,在To C的系统里面,抽奖可以说是必备的功能。所以我们今天来学习,在Axure里面做一个最一个既美观,而且复用性又强的抽奖原型,完成后效果如下图所示:原型地址:https
原型设计
2021年11月16日
Axure高保真教程:中继器表格自动合计模板
合计作为日常使用频率比较高的一个功能,但在Axure里面传统的表格如果做合计是很麻烦的,遇到数据多的时候很耗费时间,那么该如何优化,提高工作效率?本文以中继器表格为核心,教大家如何制作一个自动合计的原型模板,希望对你有所帮助。合计一个是很常用的功能,例如财务报表、统计图表等内容就经常需要合计。但是在Axure里面传统的表格如果做合计是很麻烦的,如果数据多的话,需要
原型设计
2021年11月23日
Axure入门案例系列:页面模块水平左右滑动
左右滑动的交互方式在APP中非常常用,可以在有限的区间内可以放置更多的内容。本文作者分析如何用Axure制作页面模块水平左右滑动,希望对你有帮助。在APP端中左右滑动的交互方式十分常见,在有限的区间内可以放置更多的内容。一、准备Axure 9(或Axure 8、10)软件已安装。掌握基本的软件使用。二、本教程知识点初级的动态面板使用。拖动触发的移动的交互事件。移动
原型设计
2021年11月23日
搞事情!存下这波原型素材,我能五分钟画三个
产品人每天的工作不是在做原型就是在做原型的路上,一些原型素材的使用能够帮助我们提高效率,更快完成工作。本文作者列举了一些原型素材,一起来看看吧。做产品如逆水行舟,不进则退。所以,我们产品人永恒的主旋律就是学习,什么摸鱼、看剧,通通都不存在的。好巧不巧,今天又有一份新的学习资料到了,快跟我一起学习吧!01消防备案系统属性:原型作者:杨新宇作品链接:https://m
原型设计
2021年11月27日
【Axure教程】智能家居原型
智能家居是以住宅为平台,利用综合技术管理家居设施与家庭日程事务,从而提高提升家居生活的便利性。本文作者以智能电视为模板,做了智能家居的原型,一起来看看吧。我们今天来学习,在Axure里面做一个智能家居的原型,本案例以智能电视为模板,制作完成后效果如下图所示:原型地址:https://r5fhmp.axshare.com/#g=1一、材料准备1. 边框我们用黑色矩形
原型设计
2021年12月01日
原型图真正的核心是什么,怎么做好原型图设计?
当一个企业想开发一款产品时,原型图可以帮助企业提前看到,产品的界面样式,每个按钮的功能和效果,也可以看到产品的基本框架和运作机制,获得比较真实的感受。那么原型图对企业的核心意义是什么?又如何做好原型图呢?本文围绕原型图展开讲述,推荐对此感兴趣的伙伴阅读。在通过市场调研、数据分析,我们深入地了解行业情况、明确了建站需求,经过项目讨论会确立网站初步的整体构思以及策划,
原型设计
2021年12月02日
【Axure高保真组件】极验-按住滑块,拖动到最右边
滑块验证是一种极验类型,用于用户登录时人机识别。该方式相比较于图形验证码、滑动拼图验证、点选验证等验证方式,操作成本较低。一、要实现的效果1、默认显示滑块、背景及提示文案。2、滑块仅允许向右水平拖动,切不能超过背景区域。3、滑块移动过程中,左侧区域跟随变绿,右侧区域保持默认颜色。4、滑块为未拖动到最右侧时释放,自动回到初始位置。5、滑块拖动到最右侧时,无论是否释放,自
原型设计
2021年12月06日
Axure之折叠窗效果
折叠窗效果是产品的一个基础功能,那么如何用Axure制作呢?本文仔细介绍了通过Axure RP9实现折叠窗效果的详细步骤和注意事项,希望对读者有所帮助。1、 假设做三个标题和三个标题的子内容2、 先做三个标题的面板,三个子内容面板三个标题面板:A1,B1,C1三个子内容面板:a1,b1,c13、 设置标题面板和子内容面板的尺寸标题面板:700,50子内容面板:70
原型设计
2021年12月07日
Axure之中继器上下移动
本文仔细介绍了在Axure RP9 中如何通过中继器来制作上下移动的效果的步骤和注意事项,希望对小白产品经理有所帮助。1、 前期准备:上下移图标、中继器、文本框一个(做全局变量使用、隐藏)2、 配置中继器的数据表备注:row_id是为了实现上下移动的排序3、 添加事件,上移下移基本类似,已下移为例进行展示4、 先给中继器配置每项加载的交互事件每项加载主要是每次更新
原型设计
2021年12月08日
