善用 Aure 写 PRD：如何在手机上完美体验 APP 原型的功能和交互

上篇文章《善用Axure写PRD，把原型放到手机里查看》讲了《如何把原型放到网络上》，这篇讲解如何在手机上完美的体验APP原型的功能和交互。主要讲iOS系统的手机如何查看，Android手机的操作方法类似。我提供了非常完整的演示步骤，请根据自身情况有所取舍的去使用。建议结合前几篇文章阅读。获取APP原型的网址比如我把闪电约APP的原型上传到51prd.com服务器下面的de

Axure教程 2017年03月30日

【原型设计】善用母版，让你的工作事半功倍

绘制原型母版基础知识讲解01 为什么要使用母版母版可以用来创建重复使用的各类原型设计元素，并对其进行全局管理，是整个项目中重复使用的元件容器。母版常用于创建页头、页尾、导航、模板和广告等。你可以在任何页面轻松的使用事先创建好的母版，而不必再次辛苦制作或复制粘贴，这就是母版带给我们的便利，你可以在母版的版面对它们进行统一管理。对母版进行的任何修改结果，修改后的结果都会同步到引

Axure教程 2019年09月23日

Aure 案例：列表页的那些交互，都在这里了

翻页、排序和筛选成为了各类产品列表页的基础功能，那么我们在进行原型设计时，是否能够实现这样的交互功能？本文以常见的电商列表页为例，讲解如何利用Axure这一原型设计利器，实现列表页中常见的翻页、排序和筛选功能。列表页利用中继器准备列表列表页中每一件商品包含的信息有：图片、缩略图、标题、销量、评价数，利用中继器可以快速录入相关信息。如下图所示：录入数据数据录入完毕后，首先为中

Axure教程 2019年09月23日

Aure 教程：省市区级联效果实现的两种方式（下拉列表和动态面板）

级联是原型中比较常用的一种效果，在绘制级联效果时我们通常采用的动态面板，加上“选项改变时”事件完成。这种情况下若级联下拉框值过多时，那么必须为每个下拉框值写事件，耗费时间与精力。接下来本文将展现省市区级联的两种方式，后者采用动态面板中“value”属性实现效果。大家可以进行比较。第一种方式：使用下拉列表框为下拉列表框每个值编写“选项改变时”事件。 1. 在设计器中拖拽三个下

Axure教程 2016年11月02日

Aure RP 8.1 新增 18 个流程图标

Axure RP 8.1强化了流程图功能，可以更加方便的来绘制各种流程图。近期Axure RP 8发布了最新测试版8.1.0.3352。此次版本包含了很多优化和新功能。重点是新增了很多流程图标。一、对比V8.1和之前的版本V8.1之前是这样的，总计19个流程图标。V8.1之后是这样的，总计37个流程图标。要知道从官方的更新日志，从Version 4.6.0.939到V8.1

Axure教程 2017年08月07日

Aure 图标解决方案，再也不怕没有适合的图标了

突然发现，fontawesome 这个框架很厉害，可以用文字方式定义多种多样的图标（详情可点击：fontawesome官网，http://fontawesome.dashgame.com/ ;）。那么我就想，既然axure里面我找不到合适的图标或符号，或者这些图标颜色不符合我的要求，那么可否使用文字的方式来定义axure里面的图标呢？这样的话，既可以使用fontawesom

Axure教程 2016年08月04日

如何用 Aure 8 绘制高质量业务流程图？

在产品设计中，业务流程图作为核心的环节，对产品的各个环节能否跑通，业务是否顺畅至关重要。好的流程图，可以快速让整个团队熟悉理解业务，并优化业务。最近看到一些小伙伴在绘制流程图过程中的一些迷茫，有点是不太能区分流程图和状态机，也有些小伙伴的流程图过于复杂，纵横交错之后很难让人一目了然，在axure 8.1更新后，正好新增了18个流程图标，对直接通过axure绘制流程图带来了极

Axure教程 2017年08月09日

Aure原型 | P2P金融 微信体验金交互稿分享

这个交互稿完成于一年前，那时刚接触Axure不久，流程图及不同场景的静态图是后补的，当时只是纯粹为了学习使用下Axure。 由于只是学习作品，所以需求、逻辑及后台都不涉及，当然最终也没有开发上线，现在拿出来分享给大家！ 流程判断： 交互稿效果： 场景分析： 原型下载地址： http://pan.baidu.com/s/1bpueM 密码：vrfk 在线预览： http://

Axure教程 2016年04月11日

建议你学点原型设计的知识

产品原型Axure RP是一款经典的快速原型设计工具，在学习原型设计时，我们需要了解线框图、原型和视觉稿的区别。初学设计的读者可能会混淆这三者，搞不清楚他们之间的区别，因此在正式的学习教程之前，我们需要了解清楚这三个概念，对于后续学习教程的内容是十分有帮助的。线框图又称低保真设计图，通常用黑白灰线条来表达界面，并在旁边标注说明一些解释性的文字。通常为产品的大纲，页面的信息结

Axure教程 2019年09月23日

Aure 9.0 基础教程：史上最详细的元件说明，建议你认真看完（一）

