出错啦 - PMCAFF产品经理社区 中国第一产品经理人气组织::专注于研究互联网产品
PMCAFF目前不支持IE浏览器, 请用其它的浏览器打开PMCAFF, 如果是双核浏览器, 请选择极速模式注册 | 登录
群号：。【精益求精产品经理】，等你来。
零基础学产品，BAT产品总监带，2天线下集训+1年在线课程，全面掌握优秀产品经理必备技能。
目前主流的交互设计工具axure、Balsamiq Mockups、justinmind，还有国产的墨刀、mockplus。这些软件我都使用过，最后还是最常用axure。这篇文章换个角度来说一下axure的优点吧。这一篇就当做是我中继器连载系列的第一篇了，文末有下载链接。
关于什么是原型，原型画到什么程度，选什么软件，画高保真的必要性等等，这些已经被人写烂的东西我就不写了。就从axure的三巨头动态面板、函数、中继器来谈一谈自己的看法（先表达一下对国产软件的支持和尊重，下文提到的内容绝无对国人软件的轻视）。
其实不论用什么原型软件，画原型都只是一个拖拖拽拽的事，主要是选用合适的软件时能够从底层加深对产品的理解。
axure三巨头对应的产品表现：（整理至《用户体验要素》）
一、动态面板
之前看一位老师说过，动态面板你就可以把它理解为幻灯片：在这个面板内可以添加很多张幻灯片，经过不同的手势（用例）来切换。
动态面板结构
1）在axure的右下方是整个产品的页面结构，像父级文件和子级文件一样排列。
同级页面间的并列关系
父子级页面的包含关系
新页面与弹出层的关系
这些在axure中都可以很好的体现。如果不用动态面板而是用页面跳转的方式来画也可以体现出来。老K之前写过画原型的三种方式，有兴趣的朋友可以自己查一下，优劣势各自选择，如果加上页面跳转流程的话，我现在知道四种画原型的方式。
2）动态面板的命名
我经常看到有小伙伴不知道动态面板和动态面板的命名方式，之前看一个段子：一个产品汪接手一个项目，之前的妹子画原型是用水果和蔬菜命名的，让人哭笑不得。这里可以推荐给大家一种命名方式，大驼峰，小驼峰，下划线：
1、小驼峰式命名法（lower camel case）：
第一个单字以小写字母开始，第二个单字的首字母大写。例如：firstName、lastName。
2、大驼峰式命名法（upper camel case）：
每一个单字的首字母都采用大写字母，例如：FirstName、LastName、CamelCase，也被称为 Pascal 命名法。变种：StudlyCaps，是“驼峰式大小写”的变种。
3、下划线命名，例如：first_name,last_name
良好的命名方式一方面方便自己修改，另一方面有利于和开发人员的对接，改动时快速查找。
3）动态面板的功能
面板的功能很强大，axure常用的交互都能满足，而且在画原型时建议先将页面元素排列画好，再统一装入动态面板中，再添加用例。千万不要画一点装一点，相信我，我之前画过一个50M的原型，每次F5都要点几层才能看我想要的效果。
在人机交互中有一个44px原理，苹果公司认为44px是人手指正常触摸屏幕的最小点击区域。所以原件的尺寸大小，页面停留时间都是产品人在拖拖拽拽之后可以稍微考虑一下的。比如设置图品轮播时最佳轮播时间为3~5秒，那你的产品到底是3秒还是5秒呢？
建议在绘制原型时不要过多使用动态面板（比如一个面板装一个logo等），面板可以梳理出产品的整体架构，滥用之后反而有碍观瞻。
不建议使用复杂的交互，既不是本职工作，还他妈费时间。我常用到的就是最基本的跳转，滑动，弹出。
更不建议什么也不用，直接那别的产品的基本效果去告诉开发人员。那不叫做产品，叫拼产品。
axure拥有丰富的函数，但是大部分时候是不会用到的。熟悉Axure的函数库有以下几个好处：
在考虑产品的细节时可以更周到，包括一些非常规操作的提示；
做一些复杂的交互；
给猿猿们交流时有逼格一点；
1）比如有这样一个表单需要填写后提交，产品需要先考虑到这一段文本的长度，假如用户输入的是“空格”呢？
这就有了一个函数trim();(去除字符串两端空格。)
在高保真中Axure的函数有强力的作用，而且我一直觉得把低保真上个色，换个样式的根本不算高保真。真正的高保真应该是把判定、数据传递等层面的东西都能模拟出来。
说几个我常用的函数吧：
toFixed：指定数字的小数点位数
Widget.Width：获取元件的宽度
ceil（）：向上取整
顺便贴一个axure的函数速查表吧，用的时候知道查就行了。
百度云：http://pan.baidu.com/s/1hr6ccug 密码: drdd
小结一下：函数用到的时候不太多，但是是产品人往产品里挖掘的一个好途径。建议没事的时候看看函数表，用的时候知道可以画就行了。而且axure的函数基本是通用函数，和很多变成语言接近。
三、中继器
关于中继器的用法不想多谈了，woshipm里有很多教程。我只是谈谈我对中继器的一些看法。
1）先看看axure中继器和mysql数据库的对比吧：
这是中继器数据集：
这是mysql数据库的一张数据表：
其实结构是一样的，表的纵向为记录数，横向为字段数。那他有什么暖用呢？
2）中继器的基础用法
（上图包含三个东东：中继器的显示接面，右上角赋值操作，下面填充数据的数据集）
中继器内的原件分别命名，摆放好，让后填充数据，赋值，就能显示出来了。这就是中继器的基础操作。
3）复杂一些的就是数据的增删改查，筛选，排序，分页等等吧，在之后的教程里，尽量都能为大家写到。
4）对中继器的一点看法
感觉长期以来，很多人对中继器都有一些误解。觉得没用啦，觉得难啦，说到底还是懒癌作祟吧。
我上面说到了中继器数据集和mysql数据库的关系，其实是想告诉大家，在使用中继器的过程中可以对页面的信息属性和内容有更清晰的判断。
比如：我之前做一个商城的时候涉及到商品的价格，应该使用“￥5”还是“5元”，小数点保留几位小数这样的问题。如果使用中继器来按字段输入的话，页面的每一个组成元素都应该被考虑到。“字符串的长度”“超过长度的显示样式”“页面信息的排列次序”等。
5）中继器和MVC的一点小关系
这个是我自己发现的，有兴趣的可以问问猿猿们MVC的一些思想。我把这个命名为Axure的狭义MVC吧。
中继器的三步操作 1.排列原件并命名——2.输入数据到数据集——3.赋值到原件，页面显示数据
对应了视图（view）——模型（model）——控制器（controller），优点就是你在中继器内排列原件时更多的注意力需要集中在各个原件的布局方式，填充数据时更多考虑数据的结构。
小结一下：中继器适合于多次重复的单元，并且适合做数据的传递。就像我上面的商品列表一样，也许你可以复制很多个，然后分别贴图，但是中继器可以做到点击不同的商品跳转到该商品的详情页。这是看似笨重的中继器很灵光的一面。
以上就是我对Axure三巨头的一点看法，提到的关于axure优点，页就是国产的一些原型软件我个人不太喜欢的地方。当然axure也有他的缺点，比如元件库单一，在线浏览不方便等，但这些不太影响我日常的工作。在心里支持国产软件，小伙伴们根据自己的需求选择吧。
这是上面中继器的基础操作做的商品列表页
链接: http://pan.baidu.com/s/1skG9cYD 密码: k85a
相关文章：
作者：浩程君，简书：七光年。
本文由 @浩程君 原创发布于人人都是产品经理。未经许可，禁止转载。
赞赏是对原创者的最大认可
赞赏2人打赏
收藏已收藏 | 113赞已赞 | 34
群号：。【精益求精产品经理】，等你来。
产品经理群运营交流群AI产品经理群
文案交流群
Axure交流群
关注微信公众号
大家都在问
16个回答20人关注
15个回答15人关注
4个回答15人关注
48个回答40人关注
17个回答78人关注
17个回答71人关注43被浏览11,462分享邀请回答0添加评论分享收藏感谢收起1添加评论分享收藏感谢收起用过那么多原型软件，为什么我还是最爱Axure - 简书
用过那么多原型软件，为什么我还是最爱Axure
目前主流的交互设计工具axure、Balsamiq Mockups、justinmind，还有国产的墨刀、mockplus。这些软件我都使用过，最后还是最常用axure。这篇文章换个角度来说一下axure的优点吧。这一篇就当做是我中继器连载系列的第一篇了，文末有下载链接。
关于什么是原型，原型画到什么程度，选什么软件，画高保真的必要性等等，这些已经被人写烂的东西我就不写了。就从axure的三巨头动态面板、函数、中继器来谈一谈自己的看法（先表达一下对国产软件的支持和尊重，下文提到的内容绝无对国人软件的轻视）。其实不论用什么原型软件，画原型都只是一个拖拖拽拽的事，主要是选用合适的软件时能够从底层加深对产品的理解。axure三巨头对应的产品表现：（整理至《用户体验要素》）
一、动态面板之前看一位老师说过，动态面板你就可以把它理解为幻灯片：在这个面板内可以添加很多张幻灯片，经过不同的手势（用例）来切换。
动态面板结构1）在axure的右下方是整个产品的页面结构，像父级文件和子级文件一样排列。同级页面间的并列关系父子级页面的包含关系新页面与弹出层的关系这些在axure中都可以很好的体现。如果不用动态面板而是用页面跳转的方式来画也可以体现出来。老K之前写过画原型的三种方式，有兴趣的朋友可以自己查一下，优劣势各自选择，如果加上页面跳转流程的话，我现在知道四种画原型的方式。2）动态面板的命名我经常看到有小伙伴不知道动态面板和动态面板的命名方式，之前看一个段子：一个产品汪接手一个项目，之前的妹子画原型是用水果和蔬菜命名的，让人哭笑不得。这里可以推荐给大家一种命名方式，大驼峰，小驼峰，下划线：1、小驼峰式命名法（lower camel case）：第一个单字以小写字母开始，第二个单字的首字母大写。例如：firstName、lastName。2、大驼峰式命名法（upper camel case）：每一个单字的首字母都采用大写字母，例如：FirstName、LastName、CamelCase，也被称为 Pascal 命名法。变种：StudlyCaps，是“驼峰式大小写”的变种。3、下划线命名，例如：first_name,last_name良好的命名方式一方面方便自己修改，另一方面有利于和开发人员的对接，改动时快速查找。3）动态面板的功能面板的功能很强大，axure常用的交互都能满足，而且在画原型时建议先将页面元素排列画好，再统一装入动态面板中，再添加用例。千万不要画一点装一点，相信我，我之前画过一个50M的原型，每次F5都要点几层才能看我想要的效果。
在人机交互中有一个44px原理，苹果公司认为44px是人手指正常触摸屏幕的最小点击区域。所以原件的尺寸大小，页面停留时间都是产品人在拖拖拽拽之后可以稍微考虑一下的。比如设置图品轮播时最佳轮播时间为3~5秒，那你的产品到底是3秒还是5秒呢？小结：建议在绘制原型时不要过多使用动态面板（比如一个面板装一个logo等），面板可以梳理出产品的整体架构，滥用之后反而有碍观瞻。不建议使用复杂的交互，既不是本职工作，还他妈费时间。我常用到的就是最基本的跳转，滑动，弹出。更不建议什么也不用，直接那别的产品的基本效果去告诉开发人员。那不叫做产品，叫拼产品。二、函数
axure拥有丰富的函数，但是大部分时候是不会用到的。熟悉Axure的函数库有以下几个好处：在考虑产品的细节时可以更周到，包括一些非常规操作的提示；做一些复杂的交互；给猿猿们交流时有逼格一点；1）比如有这样一个表单需要填写后提交，产品需要先考虑到这一段文本的长度，假如用户输入的是“空格”呢？
这就有了一个函数trim();(去除字符串两端空格。)
在高保真中Axure的函数有强力的作用，而且我一直觉得把低保真上个色，换个样式的根本不算高保真。真正的高保真应该是把判定、数据传递等层面的东西都能模拟出来。说几个我常用的函数吧：toFixed：指定数字的小数点位数Widget.Width：获取元件的宽度ceil（）：向上取整顺便贴一个axure的函数速查表吧，用的时候知道查就行了。百度云：http://pan.baidu.com/s/1hr6ccug 密码: drdd小结一下：函数用到的时候不太多，但是是产品人往产品里挖掘的一个好途径。建议没事的时候看看函数表，用的时候知道可以画就行了。而且axure的函数基本是通用函数，和很多变成语言接近。三、中继器关于中继器的用法不想多谈了，woshipm里有很多教程。我只是谈谈我对中继器的一些看法。1）先看看axure中继器和mysql数据库的对比吧：这是中继器数据集：
这是mysql数据库的一张数据表：
其实结构是一样的，表的纵向为记录数，横向为字段数。那他有什么暖用呢？2）中继器的基础用法
（上图包含三个东东：中继器的显示接面，右上角赋值操作，下面填充数据的数据集）
中继器内的原件分别命名，摆放好，让后填充数据，赋值，就能显示出来了。这就是中继器的基础操作。3）复杂一些的就是数据的增删改查，筛选，排序，分页等等吧，在之后的教程里，尽量都能为大家写到。
4）对中继器的一点看法感觉长期以来，很多人对中继器都有一些误解。觉得没用啦，觉得难啦，说到底还是懒癌作祟吧。我上面说到了中继器数据集和mysql数据库的关系，其实是想告诉大家，在使用中继器的过程中可以对页面的信息属性和内容有更清晰的判断。比如：我之前做一个商城的时候涉及到商品的价格，应该使用“￥5”还是“5元”，小数点保留几位小数这样的问题。如果使用中继器来按字段输入的话，页面的每一个组成元素都应该被考虑到。“字符串的长度”“超过长度的显示样式”“页面信息的排列次序”等。5）中继器和MVC的一点小关系
这个是我自己发现的，有兴趣的可以问问猿猿们MVC的一些思想。我把这个命名为Axure的狭义MVC吧。中继器的三步操作 1.排列原件并命名——2.输入数据到数据集——3.赋值到原件，页面显示数据对应了视图（view）——模型（model）——控制器（controller），优点就是你在中继器内排列原件时更多的注意力需要集中在各个原件的布局方式，填充数据时更多考虑数据的结构。小结一下：中继器适合于多次重复的单元，并且适合做数据的传递。就像我上面的商品列表一样，也许你可以复制很多个，然后分别贴图，但是中继器可以做到点击不同的商品跳转到该商品的详情页。这是看似笨重的中继器很灵光的一面。以上就是我对Axure三巨头的一点看法，提到的关于axure优点，页就是国产的一些原型软件我个人不太喜欢的地方。当然axure也有他的缺点，比如元件库单一，在线浏览不方便等，但这些不太影响我日常的工作。在心里支持国产软件，小伙伴们根据自己的需求选择吧。这是上面中继器的基础操作做的商品列表页链接: http://pan.baidu.com/s/1skG9cYD 密码: k85a相关文章：你看，那个点赞的人好像天使诶嘿~
产品经理专栏作家Δ
Δ【产品群】备注【简书】 Δ
Δ白天是产品狗|晚上是程序猿 Δ
Δ淘宝店铺号：Δ
Δ微信号：chenhot1Δ
概述 一个项目从立案到项目结束,项目的原型图设计师必不可少的,作为一个iOS开发者而言,其实我更应该关注一些程序方面的事情,而不是设计方面的问题,但是由于公司人员紧张,没办法只好把我这个小白拉上设计大业的刀锋浪口,正所谓工欲善其事,必先利其器.所以要想要正好设计原图,必先要...
概述 一个项目从立案到项目结束,项目的原型图设计师必不可少的,作为一个iOS开发者而言,其实我更应该关注一些程序方面的事情,而不是设计方面的问题,但是由于公司人员紧张,没办法只好把我这个小白拉上设计大业的刀锋浪口,正所谓工欲善其事,必先利其器.所以要想要正好设计原图,必先要...
如果你熟悉了Axure的部件库，那么你可以得心应手地画出心目中产品的线框图；如果你会用Axure的母版、动态面板功能，那么你应该能够画出一些简单网站的原型图；但只有你精通了Axure的条件逻辑、变量、函数等高级交互，才能将心中的产品形态恣意地通过这款软件表现出来。 下面小喵...
背景介绍 前些天有个香港的邮件营销系统公司的Chester（UX设计师）找到我，他提供他们公司产品的SoftwareWebapplication（软件的Web式应用，类似GA）的UI视觉图，让我帮他们用Axure完成交互，制作成高保真原型文件，以方面展示以及后期迭代修改。刚...
//我所经历的大数据平台发展史（三）：互联网时代 o 上篇http://www.infoq.com/cn/articles/the-development-history-of-big-data-platform-paet02 编者按：本文是松子（李博源）的大数据平台发展史...
用一下午阴雨的时间看完了《夏至未至》 脑海里还是那句2002年的 那个男孩 教会我成长 那个女孩 教会我爱 十月末的香樟树 像极了书中格外暗淡的冬天 跨越了漫长时间里的2016年 都变成剪影追溯到青春时节 故事 以那样悲泣的方式结尾 每个人 却好像都有了平淡幸福的终点 一生...
一年的时间不论你是否珍惜，已经剩下两个星期，抓好这两个星期的时间，做一份用心的年终报告吧，也不辜负这一年的光阴和辛苦。 但是工作中，我们不可避免的会接触到大量的信息，每天的收发文件，频繁召开的会议，堆积如山的文件，领导随时的电话布置，客户信息，客户喜好，订单详情，产品新发，...
今天给大家分享追女孩子的聊天技巧，现在这个日新月异的时代，大多数男孩子，在追求自己心上人的时候，总是看不清一个度。例如聊天，很多男孩像上班那样，天天和女孩子聊天，如果女孩对男孩有兴趣还好，但是很多男人聊几句，就向女孩汇报了今天发生什么事情了，结果很快就把话题聊干了!那该如何...
人的记忆是很有趣的一种东西、有些深埋在回忆里的人事物会在特定的时间地点忽然出现在眼前，就像是站在事件发生的地点唰地一下穿越回了当年，熟悉的脸穿过了自己的身体奔向一个已经模糊不清的人。 21岁面临大学毕业，为工作实习的事苦恼得烦躁。跟小阅见面缘于某个偶像粉丝群的线下聚会，参加...}