Aure 实例：制作一个通用的移动端内容滚动区
本文主要分享一个运用Axure制作移动端内容滚动区的过程，与大家分享，希望有所启发。制作一个简单的移动端内容滚动区，两个动态面板就够了！1、材料的准备（1）滚动区域： 从元件库中的基本元件中拖入一个动态面板到线框图面板中，将其命名为“rolling_area”，这是滚动区的意思，表示网页内容的滚动范围，设置width=360，height=600。（2）内容区域： 双击“r
Axure教程
2016年12月18日
Aure 实例：顶栏和侧边栏的固定和窗口自适应
一篇关于Axure的干货教程，关于顶栏和侧边栏固定以及窗口自适应的设计过程，希望对大家有所启发。在后台系统中，常有侧边栏，不随页面内容的滚动而变化，且高度与浏览器等高。第一步新建一个母版1 做侧边栏，在母版中新建两个动态面板，一个作为背景使用，一个放置标题使用。第二部（背景）动态面板的颜色设置为 与标题背景色一致。（标题）动态面板内新建元件作为标题。第三步将（标题）动态面
Axure教程
2016年12月18日
Aure8.0 原型案例：做一个“二般”的登录窗口
登录窗口在我们日常使用应用或者打开网站时都会碰到，已经屡见不鲜，今天浏览网页的时候，看到一个登录窗口，感觉动效还挺好的，就用Axure做了一个原型，供大家参考学习。效果描述1、Email获取焦点时，提示文案“Email”变小上移，同时下划线变色显示待输入状态；失去焦点时，无输入则返回默认状态，有输入则只有下划线回到默认状态，Code输入同理。2、拖动滑块进行验证，没拖到最右
Axure教程
2016年12月16日
产品经理必备原型工具优劣势对比
有一款好的工具往往能够帮主你更好更高效的工作，今天就来分析产品经理必备的原型工具。最近除了工作上的画图、定期的PRD文档输出外，正在学习一个新的画图工具，那就是墨刀。之前因为Kevin都是用的Axure，但是最近在APP上了解到墨刀有跟多的控件，聊聊这个磨刀工具给我的感受。原型工具调研我这里主要谈2个问题： 个原型工具的优点与缺点不同场景的应用建议一、优点缺点对比1.Axu
Axure教程
2016年12月16日
冷僻操作：如何用 AXURE 8.0 制作一个凹型
三种方法，复习一些冷僻的操作方式。凹型绘制方法一：边框可见性（冷僻度：2/5）步骤一：拖入两个矩形步骤二：将小矩形叠到大矩形的上方，保持上边重叠步骤三：选中小矩形，在样式（style）中编辑边框，选择上边框不透明步骤四：选中两个矩形，ctrl+G（command+G）组合图形，大功告成点评一下：这个方法的优势是制作便捷，巧用了边框的可见性属性，用基础知识就能满足。劣势是“凹
Axure教程
2016年12月15日
Aure8.0 原型案例：制作手机拨号界面
今早上在去公司的班车上打开手机拨号界面，突然想怎么能用Axure把它做出来，到了公司花了半小时就做出来，然后把制作过程分享给大家。效果描述手机拨号，想必大家都知道，就是点击数字时有按下反馈，且会组成一串手机号码，同时按错数字，会有撤退按钮删除刚输入的数字，效果链接：http://flpa2p.axshare.com一、首先画页面原型主要元件为无边框文本框“显示”（设置输入文
Axure教程
2016年12月14日
Aure8.0 实例：简单实用的验证码
分享一个运用Axure8.0制作验证码的实例。相信大家都遇到过，在登录某网站时，往往会要求输入一个验证码，验证码一般是4或5位的纯数字或数字字符结合体，这里就给大家介绍一下我做的一个验证码的小例子。预览一、元件准备1、文本输入框一个。用于输入验证码的，起名为“输入框”；2、矩形框一个。用于显示随机验证码，起名“验证码”；3、文字标签一个。用于手动重置验证码，起名“换一张”；
Axure教程
2016年12月09日
三步教你 Aure 原型变身 EXE 程序
Axure 原型变身 EXE 程序三步曲，简单快捷的小窍门。最近在研究如使用 H5 开发桌面应用，然后就在网上发现了 NW.js 这样一个好东西，然后经过一番折腾之后，就实现了本文标题说的效果：让 Axure 原型变身 .exe 程序，然后就可在任意的 Windows 平台上运行了（当然还支持跨平台，比如 Mac OS 和 Linux）。准备工作Axure 原型下载 NW.
Axure教程
2016年12月08日
Aure 中继器姊妹篇：列表页添加排序和筛选功能
今天，我又用Axure中继器功能做了一个交互原型，就是对列表页添加排序和筛选功能，可以对列表中的项进行排序或者筛选，希望对大家制作原型有一定的帮助。还是先来看看效果以商品列表为例，点击价格排序，可以对商品进行价格由低到高或由高到低排序，点击品牌，可以筛选出小米品牌手机或者苹果品牌手机。详细步骤1.1 首先我们要画出大体框架 ，商品列表使用中继器制作，如下图所示中继器如何使用
Axure教程
2016年12月03日
Aure 中继器：制作可交互的“APP 音乐播放列表页”
这两天，通过网络资料以及公司大牛的倾情帮助，终于学会了Axure中继器功能，并试着做了一个可交互的“App音乐播放列表页”，并把步骤详细分享给大家，希望对大家有帮助。先看看效果点击每首歌曲，首先小喇叭会变亮，表示当前播放音乐，且页面底部播放台同时切换到此歌曲。http://kb1mel.axshare.com （打开有点慢，请见谅哦）详细制作步骤一、首先画一个大体的页
Axure教程
2016年12月02日
善用 Aure 写 PRD，移动 PM 需要梳理这些流程图
流程图是产品经理传达需求的常用做法，按照我的经验来看三大类：业务流程、页面流程、功能流程。分别对应着战略、战术、执行三大层次。提供Axure原型下载点击下载，在线查看唯一更新网址。记得刚开始做PD的时候，没有意识去画流程图来梳理整个产品的脉络。经常需要修改原型。后来慢慢被迫培养了先画整体的业务流程，然后将具体的业务抽象成一个个功能模块，最后用形象化的页面承载功能的工作方式。
Axure教程
2016年12月01日
技术干货｜Aure 小众使用技巧分享
本文并不是关于动态面板、中继器的分享，而是基础却又很常用的小众经验技巧。Axure功能非常强大，即便是应对高保真原型图，复杂的交互也完全能够胜任，当然在画原型图时也不需要过多的纠结于交互的细节，保证内容和逻辑即可。下面举例说一说Axure使用的一些技巧，都是在不断的使用过程中总结出来的。以下操作都是在Axure8.0中完成的。本文并不是关于动态面板、中继器的分享，而是基础却
Axure教程
2016年11月30日
页面状态还是组件？到底什么才是交互的中心？
随着信息行业的日益发展，软件的开发设计得到了更多人的重视，软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中，设计的模式普遍为两种，一种是以页面状态为中心来设置交互，比如Flinto for Mac和Principle。另一种模式则是以组件为中心，这种工具也很多，比如大家常用的Axure和Mockplus。那么这两种方式哪一种才是最好的呢？我们这里来做一下具
Axure教程
2016年11月29日
Aure8.0 教程：利用中继器对表格的增删改操作
一直都是只看不发的那种，运用axure制作原型也有很长一段时间了，最近升级到8.0，用起来各种顺手啊，就写了一个中继器的教程，供新手学习。原型主要是通过中继器实现表格的增删改操作，示例如下：1 开工前的原件准备工作文本框矩形框数个、下拉框一个、按钮两个、中继器一个。建议做好原件命名，因为之后会涉及到蛮多的交互，清晰的命名可以避免出现混乱。然后我们需要对中继器做一些处理，点击
Axure教程
2016年11月29日
5 年产品经理踩过的坑之七：如何向他人寻求帮助？
做产品的时候经常，会遇到一些技术类或者自己搞不定的问题，需要请教开发或者其他岗位的同学。寻求他人的帮助，也是一门大学问。先来看看你有没有像这样向他人寻求过帮助：①请教资深的产品经理：“Axure怎么用，你教教我吧！”②发现问题的时候就跟大伙说：“哎，你看，这数据一看就不对，谁给看看，是不是代码写错了？”③跟一个前端开发说：“帮我把这个html文件生成一个访问链接吧。”这三个
Axure教程
2016年11月29日
Aure 技巧：按钮互斥效果的 3 个步骤
本文仅适用于具有一定Axure使用经验的用户阅读。Axure中经常会设计几个按钮或几个菜单的互斥选择效果，互斥效果有两种方式可以实现：1） 可以通过点击事件控制选中当前点击的按钮或菜单，并取消选中其它按钮或菜单； 但这种方式由明显的缺点，如果后续有增加了按钮或菜单，需要将之前每一个按钮或菜单的用例全部修改一遍，工作量很大而且很容易搞乱。2） 通过对按钮分组实现。 这种方式可
Axure教程
2016年11月28日
Aure，Justinmind 以及 Mockplus 的交互设置方式对比
在原型设计的过程中，交互设置是最基础的环节，这一环节的简繁程度，相当程度上决定了一款原型设计工具的质量和品质。今天我们来简单对比一下当下比较具有代表性的三款原型设计工具的交互设置方式。我们先来看一下Axure RP。相信对于Axure，大家都是比较熟悉的，这款软件在原型设计领域已经存在了有相当一段长的时间了，可以说Axure影响了一代的产品人。Axure的功能强大是毋庸置疑
Axure教程
2016年11月25日
Aure 交互｜QQ 三大界面的交互效果演示
这里我就用一个主界面和多层的动态面板内嵌（ 只是钻研和加深交互练习，平常还是跳转链接更方便 ）。演示一下关于 QQ 界面的一些交互效果，也希望和大家一起学习和进步。下面是制作完成后的三大界面（消息、联系人、动态）内容；下面分享一下制作过程。如有错误，欢迎指教；1、制作部件和构建大致框架（1）启动界面从部件库拖入 iPhone 外壳（网上有分享的该部件库）；从部件库拖入图形部
Axure教程
2016年11月22日
Aure 8.0：制作简易翻卡游戏
翻卡游戏风靡于页游与手游中的小游戏。具有玩法简单、易于实现的特点，在活动中经常使用。本次教程将带大家快速制作。成品效果图：原型分析流程分析：卡牌奖品总览->点击按钮->卡牌翻到背面、洗牌->花费代价点击卡片/放弃本局游戏；元素分析：底层背景 图片 ：作者自己用矩形画的待翻卡牌：具有正面和反面 2种状态 ，采用 动态面板 切换。作者是用椭圆形配简单文字画的。花费代价提示：用2
Axure教程
2016年11月22日
Aure 教程｜还在为你枯燥的 Ashare 分享域名发愁吗？
没有一个好的方式引诱别人点击链接，再好的内容也是白费！本文作者试着给大家提供几种让你摆脱这种”http://4Gf20W.axshare.com/# g=1&p=index”千篇一律，看着就像骗人链接的枯燥方式。引子还没进去看就被领导PASS了。记得有一次自己用了2天的时间精心制作了一个Axure手机原型，自己都陶醉的无法自拔时，直接发布到了AxShare上，然后将地址发送
Axure教程
2016年11月18日
