Axure教程

自定义微信元件库:Aure 基本元件的应用(下)

阅读本篇之前,如果没有了解上篇,请点击这里查看《自定义微信元件库:Axure基本元件的应用(上)》。下篇讲解的是微信以下自定义元件的实现过程:弹出菜单消息列表样式功能菜单文字输入工具栏语音输入工具栏微信导航菜单弹出菜单为了更通用,可以使用中继器来实现,菜单数根据中继器的数据多少,自动显示对应的菜单。添加一个中继器,命名menus给中继器menus添加两个属性menu_id和

自定义微信元件库:Aure 基本元件的应用(上)

很多的APP的样式,都可以通过Axure的基本元件来自定义元件库。文章主要分享了利用Axure基本元件自定义微信原件库的过程,希望大家可以通过文章有所收获。作为社交软件巨头的微信,我们来研究一下它android版本的界面样式。通过观察和分析微信的界面样式,我们发现,完全可以使用Axure的基本元件,就能实现微信的元件库。通过这些微信元件的组合,我们就可以设计微信相关的页面原

Aure RP8 中继器实例(附 rp 文件)——列表的增删改查、分页

中继器(Repeater)是Axure RP7中新增的一款高级组件,传说是Axure中最复杂的组件。在需要以列表形式(如商品列表、联系人列表等)展示信息并对列表进行增删改查,分页、排序等操作的场景中,中继器是你的不二选择。本文用一个实例来演示中继器的具体用法。完成后的效果如下图(1),rp文件下载地址请看文末链接,该实例可以实现以下功能:新增一条记录到列表高亮显示选中记录并

Aure 组件:APP 设计常用组件文件(附源文件下载)

本套原型是一个我在组件计划中的阶段性成果,分享出来希望能对大家有一定的帮助。初衷&目的做得聪明人,花得笨功夫;本套原型是一个我的一业余项目《组件计划》的阶段性的成果,分享出来希望能对大家有一定的帮助。说明: 组件库只是整个项目的副产品,后期更多的产出物会放到 单一模块的流程设计,详细规则,细节设计等方面。设计中遵从的思路在设计这份组件时,由于组件的层次很多,故而将大量的类似

Aure 教程|原型设计之抽屉列表

这么常见的设计元素,不好好钻研钻研怎么行呢?抽屉列表实在是太常见了,一般做后台设计的产品经理特别熟悉,因为基本大多数后台的菜单都是以抽屉列表的形式存在着,因为抽屉列表可伸缩,能够存放很多菜单项。还有一个是大家特别熟悉的,那就是QQ的好友列表。这章就教大家如何使用axure原型工具设计抽屉列表。第一步:拖拉摆放好第一个抽屉的相关控件 1、一个180X360的白底黑框长矩形;

Hi, rosamond

新版的Axure激活码和旧版本是一样的吗? if not, can you share with me? Thanks. 我一直用的Version 8的旧版的,不敢升级。 @rosamond 关键字:Axure

Aure 教程:中继器如何切换标记状态?

中继器如何切换标记状态呢?一定有很多PM和我一样为此苦恼,一起来看看作者的解答。写在前面在之前的文章《Axure教程:如何使用Axure中继器元件?》中,@wu赖、在评论里指出:有瑕疵,选中一次后背景颜色改变再点击一次背景颜色变成原始状态,但这行其实状态还是标记状态,会一起被删除。问题产生的原因是什么呢?答案是当我们点击中继器某一行的时候,该行的 选中状态 会“toggle

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

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

aure 原型设计之吸附菜单

菜单是指引用户浏览网页或者使用APP的导向,吸附菜单在PC端和移动端的设计都有存在,它突出了菜单的重要性,它让菜单时时刻刻都在用户“够得着”的地方,以让用户没那容易“迷路”。这一章就教大家如何使用axure原型工具制作APP中的吸附菜单,当然,网页中的吸附菜单原理一样。第一步:拖拉摆放好相关的控件所有控件包括三部分:“手机壳”图片、“屏幕”动态面板和“菜单”组合1、“手机壳

aure 原型设计之侧滑菜单

由于移动端的屏幕比较小,所以在APP的设计当中,菜单的设计尤其关键,比如有下方固定菜单,上方吸附菜单,点聚式菜单等等。侧滑式菜单则是APP设计中最常见的菜单设计方式之一,它具有不占屏幕,顺手势,可容纳内容多等优点。这一章就教大家如何使用axure原型工具制作侧滑菜单。效果图:axure原型设计之侧滑菜单由于移动端的屏幕比较小,所以在APP的设计当中,菜单的设计尤其关键,比如

Aure 模拟微信聊天效果

