利用Axure中继器实现多选树组件

多选树组件也是我们常见的组件之一，那么，我们如何利用Axure中继器来实现多选树组件？本篇文章里，作者就如何利用Axure来实现多选树组件一事做了流程梳理，一起来看一下。一、效果预览二、名词定义1. 节点节点：每层内容被看作为一个节点；父节点：该级以上内容被视为该级内容的父节点；子节点：该级以下内容被视为该级内容的子节点；分支节点：有下级内容的节点；叶子节点：无下

原型设计 2021年11月12日

【Axure教程】：动态扇形统计图

我们在工作中做一些原型图时，尤其是后台原型我们会经常涉及到统计图信息，上两期我详细为大家介绍了如何绘制动态柱状统计图及动态折线统计图，本期我将再次为大家详细介绍一下如何绘制动态扇形统计图。首先我们先思考一下：什么场景会使用到扇形统计图呢？相比于柱状统计图和折线统计图我们绘制扇形统计图的优点在哪呢？如何快速设计一款美观的扇形统计图以应用我们的工作中呢？一、使用场景扇形统

原型设计 2021年11月05日

Axure9 打开同一个页面时显示页面中不同的动态面板

当用Axure设计原型时，动态面板能够解决两个按钮打开同一个页面的问题。本文作者对此进行了分析，与你分享。我们在Axure设计原型时，经常会遇到这样的情况，一个页面有两个按钮，点击都打开同一个页面，但是同一个页面需要展示不同的元素。粗暴的办法是直接建两个页面，然后两个按钮跳转不同的页面，这样就能显示不同的样式了，但是这会显得很不专业。Axure提供的动态面板其实能

原型设计 2021年11月04日

你画的不是图，画的是思路，四步教你绘制大厂标准状态图（终结篇）

好的状态图能够帮助我们表达得更加清晰、思考得刚全面，并能够指导后续原型图的设计。那么，该如何推广状态图梳理业务，指导原型？作者总结了四个步骤，教你绘制大厂标准状态图，帮助你做好原型设计。这是万字长文《三步教你绘制大厂标准状态图》的第三篇，也是最后一篇——用状态图梳理操作。上两篇文章发出后，有朋友们说：“就是介绍点规则，太教条了，差不多就行了，直接上原型就好！而且资

原型设计 2021年11月03日

深度剖析原型设计：认知、设计和规范最佳实践！

原型设计是每一个产品经理的必修课，但很多新人产品经理对原型的作用、设计规范、设计流程和思路都是一知半解。本文作者根据自身工作经验，对此进行了分析，与你分享。产品原型设计是大部分产品经理日常工作中的高频事项，原型设计的好不好是团队内部扯皮的高发地区，甚至直接影响到产品上线效果。很多的产品在画原型时，是凭借自己的感觉去画，或者套用行业模板，有时直接抄竞品的样式。而并没

原型设计 2021年11月03日

Axure9 教程：拖动滑块确定评分区间效果

滑块拖动是常见的交互效果之一，具体可以如何利用Axure来实现滑块拖动？本篇文章里，作者便结合Axure，对如何实现滑块拖动确定评分区间的交互进行了流程示范，一起来看一下。滑块拖动效果是原型设计中比较常见的交互效果，今天我们以豆瓣的评分区间筛选组件为例来讲讲如何在Axure中实现拖动滑块确定评分区间的交互。一、交互效果说明 滑块及评分数值跟随鼠标拖动沿水平方向移动

原型设计 2021年11月01日

利用Axure+js创建可配置地图页面

如何利用Axure实现自定义地图展示？本篇文章里，作者结合Axure与高德地图，对如何在Axure中设置相应参数、进而预览时实现自定义地图展示效果的操作流程进行了示范和总结，一起来看一下。本文通过Axure+高德自定义地图功能，能够实现在Axure中配置相关参数，并最终在预览时实现自定义地图展示的效果。一、实现原理高德提供了自定义地图配置功能，并提供了html代码

原型设计 2021年11月01日

Axure高保真原型教程：下拉树

下拉列表是网页中一种最节省页面空间的选择方式，我们可以使用下拉列表快速选择选项；如果选项太多时，我们还会用到下拉树，对选项进行分类，例如广东-广州-xxx营业厅，分类后可以让客户更容易找到对应的选项。所以本期教程主要介绍如何在Axure里做一个高保真的下拉树模板。一、制作完成后应具备以下效果弹窗效果：点击下拉框后弹出树弹窗，点击其他内容时自动收起展开收起：点击树节点可

原型设计 2021年10月29日

【Axure教程】：动态折线统计图

我们正在做原型图时，特别在后台原型中，经常会涉及到统计图的信息，很多同学可能会不知道怎么操作。作者为大家详细介绍了如何绘制动态柱状统计图，希望能够应用到你的工作中。我们在工作中做一些原型图时，尤其是后台原型我们会经常涉及到统计图信息，上期我详细为大家介绍了如何绘制动态柱状统计图，这期我将为大家详细的动态折线统计图。首先我们先思考一下：什么场景会使用到折现统计图呢？

原型设计 2021年10月28日

Axure使用技巧：全局变量

关于全局变量的作用，有些人可能尚未完全了解，那么，如何利用Axure来设置全局变量，进而发挥全局变量的作用，如跨页面传递文本呢？本篇文章里，作者通过注册页面的案例，就全局变量的操作流程做了梳理，一起来看一下。全局变量的作用有很多，其中最主要的一点是跨页面传递文本。效果如下：今天我们就通过注册页面这个例子，来直观理解一下全局变量的作用。一共分四步：准备工作；设置全局

