互联网产品经理必备原型设计

《互联网产品经理必备原型设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、互联网产品经理必备Axure快速原型设计AxureRP可以让桌面应用软件和Web网站的设计师创建线框图、流程图、原型和规格说明文档，它比任何当前其它创建静态原型的工具如Visio,Omnigraffle、Illustrator、Photoshop、Dreamweaver,VisualStudio、FireWorks、GUIStudio等都要快速、高效，因为它才是真正的专门原型设计工具，并且支持多人协作设计和版本控制管理。设计师们渴望有一个专门的原型设计利器，而Axure正是为此目的而精心打造。AxureRP已经被一些财富1000大公司采

2、用，成为创造成功产品的必备工具。国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。为什么要进行原型设计1、原型的作用和好处―没有比制作prototype更易取得使用者界面与特殊功能可用性上的一致性了。Prototype不只可确认需求，它更可赢得顾客的心。‖——阿伦M.戴维斯和迪安A.莱芬韦尔《用需求管理快速交付高质量的软件》的作者（Rational软件公司/IBM）根据调查报告显示，大约66%的软件开发不是失败，就是超预算、延期或交付缩水的功能。软件失败或亏损的前三大原因为：1、缺乏使用者的参与；2、需求或规格不完整；3、需求或规

3、格变更；传统的需求管理工具或工作表中所储存的数千个需求与上百页的文件早已不合时宜。现在，这些需求更是不适用于目前快速发展的环境。而制作Prototype是个有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、将外在需求风险降到最低的方法。将大量文字性文档转变为带有注释与互动性的可视画面，如此更能抓住利益相关者与使用者的注意，让用户在软件开始投入编程前就确认需求。快速原型法（RapidPrototyping）是一种有效且高效的以用户为中心（User-CenteredDesign）的技术，可以帮助用户体验专家、设计师、工程师创造更加有用、

4、可用的产品。目前全球有财富1000大的公司和重要机构在使用AxureRP，国内的淘宝、雅虎、腾讯、当当等公司的产品经理也都在使用。基础篇在基础篇中，你将完整的学习到关于Axure的基本和高级功能。第一章介绍让你初步认识Axure。第1节认识AxureRP1、什么是Axure？Axure的完整英文名是AxureRPPro。Axure的英文发音是―Ack-sure‖，RP是―RapidPrototyping‖的缩写，意思为快速原型设计；Pro是―Professional‖的缩写，意思是专业版。AxureRPPro是美国AxureSoftwa

5、reSolution公司的旗舰产品，是一个让负责定义需求和规格、设计功能和界面的专家快速创建应用软件或Web网站线框图、原型、规格说明书的专业快速原型设计工具。Axure所针对的专家包括用户体验设计师（UX）、交互设计师（UI）、业务分析师（BA）、信息架构师（IA）、可用性专家（UE）和产品经理（PM）。在Axure中设计线框图和原型会使你更加高效；可以让团队成员一起体验你的设计；向用户演示和交流以确认用户需求；自动产生规格说明书；让团队进行多人协同设计和对版本进行管理控制；等等。总之，Axure会使你以往的工作方式发生变革：v行更加

6、高效的设计；进v验到动态的原型；体v晰有效的交流想法；清2、Axure工作环境介绍Axure的可视化工作环境可以让你轻松快速的以鼠标拖曳的方式创建带有注释的线框图。不用进行编程，就可以在线框图上定义简单链接和高级交互。在线框图的基础上，可以自动生成HTML原型和Word格式的规格说明书。以下是AxureRP工作环境的简要说明：1.主菜单和工具栏执行常用操作，如文件打开、保存文件，格式化控件，自动生成原型和规格说明书等操作。2.站点地图面板对所设计的页面（包括线框图和流程图）进行添加、删除、重命名和组织页面层次，。3.控件面板该面板中包含

7、了线框图控件和流程图控件，如按钮、图片、文本面板、矩形框等，可用这些控件进行线框图和流程图的设计。另外，你还可以载入已有的部件库（*.rplib文件）和创建自己的部件库。4.模块面板模块是一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。5.线框图工作区（或叫页面工作区）线框图工作区是你进行原型设计的主要区域，在该区域中你可以设计线框图、流程图、自定义部件、模块。6.页面注释和交互区添加和管理页面级的注释和交互。7.控件交互面板定义控件的交互，如：链接、弹出、动态显示和隐藏等。8.控件注释面板对控件的功

8、能进行注释说明。第2节线框图及注释现在我们来认识Axure中与设计线框图有关的各个区域和面板，说明如何设计线框图和为线框图添加注释。1.站点地图面板在开始设计线框图(Wireframe)或流程图（Flow）