快速原型设计工具Axure在交互设计中的应用.docx

《快速原型设计工具Axure在交互设计中的应用.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、快速原型设计工具Axure在交互设计中的应用什么是快速原型呢？    快速原型通常简称为原型法，其核心是用交互的、快速建立起来的原型取代形式的、僵硬的（不允许更改的）大部头的规格说明，用户通过在计算机上实际运行和适用原型系统而向开发者提供真实的、具体的反馈意见。目前使用最频繁、最高效、交互效果最好的原型工具是Axure。就网站来讲，Axure就是将页面模块、元素进行粗放式的排版和布局，如果更深入一些，还会加入一些交互性的元素，以使其更加具体、形象和生动。今天我们将为大家介绍Axure快速原型在交互设计中涉及的三个步骤

2、，并将结合TheBrain思维导图为大家整理交互设计思路：Axure在交互设计中应用首先，我们先了解一下思维导图TheBrain。TheBrain采用动态的立体网络呈现与之关联的所有想法以及他们之间的联系，传统思维导图只允许由中心思想向四周辐射，且每个节点只有一个父节点，是一种树形结构。而TheBrain则可以有多个父节点、多个跳跃节点、多个子节点，数据量越大越能体现其优势，越能开发脑力，激发灵感。因此，不管是学习Axure还是学习其他知识，TheBrain都能更好的帮助我们系统的掌握知识。下图是我用思维导图工具Th

3、eBrain绘制的快速原型设计步骤图：在进行主要页面原型设计之前，你必须明白交互设计师需要什么：    ·一份主要的任务流程图（或是用例，一般由产品经理提供）·一份主要功能列表（一般由产品经理提供）·网站信息架构（信息架构在一些公司是需要交互设计师来完成的）·对于前期调研结果的理解下面是对“快速原型设计步骤”的详细说明如何做主要页面原型？步骤1.在建立项目的初期就要开始定义Master，此时你可以利用共享区块，建立Master，这样将节省其他页面设计的重复工作，可以定义的Master有网站的Header/Footer

4、/导航选单，或者广告版位等。2.应用library，library可以应用现成模版，也可以利用网上资源进行下载。3.根据“任务流程图”、“功能列表”将主要的页面原型制作出来。用途主要页面原型可以用于产品初期的讨论会、测试以及产品介绍会。注意要素最好在使用Axure工具前，用纸和笔画一些纸面原型，整理一下思路，主要页面原型设计过程应该是快速的、迭代的，同时在这个过程中不要加入视觉设计元素，要着眼于大局，不要纠结细枝末节。    怎样细化页面流程图？要素由于Axure中没有斜线，在表现流程的时候有些受限，因此在流程图中要

5、注意表现以下几点：操作步骤的名称和编号、开始和结束、页面的名字、点击的位置、操作说明和箭头和步骤序号。用途页面流程图用于与他人沟通流程、整理思路细化流程。     注意要素如果项目时间有限，页面流程可以画在纸上，但是建议在交互设计时保留这一步，同时为了减少沟通成本，在绘制页面流程图时，最好有一定的规范和标准。如何完善原型？步骤1.将页面流程中所考虑的交互过程，体现在原型上面。例如：出错和提示等交互细节都应该有所体现。在这时你可能会用到变量层等高级Axure技巧。2.增加说明。选中某个控件，在右边区域可以为此控件增加说

6、明。  同时你还可以更改属性，在这里，我们一共介绍两种方法更改属性：一是选择Customize更改；二是利用文字补充说明。3.为页面编号。当原型不再需要修改时，我们需要为原型页面编号，这样有利于与视觉设计师、前端沟通。  用途完整的原型用于测试、产品需求文档编写参考、视觉设计参考、前端设计参考等。    注意要素1.不要过于追求技术表现，Axure软件的初衷是快速的设计原型，如果在一些技术方面交互设计师花费很多时间的话，就有些顾此失彼了，当然你可以用些文字来说明交互效果。 2.为了减少沟通成本，在完善原型时，最好有一

7、定的规范和标准。当然除了利用TheBrain将Axure知识点串联系统的进行学习，你还可以利用它发散自己的设计思路，帮助自己更好地进行设计。总结Axure的本质是一种交互工具，交互设计最重要的还是想法，工具只是来帮助我们表现想法的。有句话说“思路决定出路”，做任何东西一个清晰的思路，大过于对技术和视觉表现的追求。因此，我们在把握好整个产品方向的同时，还要专注于交互流程、页面内交互、布局结构的创新和优化。