在Axure中实现微信聊天效果,需要对中继器,动态面板,变量,函数等有一定的认识,同时可以将这些知识融会贯通使用。产品经理是站在上帝身边的人。(上帝了解人性,懂得如何运用群体的特性去驾驭人类,产品终究是联系人与思想的媒介,虚无缥缈的道贯穿在产品经理和用户之间,隔着一层薄薄的纱,隐约可见,霎那间很近,转身就又很远)一款好的产品是建立在一切近乎完美的情景下开发出来的。产品是有灵

善用 Aure 写 PRD,最正统的产品逻辑表达法

很多PM使用Axure画原型,然后通过口述、word、visio、标签、原型旁边文字标注等方法来表达产品逻辑。很少有PM使用Axure官方推荐的notes,而事实上这才是正统高效的产品逻辑表达法。可能是因为Axure官方没出过相关的中文教程,网上很少有人总结过类似的经验。今天我来完整的讲解一下notes表达法,希望对大家有所启发。notes 的作用曾经写过一篇文章介绍各种产

aure 原型设计之二维码扫描框

自从二维码流行起来之后,二维码成了移动端的一种很关键的入口,随时随地只需要扫一扫,既可以打开某个网页,下载某个APP,特别方便。因此,现在很多APP都支持扫一扫功能,比如QQ、微信、支付宝,饿了么等等。这一章就教大家如何使用axure原型工具制作二维码扫描框。效果图:axure原型设计之二维码扫描框自从二维码流行起来之后,二维码成了移动端的一种很关键的入口,随时随地只需要扫

Aure 教程:原型设计之微信朋友圈效果(中继器、动态面板、变量高级用法)

文章分享了如何利用Axure制作微信朋友圈的原型,一起来看看吧。背景介绍微信朋友圈,一个神奇的地方,如同生活中的另一片大陆,在那里总是会有你感兴趣的地方,在不同的人眼中,朋友圈是不一样的,在产品人的眼中,朋友圈充满了许多的设计亮点,领先的产品理念,一个朋友圈包含了人性、群体、社交等多种考虑。功能介绍实现朋友圈的图文发布效果,包括相册选择图,朋友圈的图文删除等功能,以往都给大

aure 原型设计之放大器

京东,天猫,淘宝等等这些电商的商品主图都会有放大器的功能,用户只需要将鼠标移到主图上就可以将图片放大查看细节。这种放大器方便用户更加深入地了解图片中的信息,从而一定程度保障了用户对商品的知情权。这一章我就教教大家如何使用axure原型工具制作图片放大器。第一步:拖拉摆放好相关的控件1、一张300X200的图片,命名为“小图”;2、一个150X100的矩形,黄底黄边,并设置不

Aure 教程:如何制作一个不区分大小写的验证码原型?

最近偶然关注到验证码的原型,想起我们实际遇到的验证码基本都是不区分大小写的,那么就让我们一起来做一个关于忽略大小写的验证码原型吧。 第一步,准备相应部件拖下两个矩形,一个文本框,一个对号,一个错号,总共5个部件。如图所示,其中一个矩形输入文字“换一张”,以通过它来实现我们后面更新验证码功能,另一个矩形可命名为“验证码”以便我们识别它。对号填充为绿色,错号为红色(按常规习惯而

Aure 教程:原型设计之多用户注册登录

当我们遇到需要记录用户信息及行为历史的产品时,肯定少不了注册登录这个流程,下面我们就一起来看下这样的原型该怎么去制作吧。第一步 登录页面制作首先我们需要一个动态面板,设置三种状态。状态1我们作为登录界面,在其中拖拽两个文本框,分别命名为:用户名1,密码1,对第二个文本框类型设置为密码;接着拖拽三个矩形框,一个填充为灰色,输入文字:登录,作为登录按钮,一个输入文字:没有账号,

Aure 中继器实践:如何制作一个「记忆翻牌」小游戏?

中继器一直是Axure里的学习难点,如何使用,什么场景下使用的教程,都值得爱学习的人一看究竟。今天以一个趣味的小游戏为例,来学习中继器的数据添加、标记、排序、删除功能。 游戏原理记忆翻牌是考验你的记忆力类型的小游戏,在连续翻出两张牌时后,如果第二张和第一张相同,则说明翻牌成功,否则翻出的牌会继续还原, 这时候就是考验你记忆力的时候了,需要记住上一次翻牌的位置,这样几轮之后,

Aure 教程:原型设计之转盘抽奖

转盘抽奖一般会出现在一些金融类网站中,通过转盘抽奖来激活用户浏览行为,后来又多用于微信的公众号运营中,通过转盘抽奖来宣传活动,从而达到吸粉的目的。这一章就教大家如何使用axure原型工具制作转盘抽奖原型。 第一步:拖拉摆放好相关控件1、转盘:300X300的白底黑框圆形,一条垂直线、一条45度垂直线、一条水平线、一条45度水平线,四线交叉组合居中放于白底黑框圆形上方,将白底