摘要：元件作为Axure 9.0的基础功能，线框图的绘制与交互事件的设置都离不开它，熟练掌握并了解每个元件的功能及用途，对原型设计来说尤为重要。这是一篇细到令人发指的关于元件的使用说明，不仅有基础的使用知识讲解，也有一些使用技巧的说明。Axure 9.0与8.0相比并没有增加新的元件，但9.0的元件却更好用，用起来更顺手，更有设计感，它的好用与顺手体现在每一个细节之中。元件

Axure教程 2019年09月24日

Aure 炫技：如何让你的原型图动起来

前不久我进入一家创业型公司，我开始发现，老板不看xxx.Html 原型图的，老板只看视频版本的原型图，而给开发人员的原型图就是xxx.Html的，所以每次做原型的时候我都会做两套。一个简单的视频原型展示：查看视频下面我来介绍一下，如何在Mac上制作视频原型图目录一、使用工具介绍 二、制作原型图步骤&方法 第一步，设计草图第二步，设置事件第三步，视频录制第四步，排序整理文件第

Axure教程 2017年06月26日

Aure实战｜超简单的番茄钟App设计

关于番茄钟的概念，是指在25分钟内专心地完成一件事件，不要受其它事件的干扰。现在各大应用市场上番茄钟种类繁多，但功能基本大同小异，多半在界面上有所差异，但是这些番茄钟设置太麻烦，不符合懒人使用，既要输入文字，又要选择时间，设置颜色，设置时间等等，太繁琐太繁琐，所以这里想设计一款只需要简单操作后就可以开始的番茄钟，不需要进行太多的输入。要输入什么的最烦人了，我只希望选择一下就

Axure教程 2016年04月11日

Aure实现类百度搜索原型，关键字变色

为了便于大家理解这个字符串，我在这举例说明：添加一个矩形a，添加一个新文本框b，文本框输入文字“孙燕姿2000年6月9日出道”以及原有的搜索文本框。现在我们给搜索文本框编辑文本改变时案例——设置文本于矩形a=[[LVAR2.indexOf(LVAR1)]]其中，局部变量LVAR1=搜索框文本，LVAR2=文本框b文本。按F5进行预览，效果如下：从上面效果，我们可以看出，只要

Axure教程 2016年04月11日

Aure Pro 8 制作产品需求文档

简介第一次使用Axure Pro 8来编写产品需求文档，有点小鸡冻。主要是参考相关文章Axure制作PRD（产品需求文档）设计教程。然后自己也边研究使用Axure Pro然后边编写产品文档。需求文档的目录结构修改历史版本说明原型图结构图流程图原型图产品介绍产品简介开发周期版本历史产品文档步骤Web首页菜单以及背景制作菜单动作设置二级菜单制作内容页的制作（包含内联框架嵌套多页

Axure教程 2016年12月27日

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

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

Axure教程 2016年10月10日

【分分钟制作Demo】Mac交互工具Principle使用教程

最近正在做移动端产品的交互设计，最常用的工具是Axure，但总觉着不够快捷，有些效果在实现上也是不尽人意。恰巧朋友推荐了一款适用于移动端的Demo制作工具，我试用后感觉非常好，学习成本极低，制作效率也大有提升。近期总结了一下，分享给大家～本次分享主要有以下几点内容：初识界面两个关键操作案例一：滑动案例二：点击跳转案例三：跟随动画（抽屉效果）一．初识界面Principle的界

Axure教程 2016年04月11日

Aure 之旅：关于 Aure 的冷知识

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

Axure教程 2017年09月25日

Aure8.0 教程：制作一个带有 tab 选项栏的滚动区

大家好，这一次所要分享实现的效果就是：纵向滑动移动端屏幕，内容向上滚动直至tab选项栏到达顶部时，tab选项栏固定在顶部，而tab选项栏下内容继续滚动。由于这里使用了上一篇文章中所分享的移动端简单滚动区的制作，所以最好大家可以翻阅一下我的上一篇文章，有助于理解。 1、材料准备两个滚动区域：具体的制作方法，可以参考我的上一篇分享文章。两个动态面板：一个放置常规内容，一个放置t

Axure教程 2017年02月19日

Aure 教程：限制输入框输入字数

小船今天要讲的是【Axure制作输入框字数限制】。为了做出这个效果，小船疯狂的学习…后来发现，嗯，其实真的挺简单（但小船还是很有成就感了哈）。嗯，对的，这篇是以Axure8.0为基础的中文版。如果逻辑明白了，真的很简单的，真的哟！要求 1.字数要求为150字2.超过150字后自动不能输入后面的字符第一步：对需要的控件进行命名[输入框]： text-box[字数限

Axure教程 2017年05月10日

【原型设计】简书、微博的下拉刷新，你也可以学会

下拉刷新的由来与应用下拉刷新这一伟大的交互设计来源于设计师Loren Brichter的发明创造，并将其首次应用于Twitter这一应用中，通过向下滑动的手势动作轻松获取推荐信息。现在，下拉刷新的交互几乎无处不在，但即便如此也让人无法轻易忽视它带来的快感。国外的从Twitter 到 Gmail，国内的从QQ到新浪微博再到知乎、简书、今日头条等，它几乎存在于你触手可及的每一个

Axure教程 2019年09月23日