Aure 教程一：快手 APP 顶部 Tap 切换及侧导航展示交互

本系列xure学习系列共分三期，期望通过本次分享让初学者能够掌握Axure的交互设计。本次分享主要内容包括：快手顶部Tab切换交互；侧导航展开交互；视频播放页交互以及视频拍摄页交互。原型基于Axure8制作，以下是相关交互架构图。首先查看完整原型预览：http://bdh2ot.axshare.com/以下是第一期分享内容。一、 顶部Tap切换1 设置动态面板1.1 拖入动

Axure教程 2017年10月24日

Aure 教程：轮播图制作步骤详解

不管是在PC端还是移动端，轮播图是常见的设计元素。下面详细讲解轮播图的制作步骤。作为Axure初学者，把最近学到的记录下来，和大家一起学习。如何实现轮播图：循环展示轮播图片；将圆点与轮播图一一对应；实现前一张、后一张切换。1 、所需元件首先我们需要准备以下元件：动态面板（1000400）、圆（3个，1515）、向左、向右按钮图片（50*50）。2 、填充动态面板①在动态

Axure教程 2017年10月23日

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

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

Axure教程 2017年10月20日

Aure 系列教程（二）：抖音短视频中超简单的吸睛大法

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

Axure教程 2017年10月23日

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 产品介绍

Axure教程 2017年10月23日

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

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

Axure教程 2017年10月18日

Aure 组件重写系列（三）：拿什么来拯救你的表格组件？

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

Axure教程 2017年10月16日

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

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

Axure教程 2017年10月16日

Aure 系列教程（一）：抖音短视频中小元件的交互动效（下）

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

Axure教程 2017年10月10日

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

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

Axure教程 2017年09月25日