Aure 8.0 实例｜简单实用的进度条

加载时，一个简单的进度条或许能让网站增彩很多。这个进度条的特点是：无论大小如何缩放，都不会影响进度条的质量(话说的有些绝对了，个人觉得绝大部分情况下不会出现问题)，预览一下效果吧。图片有些失真，将就一下。一、元件准备1、矩形框一个。作为背景用，命名“背景”；2、动态面板一个。作为进度条，命名“进度条”。里面放置一个矩形框，性状大小与“背景”矩形框保持一致，颜色不一致即可；3

Axure教程 2016年10月31日

4个方法帮你零基础快速完成Apple Watch的项目

这会可以不用慌张，我们先给自己一天或者半天时间去了解它，最快捷的办法是开动大家的脑洞，然后再用自己的脑洞想办法，三个臭皮匠顶一个诸葛亮，联 系你认识的设计群体人脉，询问做过类似项目的设计师，最后总会有惊喜的收获。记得罗胖讲过，在这个时代，我们应该善于运用我的网状关系链，我就是从朋友那 里在短短的一个小时之内了解了手表项目的大概（虽然人家并不是做的苹果手表），他大致陈述了一下

用户研究 2016年04月10日

Aure 案例：QQ 音乐播放界面

本文通过讲解制作QQ音乐交互原型的过程，了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件，通过本案例的讲解，相信大家对于动态面板等高级元件的综合运用又会有一个新的认识。观察交互效果通过观察我们发现本案例中主要有以下3个交互效果：（1）播放音乐时： 开始播放，按钮切换为暂停；唱片顺时针匀速旋转；进度条

Axure教程 2018年08月16日

水滴式进度条详细操作及解释

开始入门Axure时候，都会有一种想法，怎么才能最简单明了的体会到这个软件的功能呢？从最基础的开始按钮，到后面的网站连接，渐渐地引导我入门。当我学习到进度条时候，网上也有许多版本。当时学习了一段时间，也折腾了一段时间才学会，网上教程也很模糊，所以给新入门的朋友详细的操作。下图是做出来的效果：操作技巧：1、首先拉出一个矩形，命名为进度框；2、然后复制这个矩形，将背景颜色换成另

产品经理 2017年11月03日

Aure 教程：滑动进度条、圆形进度环的复杂交互效果实现方法

滑动条、进度条、进度环，是产品原型中比较常见的进度展示功能。今天笔者分享的是使用Axure原型工具实现两种进度展示功能中相对复杂的交互效果。效果一、可拖动、可显示进度值、可计算多个页面均值的滑动进度条实现效果功能流程分析因为会涉及多个页面的值传递，我们使用Axure中的【全局变量】功能，来临时存放每个进度条的值，这样方便最后一步把5个进度值拿出来再次计算。制作前分析页面：5

Axure教程 2017年09月25日

Aure 8 一学就会制作页面加载进度条百分比效果

Axure 8一学就会制作页面加载进度条百分比效果1、新建文件，取名“进度条百分比效果”。效果图如下效果图2、拖入矩形框，取名“进度槽”，300px*20px，背景浅灰色。3、拖入矩形框，取名“进度条”，1px*20px，背景深灰色。4、拖入文本标签，取名“进度值”，初始值0%，设置隐藏。选中进度值，右键选择Set Hidden5、拖入按钮，取名“开始”。6、设置start

Axure教程 2017年04月24日

线上与线下的等待

Ruanyifeng 在他的微博上转发了一个关于进度条与转轮使用的说明。如果用户等待时间在1秒以内，不做特别处理；在4秒以内，要显示一个转轮（spinner）；在1分钟以内，要显示一个进度条（progress bar），以及当前进度的百分比；超过1分钟，除了进度条，还要显示预估的结束时间。 sourceWhenToDisplayASpinner.jpgHowToDispla

产品经理 2017年02月17日

Aure 教程：实现进度条、进度环和滑动条的简单方法

作者分享了制作进度条、进度环和滑动条的简单方法，希望能给大家带来一定的收获。画原型的目的之一是为了给开发人员看功能的实现效果，同时也可以打包制作成Demo给相关人员了解产品的完成形态，是产品人员的必备技能之一。除了画原型，产品人员还要做需求分析和文档编写等工作，所以不能花太多时间在此环节上。画原型所需时间与实现方法有关，以提高效率为目的，本文尽可能详细的介绍了进度条、进度环

Axure教程 2017年01月12日

Aure 8.0 实例｜简单实用的进度条

这个进度条的特点是：无论大小如何缩放，都不会影响进度条的质量(话说的有些绝对了，个人觉得绝大部分情况下不会出现问题)，预览一下效果吧。图片有些失真，将就一下。 一、元件准备1、矩形框一个。作为背景用，命名“背景”；2、动态面板一个。作为进度条，命名“进度条”。里面放置一个矩形框，性状大小与“背景”矩形框保持一致，颜色不一致即可；3、水滴标记一个。作为进度百分比；二、添加用例

Axure教程 2016年11月08日

关于 Aure 进度条制作的方法，这篇文章讲得最全面！

网上诸多有关Axure进度条制作的方法，但是步骤实在是太跳跃，很不容易搞明白。因此，笔者在这里总结一下Axure进度条制作的方法。下面示例在Axure7中操作，但是在Axure8里步骤也是一样的，建议更新至Axure8，因为其具有不少便利的新功能。一、最简陋的进度条：用于说明原理1、新建一个矩形，命名为“进度框”；2、新建一个矩形，让它和之前的矩形大小一样，并重叠，填充黄色

Axure教程 2016年11月08日