Axure原型图介绍与使用方法.docVIP

Axure原型图 介绍及使用方法 目录 1、产品原型图介绍 3 1.1 什么是产品原型图 3 1.2 原型图的种类 3 1.3 为什么要用产品原型图 3 2、Axure原型图操作及浏览器兼容说明 4 2.1 Axure原型图操作 4 2.2 浏览器兼容说明（可能遇到的问题） 4 2.3 产品原型图界面说明 5 产品原型图介绍 什么是产品原型图 产品原型图简单的说就是把客户抽象的需求可视化；用网站来举例：就是将页面的导航、功能模块及内容元素进行排版和布局，其中还会涉及到交互操作，跟正常的网页一样可以点击、跳转等操作。 原型图的种类 低保真原型（通常选用这种） 不需要把精力投入在美观和交互设计上，只需要表达出核心页面和功能即可； 优点：效率高； 缺点：缺乏交互效果且布局排版粗放。 高保真原型 结合交互逻辑、页面美观度，制作出来与实际产品几乎相同的原型； 优点：接近最终产品样式，所有交互（点击、跳转）均可正常操作； 缺点：耗时较长； 为什么要用产品原型图 当与用户或开发团队进行需求沟通时，如果单纯使用文字及口述，一般很难表述清楚你所说的产品具体的模样。因此通常我们会借助工具将抽象的内容让其可视化，使其更加具象、生动，产品原型图的作用就存在于此。产品经理可以将用户的需求通过原型图使其界面、交互可视化，产品原型图基本已能实现与实际产品相同的点击、跳转等效果。所以通过界面原型与客户、开发同事沟通，可以起到事半功倍的效果。 Axure原型图操作及浏览器兼容说明 Axure原型图操作 打开生成原型图的文件夹，点击index图标，展开原型图网页； 左侧导航可点击切换架构模块，右侧内容页随之变动； 涉及点击、跳转交互时，与正常使用方法相同。 浏览器兼容说明（可能遇到的问题） 原型图通可用于火狐浏览器或IE浏览器直接打开，其他浏览器需要安装拓展包后方可使用；以360极速浏览器为例，安装拓展包操作： 按照弹出提示点击Click to install Axure PR Extension for Chrome（图3； 在设置→工具中点击拓展管理（图4） 点击已加载的Axure拓展包下方的“允许访问文件网址”（图5； 最后重新刷新下页面就可以查看了； （图1） （图2） （图3） 产品原型图界面说明 如图4、5所示： 左侧Sitemap标签：为网站的结构（俗称导航），可了解原型图中的基本架构； 左侧Page Notes标签：主要用于对所画页面的功能描述，大多时候描述直接展现于页面内； 右侧内容页：展现每个架构下所化的页面原型图。 （图4） （图5） 北京本果信息技术有限公司 第 4 页