原型设计 2021年10月25日

Axure高阶教程：调用自定义地图为背景的可视化项目

如何在可视化项目中调用自定义地图为背景？本篇文章里，作者就利用Axure为我们展示了相应的流程操作，一起来看一下吧。先放演示地址：https://y27wy8.axshare.com如何实现：本教程以高德地图为例。第一步，注册高德或百度开发者帐号，申请key和创建自定义地图样式。第二步，从高德或百度获取地图代码（记得修改key和创建自定义地图样式）。https:/

原型设计 2021年10月22日

Axure教程：动态柱状统计图

统计图在我们日常生活中十分常见，那么，如何做出动态化的柱状统计图，既让客户看得清晰，也看得赏心悦目？本篇文章里，作者总结了如何利用Axure绘制动态柱状统计图的流程，一起来看一下。我们在画原型图时经常会遇到各种统计图，一个动态的统计图演示给客户或领导看时会更容易加分，本文先将为大家教学如何绘制动态柱状统计图。平时工作中会遇到许多需要进行统计的地方，如何快速画出既美

原型设计 2021年10月21日

【Axure教程】：导航栏展开与收缩

无论在什么页面，导航栏都起着一个提示的作用，能够让用户第一时间找到自己所需要的栏目。本文以Axure为例，从三点讲解如何制作与使用导航栏的展开与伸缩，希望对你有帮助，一起来看看。本文主要给大家讲解一下如何在Axure中制作导航栏的展开与收缩。本文主要从三点带大家分析如何使用与制作：使用场景思路分析Axure制作演示效果：https://slegsq.axshare

原型设计 2021年10月20日

Axure高保真教程：绘制验证码登录页面

移动端产品经理经常会需要绘制APP各页面原型图，那么在绘制页面原型图时，我们需要注意什么？作者与大家分享了一个使用Axure制作实用的验证码登录页面原型，快来一起看一下吧。一、原型需求点击获取验证码按钮时手机顶端定时弹出随机验证码点击获取验证码按钮后，按钮显示倒计时，倒计时自60开始，每秒向后-1，倒计时为0时可手动重新触发弹出验证码弹窗后，可点击复制验证码按钮，

原型设计 2021年10月20日

Axure使用技巧：锚点滚动

在使用Axure时，我们常常会需要用到锚点滚动效果，但是在做的时候，有几个细节容易被忽略。作者总结了在使用Axure做锚点滚动时遇到的一些问题，并分享了其制作的步骤，一起来看看。今天讲的是Axure9的锚点滚动效果。锚点滚动，就是根据鼠标点击，页面滚动到事先设定好的位置。效果如图：做到这个效果有两步，以及一个容易忽略的注意事项。为元件设计交互-单击时滚到到元件。设

原型设计 2021年10月16日

别小看产品原型，它的重要性远超你的想象

作为一名产品经理，产品原型是再熟悉不过的东西了。但是你真的了解产品原型吗？它对于产品经理究竟意味着什么？本文对于产品原型对产品经理工作的重要性进行了阐述，希望对你理解产品原型有帮助。产品原型是产品经理们再熟悉不过的东西，可是作为产品经理的你，是否曾从对产品原型的写写画画、修修改改中抽离出来，去重新审视一下这个你每天都要打交道的东西呢？产品原型是什么？它最重要的作用

原型设计 2021年10月16日

Axure教程：可视化中国地图下钻交互设计

在设置日常大屏报表设计工作中，我们会经常使用到地图下钻效果，今天作者教大家简单的使用axure软件来制作中国地图点击下钻的动效果，通过此原理可以做更细的下钻交互。一起来文中看一下吧~教程整体简单，适合AXURE初中级同学学习。主要使用到了axure的鼠标点击事件，动态面板，简单的点击逻辑。准备素材为中国地图和各省份的svg资源。推荐一个免费获取svg地图的平台http

原型设计 2021年10月16日

Axure高保真教程：上传列表

上传文件是用户的常用操作，也是系统的必备功能之一，那么如何利用中继器做出一个高保真的上传列表？本篇文章里，作者就如何在Axure做出上传文件的高保真效果进行了总结，一起来看一下。上传列表可以说是系统必备的页面，我们可以将对应的文件上传到系统，上传的状态包括正在上传、上传成功、上传失败的状态都可以在上传列表中查看和处理。所以本期教程主要介绍如何通过中继器做一个高保真

原型设计 2021年10月14日

如何利用隐藏Axure原型式需求文档菜单列表提高工作效率

产品经理在输出完原型图后生成的HTML文件会给到相应的开发、测试等小伙伴，但是很多小伙伴没有认真看雪倩或者是理解偏差，造成产品与需求产生误差。为了提高工作效率，作者分享了如何利用隐藏Axure原型式需求文档菜单列表，帮助我们更好地阅读需求，一起来看看。为什么要隐藏Axure原型式需求文档菜单列表？很多时候产品经理输出完原型图生成HTML文件给到相应的开发、测试等小

原型设计 2021年10月11日

Axure高保真教程：滑动输入元件

滑动输入是一种方便快捷的输入方式，同时对数据精准度要求不高，只需要一个大概的范围。但由于Axure的基础原件中没有滑动输入的原件，因此本文主要讲解如何制作滑动输入元件，分享给大家。滑动输入主要是应用于数字的输入，例如价格、评分等，这是一种方便快捷的输入方式，对数据精确度要求不高，只是一个大概的范围。常用于服务评价、调查问卷、价格区间等等。由于Axure的基础原件并

原型设计 2021年10月09日