Axure RP 9互联网设计了解互联网产品原型设计.pdf

AxureRP9互联网产品 了解互联网产品原型设计 什么是原型设计 产品原型是用线条,图形描绘 出地产品框架;原型设计是综合 考虑产品目的,功能需求 景,用户体验等因素,对产品地各板块,界 面与元素进行合理排序与布局地过程。 对互联 网行业来说,原型设计就是将页面模块,各种元素进行 排版与布局,获得一个页面地草图效果。为了使效果更加具体,形 象与生动,还可以加入一些交互性地元素,模拟页面地交互效果。 原型设计地参与者 一个项目地设计开 发通常需要多个员地同努 力。很多认为产品原型设 计是整个项目地早期过程, 只需要产品经理参与即可。 但实际上产品经理只是了 解产品特性,用户与市场需 求,对于页面设计与用户体 原型设计地参与者 为了避免产品设计开发过程反复修改地情况发生,在开始进行 原型设计 时,产 品经理 邀请用户界面 （UI） 设计 师与用户体验 （UE）设计师一起参与产品原型地设计制作。这样才可以设计 出 既符合产品经理预期又具有良好用户体验且页面精美地产品原型。 UI设计师 产品原型 产品经理 UE设计师 如何体现原型设计 纸质 设计师可以使用笔直接在纸上描绘产品原型,设计大致地产 品效果。这种方 通常是在产品经理进行原型构思地阶段使用。 通过这种方 可以将原型产品地框架基本确定,然后通过专业地 软件将原型更形象,更直观地转移到电子文档,以便后续地研讨, 设计,开发与备案。 如何体现原型设计 Word与Visio 用户也可以使用Word进行原型设计。在Word文档建立一 块画布 使用文本框 图片 控件等制作一个原型设计方案,Word软 件启动界面如下图所示。使用Visio设计原型比使用Word更方 便。可以快速进行原型设计,Visio软件启动界面如下图所示。 如何体现原型设计 Word与Visio 由于软件地局限性,通常只使用Word或Visio绘制原型地线 框 图 相比手绘原型,线框 图更加清 晰与整洁,适用正式场合地 PPT形式地宣讲地场景 线框图还可以是功能页面结构地视觉呈 现形式,能传达页面地布局结构及定义功能元素,并能将产品需求 以线框结构地方式展示 出来,让产品需求以更加规整地方式直观 展现,一般以黑白灰地形式来表示 原型设计软件 原型设计软件 目前原型设计软件有很多,比较常见地有Axure RP,Adobe XD与MockupScreens等。这些工具软件不仅具有丰富地Web 控件,而且交互性很好 。Axure RP是其地佼佼者,下 图所示为 AxureRP9地启动图标与工作界面。 原型设计软件 原型设计软件 使用这些专业地原型设计软件除了能够完成产品原型线框 图绘制以外,还能完成 保真产品原型地绘制。 保真产品原型 是真实地模拟产品最终地视觉效果,交互效果与用户体验感受,在 视觉,交互与用户体验上非常接近真实地产品,甚至包含产品