Aure

Aure 之旅:关于 Aure 的冷知识

Axure是头大象,其实有很多不容易被大家注意到的功能。Axure以高度的自由度著称,用好了绝对是大杀器。本篇是系列文章的第三篇,讲讲关于Axure的一些冷门小知识。一、手绘风格的原型其实Axure也是支持手绘风格的。具体设置在Project——>Page style editor我习惯使用英文版,中文版的对照图片找位置就可以了。点进去以后,找到Sketch Effects

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

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

Aure 原型:1 个原型搞定工作知会

团队中,总会有人没有好的整理习惯,或者记性不好,亦或者你也不想为了这些事情耽误自己的时间。如何能有效的减少这类事情的沟通成本呢?作者尝试制作了一个关于需求沟通的面板原型,一起来看看。“小健阿,那个缺陷管理的后台地址是什么?”“小健啊,98.8活动的需求稿你发给我了么,在哪里看?”“小健啊,上周我们做了哪些需求啊,你整理出来看看”“小健啊,现在XXX在开发什么,好像没什么事干

Aure 系列教程(一):抖音短视频中小元件的交互动效(下)

文章分享了抖音短视频中交互动效的制作方法,一起来学习下。第一章知识点1.1歌曲封面旋转效果1.2喜欢按钮交互效果1.3收藏按钮交互效果 1.4关注按钮交互效果 1.3收藏按钮交互效果1.3.1设计思考图形有两个状态,但是无法像心形形状一样通过填充颜色(选中效果)来实现两种状态的切换,所以我们需要借助动态面板来完成。我们为动态面板建立两个状态,状态一:未收藏,状态二:已收藏。

如何使用 Aure 规范的画出页面的线框图

每个APP原型都是由一个个页面组成,那么每个页面的线框图该如何通过Axure的画出来呢?我希望通过这篇文章,让刚入门的PM可以不走弯路,规范高效的画出每个页面的线框图。画出主要状态的线框图一个页面,可能包含多个状态的显示效果。比如微信APP首页除了常见的下图显示效果,还有点击右上角+的显示效果,还有删除所有聊天的显示效果……但是,最核心的状态应该是用户进入该页面之后,正常清

Aure 组件重写系列(三):拿什么来拯救你的表格组件?

在学习了本文的中继器表格之后,你将会十分完美地解决原生表格组件覆盖不到的功能区。一起来看。表格应该是我们非常熟悉的一种数据格式了,在实际开发中,它也是作为系统的一个组件之一在各种场景中频繁出现。在我看来,表格设计在产品原型的中的功能主要有两个:数据陈列。展示一组(全量)真实数据,方便沟通过程中需求双方对真实业务场景的理解。数据模拟。作为产品交互组件的一部分,展示结构及交互样

Aure 8.0 RP:制作一个“美美哒”的滚动条

在实际生产过程中我们发现Axure的动态面板原件可以提供强大的功能,比如滚动条,但是滚动条只能以原生效果展示,无法对其展示样式进行编辑。Axure的滚动条的丑就属于结构性问题,我们无法解决这个问题但是可以绕过,即让别人看到的Axure原型滚动条是我们想让对方看到的滚动条。一、准备素材这里用微信的界面来做展示,准备素材(笔者这里主要用了动态面板和中继器,嗯,在动态面板中充当内

Aure 实例:即刻 app 产品需求文档

第一次用Axure RP8写产品需求文档,笔者为产品小白,希望通过这篇文章和大家分享以及学习交流。以下我的Axure原型截图: 目录: 1.概述 1.1产品介绍1.2需求整理2.版本信息 2.1修订历史2.2版本规划3.产品逻辑 3.1产品信息图3.2产品结构图3.3部分业务流程图4.产品设计 4.1全局说明4.2部分功能需求说明4.3部分交互设计1. 概述1.1 产品介绍

Aure 系列教程(二):抖音短视频中超简单的吸睛大法

如何通过产品设计引导用户行为从而提升转化率?今天就让我们一起来学习抖音短视频中一个简单却能吸引用户眼球的交互效果——让你的元件燥起来。第二章:部件抖动交互效果2.1.设计思考整个过程只有元件在垂直方向的位移,所以难度并不大,我们只需要利用到元件的移动,并设置它的位移动作即可完成,剩下的就是不断的重复这个动作。2.2 素材准备(1)拖入一个矩形143*78,填充为黄色,在样式

Aure 如何调整线框图的对齐细节?

如果PM对原型的视觉要求比较高,那么画线框图的时候一定要注意各种细节,比如元件相对于页面的位置,和其他元件是否对齐等。接下来通过一些原型实例,给大家讲解一下如何优化线框图的细节。以下方法对单一元件或者选中多个元件都有效。这些功能除了常用工具栏,也可以在菜单栏,和右方的检视视图中找到。设置元件的位置下图中的“昵称”这个文本元件, 需要距离左边框和上方banner一个合适的距离