专为0基础小白量身打造的UI设计入门课程（ps，ai软件＋图标技巧），在线学习2个月包教会（公开课3位师傅），拜师费1500，随到随学，可插班。抢名额请加qq群：咨询。
在线设计模板
以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。
网页设计和界面设计的原型设计工具。
另一款原型设计工具
选择设备，输入网址，立即呈现出设备中的效果图。
实现快速交互线框图的好工具，可定制化
可点击的原型设计工具。可验证用户流程。
使用本地存储的模型工具
只需把其中的urls丢入代码中，能实现快速安全的工作。
简化了液态布局的开发，能够构建出精准、动态的视角。
一款漂亮的HTML5 应用，能够创建线框图、模型、UI概念、原型图等等。
提供了开源的GUI原型工具，免费下载
免费线框图套件
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
海量APP截图，让你灵感爆发！国内最好的APP截图站。
同一个APP，IOS和安卓截图对比分析，并且提供5种以上尺寸的APP截图打包下载，真贴心。
专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的： 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
Axure rp线框图元件介绍
下载积分：600
内容提示：Axure rp线框图元件介绍
文档格式：DOCX|
浏览次数：10|
上传日期： 07:37:27|
文档星级：
该用户还上传了这些文档
Axure rp线框图元件介绍
官方公共微信在线直播-3月24日深圳-3月27日在线直播-3月17日已结束
阅读（805）
来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。
本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求，他们也要学习如何设计线框图，所以想更加高效进行入门。
在场的有UED，有PD，我发现，对于两者都要画线框图，引发了一些讨论，这也是我事先预想到可能会引发争议的部分。
其中有个PD讲，有一次，老板是要求她来画线框图给他看的，她花了很多心思在线框图上，结果交付给交互设计师的时候，交互设计师不知道如何进行发挥了，交互设计师说：你都画这么好了，我不知道画什么了。之后，交互设计师进行了“润色”后，交付给视觉设计师，结果视觉设计师发现自己也无从发挥了，因为视觉稿已经出来了，都上了色了。
如果能够提升项目效率，这样倒真的也是好事。PD直接画出确认版的线框图，然后直接给视觉设计师，交互就不需要了。在很多小公司，也确实如此运作，也蛮好的嘛。
交互设计师说：交互设计师承担了一种需求翻译的工作，将PD的商业需求，进行具象化，并加入一些用户的视角，帮助优化产品，之后翻译成视觉设计师能够理解的语言，最后产生视觉稿。这也只讲到了一部分，如果PD也能够具象化，并传达得很好，为何还需要交互呢？
但是，在实际的工作环境里，我们必须得承认一个前提：术业有专攻，每个人的精力是有限的。
所以，PD，交互，以及视觉，虽然都在画图，究竟画得有什么不同呢?
这是在这个PPT里其中的一页，也得到了在场的PD以及UED的认可。
PD画线框图有时是不可以避免的，他们需要：
1. 细化思路，帮助自己写需求文档
2. 更好传达自己的需求给其他人，比如交互
3. 一些预研型的项目，需要据此让老板认可并拍板
但是做为PD，同样也担心之后交付给交互，会影响交互的发挥。而且，人人都有追求完美的倾向，在做了一个简陋版的线框图后，总是觉得太简陋，总是不由自主增加很多细节，以使之先得更加专业。但是，PD需要将重点放到“辅助表达想法”上，对“有用”负责，比如，功能点、内容块、业务流程，而那些打着叉叉的方面，不是说绝对不关注，绝对不表达，而是需要加上“仅供参考”。
做为PD，你认为版块A非常重要，比版块B重要得多，你可以在线框图上把版块A放大，放到首要位置，但是“位置”和“结构”不是你主要要控制的，你要传达给交互的是：版块A非常重要，以及为什么，而你所做的处理，仅供参考。聪明的交互会理解你的需求，且不会因为你妨碍了他的表达。
同样，交互和视觉，虽然是一个团队的，也经常发生因为边界问题，比如：交互不由自主加了很多颜色和质感，视觉不知道如何处理。视觉更改了线框图的结构，导致交互认为和自己传达的逻辑不相符。
所以，作为交互，请注意那些必须要关注的东西：
1. 任务流——根据用户需求、行为，分析用户的任务，以及任务流程，简化任务。
2. 布局/结构——信息分几类，什么样的布局更加易用
3. 位置/顺序——各个版块之间按照什么样的位置进行排列，引导用户的顺序是怎么样的
4. 层次/轻重——版块之间、文本之间的层次如何
请注意，在表达位置/顺序以及层次时，交互会忍不住为线框图加注颜色，进行字体的设计，但是在交付时，这些也是“仅供参考”的。要传达给视觉设计师的，仍然是“这些比哪些更重要，更应该被强化，以及为什么”。聪明的视觉设计师自然知道如何去表达而不是会觉得受到束缚。
到了视觉阶段，视觉设计师不管接到多么像视觉的稿子，也需要重新进行思考定位，需要输入目标用户特征，需求，进行产品的风格定位。
我建议，在改变线框图结构的时候，要和交互设计师保持沟通。上次，我在做线框图的时候，和几个PD，以及我们的几个UED争论了很久，确认的面包屑和搜索筛选的位置，结果到了视觉设计的时候，视觉设计师将我的面包屑调整到了不同的位置，为此还起了纠纷。因为这些位置的调整，是会影响之前确认的功能逻辑的。
大家如果有什么疑问，也欢迎继续讨论，那就先这样吧～
源地址：http://heidixie.blog.sohu…&#0.html
有人回复时邮件通知我
人人都是产品经理创始人
人人都是产品经理（）是中国最大、最活跃的以产品经理为核心的学习、交流、分享社群，集媒体、教育、招聘、社群活动为一体，全方位服务产品经理，微信公众号woshipm。成立5年以来举办线上活动500余场，线下活动数百场，覆盖北京、上海、广州、深圳、成都、杭州、南京、重庆、厦门、福州等城市，在互联网业内得到了广泛关注和高度好评。社区目前拥有300万忠实粉丝，其中产品经理占比50万， 中国75%的产品经理都在这里。AxureRP线框图组件库介绍
作为AxureRP介绍的第一篇文章，因为AxureRP是一款原型设计工具，因此在开始前还是要说一下为什么要进行原型设计，《用需求管理快速交付高质量的软件》的作者阿伦M.戴维斯 和 迪安A. 莱芬韦尔说：没有比制作原型更易取得使用者界面与特殊功能可用性上的一致性了。原型不只可确认需求，它更可赢得顾客的心。单纯的依靠即时通讯工具、邮件、文档或者会议来沟通用户需求，有时候会出现遗漏需求、沟通双方所描述的不是同一件事物或者不能准确表达所需要达到的功能需求，此时若有一份可演示的原型，整个沟通的过程会变得高效的多。
传统的需求管理工具、各式文档或工作表中所储存的数千个需求与上百页的文件早已不合时宜。现在，这些需求更是不适用于目前快速发展的软件或系统开发环境，而制作原型是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能抓住利益相关者与使用者的注意，让用户在软件或系统开始投入编程前就尽可能的确认全部需求。
快速原型法（Rapid Prototyping）是一种有效且高效的以用户为中心（User-Centered Design）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、可用的产品。 AxureRP就是一款非常出色的原型设计工具，国内的淘宝、雅虎、腾讯、当当等公司的产品设计都在使用。
画基于web形态的原型时，AxureRP绝对是一款比较称心的工具：
1、AxureRP功能强大，可以做出很多可视化的交互效果，直接通过拖拽画出所需要的原型，生成网页、规格说明书和chm格式的文档；
2、AxureRP模拟效果好，遵循一些可用性原则，可以很快模拟出高保真页面原型。
3、AxureRP上手容易，稍微看一下教程，学习几个别人做的事例，就能达到专家级的水平。
不过AxureRP生成的原型，一般只作为定效果用，不具备直接适用性，主要用于演示的时候配合解说，但也不是取代解说，只是反应的产品交互设计效果，重要的还在于交互设计的想法、理念，以及对视觉、用户体验的研究，横向软件的熟练度。顺便提到一点，做为产品设计从业者特别是很多做互联网的朋友，一定要了解基本Html、了解一些技术的实现原理，因为交互也是有章可循的。
下面介绍AxureRP中最基本的设计元素，学习AxureRP的操作，首先要学会认识对象(Widgets)的特性，才能快速应用在绘制示意图(Wireframe)上。下面这个范例把Axure RP中的 Wireframe类别的每一个Widget都列出来 ，并且提供AxureRP程序中的Widget Icon 与实际输出到原型的对应关系。
AxureRP介绍--Widget效果总览
依次分别是：
图片组件image：设置一个图片占位符，可插入图片，可设置鼠标轮换效果等
文本块组件Text Panel：类似word中的文本框，相当于插入了一个&text&标签，可以输入文字，默认是不带链接的，但可以设置成超链接的样式。
超链接组件Hyperlink：插入带有超链接效果的文本,相当于插入了一段带&a&标签的文字。但其实在AxureRP中它与普通文本除了外型不同，没有本质区别。之所以将两类文字区分开来，目的还是为了在视觉表达中让人直观的理解链接文本和普通文本，而这对于设计人员理解也非常重要，因此建议画图时尽量标准的区分链接文本和普通文本。
矩形组件Rectangle：插入一个矩形，可以对其进行图形样式编辑，从而插入各种形状，通常用来做背景或边界。
占位符组件Placeholder：插入一个占位符。占位符通常用来表达在页面中某些特殊区域，比如情况复杂，或者在设计中不需要修改，又或者无关紧要的区域等等，需要结合说明文字，进行对应的详细表达。
按钮组件Button：插入一个按钮，相当于&button&标签。按钮一般结合表单使用，当然也可以作为强化的提示链接使用。
表格组件Table：插入表格，不过不足的是表格不支持一些简单的编辑，如合并单元格，增加行、列，修改行、列宽度都不方便。与标准化制作网页一样，表格的使用在画线框图的时候就应该明确其作用，是用来作为数据列表展示使用，而不是作为网页布局的控件
单行文本框组件Text Field：单行输入框效果,一般用作表单中提交数据。比如搜索框、用户登录框、注册信息填写框等,用作字段提交或单行数据提交。
多行文本框组件Text Area：多行输入框效果,一般用作大段文字编辑、提交。比如文章编辑、留言等板块。
下拉选择组件Droplist：下拉选择效果，可批量添加选项.一般用作下拉菜单或者下拉列表选项，比如在搜索中，可以通过下拉列表框来定位搜索分类的范围。也有人用它来做友情链接，可以通过下拉选择直接进行页面跳转。
列表框组件Listbox：显示列表选择效果.通过文本框列表选项，通常使用在多项列表选择，比如在填写简历表的时候，选择你所感兴趣的行业，会提供列表选择框。不过列表选择框都会结合按钮使用。
多选组件Checkbox:多项选择通常使用在表单中，以提供多项选择。比如在有些有些注册要求用户选择兴趣爱好，会提供十多个选项，因为选项可以并列进行，因此使用的是多项选择。
单选组件Radio Button：在一组选择中选择适合选项，选项关系非此即彼。比如在填写性别的时候提供男女选择，用户非男即女，只取一项。当然，不排除再多提供一个双性选择，这样就是三选一，但是同样是非此即彼的单一选择。
竖线组件Vertical line和横线组件horizontal line：插入线条,用以分割页面中的不同板块区域。由于web页面中只能存在垂直与水平线，为了系统生成用于演示的html文件，将两种线条分开使用。
形状按钮组件Button Shape：比按钮组件多了设置按钮显示形状的功能,多用于导航，或者多帧切换的版面切换按钮,可进行边角编辑。
映射区域组件Image map region：我经常称之为图片映射组件，它用于在web页面中制造一片不可见的区域，一般是图片的部分区域，相当于图片的热区，从而添加说明与互动。在现实的网页中经常会有一张大图中有某个区域是触发按钮，而图像映射区就可以用来说明这个区域的的功能和互动内容，也可作为链接设置跳转效果
内部框架Inline Frame：用作页面内的嵌套效果,类似于html中的&iframe&对象。用于在页面中制造页面框架，每个框架中嵌入不同的页面。经常看到的系统分左右两栏，一般都是使用了框架，左侧载入的是导航页面，右侧是载入的管理页面。AxureRP的缺点是暂时不支持百分比，因此都是按像素度量的，和实际页面效果还是有差距。
动态面板组件Dynamic Panel：这个是AxureRP的特性功能，可设置各种交互效果，它的图标很形象的说明了它的结构。它是不同的状态state叠加的一个动态区域，默认显示其中一个state，当用户触发按钮、图片或者下拉列表等时，可以设置相应动态面版切换到不同的state。不同state的关系，类似于photoshop的层，也类似于html中的css属性layer。可以通过右击dynamic panel进行state编辑，然后通过打开对应state进行编辑，编辑方式和编辑页面相同。
横向菜单组件horizontal menu和竖向菜单组件vertical menu：用于制作水平或者垂直的菜单，可以添加漂浮的的子菜单，添加方法很简单，就是选择所要添加的菜单项，添加子菜单。
应该说AxureRP的基础组件库是比较丰富的，而且还支持自定义组件库，例如将常用的组件组合设定为一个组件，或定制一套UI展示风格相同的组件等，很灵活。而且这种通过拖拽组件编辑属性来设置效果的方式，是可视化的，方便初学者上手。
标签(Tag):
------分隔线----------------------------
------分隔线----------------------------网页线框图_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
网页线框图
上传于||文档简介
&&用​户​体​验​的​一​些​分​支
大小：1.39MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