关于使用Axure RP进行原型开发的一些心得体会

Axure RP(Axure Rapid Prototyping)是一款快速实现、准确表达、带有交互效果且易于上手的原型设计工具。

本人在曾参与某系统需求分析时开始接触Axure RP,初步掌握了一定的开发基础,成功制作出系统需求原型,对需求分析工作产生了积极效应。在此经验的基础上,后续又在其他项目中进行了较为成功的运用,并获得了良好的效果。

就个人的经验而言,使用Axure RP进行原型开发,一旦掌握了一定的开发技巧后,加上一个良好的规划,那么很多东西都可以信手拈来。好的东西需要分享并使更多人获益,给实际工作带来效益,这样才能得以体现其价值。对此,本人在此分享使用Axure RP进行原型开发的一些经验,与各位一起探讨,也希望更多人能够分享自身使用Axure RP的相关经验。

Axure RP就其本身而言,其实仅是一个工具,大部分人都可以很快学习并掌握之,但要做出好的原型,会用只是一个最基本要求,关键是要有一套良好的原型开发思想,这套开发思想除了要有整体规划之外,还需要充分结合实际业务需求,在理解需求的基础上进行开发。

目前本人使用的Axure RP版本为6.5.0.3012,该版本可以通过互联网获得。关于Axure RP的安装及基本使用,有相应的教程,例如:Axure_rp_6.5_基础教程、

Axure.RP.6.Prototyping.Essentials等,大家通过认真学习这些教程自然可以达到事半功倍的效果。因此,这些基础性内容不再这里提及,这里要谈的是本人在之前的几个项目中是如何完成快速原型开发的。

一、了解原型设计开发的特点。

首先我们需要对原型开发工具具有相对深入的了解,明确原型工具能做什么,不能做什么。其实只要关注好部件、母版、动态面板,并学会灵活运用部件属性,那么原型的效果就基本出来了。

其次就是要明确我们需要做哪类原型,是网页版的,客户端版的,还是手机版的,等等,因为每一类原型的设计要求都是不一样的。如果我们是开发Web版的原型,那么我们都知道网页尺寸的设计与浏览器及操作系统的尺寸是息息相关的,也许我们需要知道一般情况下Windows XP的任务栏高度为30px,而Windows 7的任务栏高度为40px;我们需要知道一些主浏览器的界面参数(状态栏、菜单栏、滚动条高度等);我们也需要知道系统分辨率的设计对原型的影响(安全分辨率为1024*768px,可建议的大分辨率为1280*800px);我们还需要知道网页的宽度与首屏高度等等。如果我们是开发手机版的原型,也许我们需要知道诸如Android、IOS等的设计尺寸。

当然,就我们目前所涉及的系统而言,一般的原型开发都是基于Web版本的,因此我们需要重点关注这一块的设计即可。

二、做好原型的总体规划。

在动手进行正式的原型开发之前,一定要结合实际需求及已开发过的类似系统做好原型的框架规划,包括原型整体风格、色调、布局、展现形式等。个人认为,至少要做到并做好以下几个方面:

(1) 原型设计开发要有统一理念。这个统一主要是指要有统一的界面布局,例如每一个子页面的风格都应该是相同或相近的,各类组件(例如文本框、下拉选择框、表格、消息提示框等)都应该是一致的。又例如所有界面的重置按钮或关闭按钮的样式、事件等都应该是一致的。

(2) 原型设计开发要有对称思想。这里关系到原型界面的布局问题,例如页面底部摆放的按钮应该是总体居中并向两边分散排列的。一个信息提示框的文字正常情况下应该是居中显示的,诸如此类。

(3) 原型设计开发要注意细节。做一个原型其实不难,但要做一个用户体验好的原型就相对困难了。这里说的困难其实很多时候都不是技术上的难题,而是跟我们愿不愿意做好交互体验,愿不愿意注意每一个细节等有关。好的界面原型,很多时候并不是说其有多花俏,而是每一处细节都做到极致,细到每一个文字如何描述、控件如何展现、每一个表格的高度及表头背景色是否一致等都做得很到位。其实,这个对我们而言还真不是什么难事,难就难在我们愿不愿意花时间去处理这些细节问题。很多时候,细节问题关注到了,整体效果就出来了,客户的满意度也就提升了。此外,在原型开发时,如果可能,一定要给每一个页面、每一个母版、每一个动态面板、每一个部件进行适当的命名,这对于复杂原型的开发更是如此,同时也有利于多人协作开发。当然这更是一个良好的习惯,好的习惯常常会帮助我们将事情做好。

(4) 原型设计开发要有产品意识。做原型开发也许有时候仅仅是一个草图,但更多时候是希望能够做出一个贴近真实系统的原型。毕竟,如果仅是为了做一个草图,还不如一张纸和一支笔来得方便快捷。因此,做原型的设计开发要时刻有产品意识,或许我们可以认为我们是在创造产品,而产品是提供给客户的,应该将产品瑕疵降到尽可能低。因此,在时间许可的情形下,我们应该追求精益求精。

(5) 原型设计开发要保持更新。这里有两层含义,一是项目开发过程中会存在需求变更的情形,此时涉及到变更的原型也应随之更新;二是开发出来的原型应与对应的文档保持一致性,特别是在数据项方面。

对于原型规划,具体到实操层面,就是要明确整个原型整个界面风格,大概有多少功能模块,菜单如何展现,哪些需要做成弹出窗口,哪些需要做成嵌套窗口,哪些需要以页面形式开发,哪些又需要以动态面板进行展现,哪些需要做成部件,而哪些又需要做成母版。

三、设计并形成原型部件库。

一套系统,或者是一系列类似的系统,其原型部件都应该有统一的标准。这套标准就包括了表单、文本框、下拉选择框、复选框、单选按钮、按钮等方方面面。那么这一套的标准其实风格也应该是高度统一的。例如,互联网行业有很成熟的开发框架,往往会涉及到一些常用的下拉框、选择框等基础性元素,类似这些基本元素都可以做成部件,以方便后续复用。

我们在设计制作部件时,不妨可以多参考一些优秀的部件库,这些部件库可以在Axure官方网站上获取。下图所列就是一些常用的部件库。

其实,只要我们用心,自己也可以制作出一套非常实用的部件。例如,要制作一个普通按钮,可以使用矩形即可完成,可以将调整矩形形状,可以配置悬停样式、鼠标按下样式、选中样式、禁用样式等,部分示例图如下:

四、分类设计原型母版。

为使得原型开发真正达到快速构建的目的,在原型开发过程中尽可能地将公共部分提取并转换为母版,之后在设计开发每一个原型页面时采用组装的方式将会大大提供开发效率,同时有利于后续一些基础数据的修改。

就个人经验而言,母版主要划分为两大类,一类是系统公共组件,另一类是系统业务母版。公共组件包括:按钮、文本框、下拉选择框、日期选择框、标签页、对话框、组合框、分页控件、各类表格、页面标题区域、页面底部区域,等等。其中,每一类组件又可以根据实际业务场景及相应的大小要求而设计多套。单拿表格组件来说,就可以设计出横向展现的普通表格、纵向展现的普通表格、带序号的横向表格、带复选框的横向表格、带单选按钮的横向表格,等等。而且这些表格的标题、字体大小、背景颜色、线条颜色都应该根据系统整体风格配置好。

另外,通常一个系统里面都有查询统计的影子,因此将一些常用的查询条件母版化也是非常可行的。而根据个人经验,查询条件的栏目一般为两栏四列或者三栏六列,这样整体布局会相对合理。

五、灵活运用动态面板。

动态面板是展示在页面不跳转的情况下所能实现的各种交互状态,通过动态面板可以实现高级的交互功能,实现原型的高保真度。从另一个角度来看,动态面板的每一种状态其实可以看做是一个页面,我们可以在该状态下设计所需要的原型效果。通过对动态面板进行隐藏、显示或切换到不同状态从而实现我们所需要的交互效果。

一般情况下,我们知道动态面板可以实现诸如Tab页签的切换效果、鼠标触发式和点击触发式的下拉菜单效果、鼠标触发式的浮窗效果、JS的鼠标点击弹层效果等等。而很多时候,为了使得整个原型做得更为形象逼真,整一个系统都可以通过动态面板来实现,特别是对于制作手机原型更是如此。

一个应用系统原型网页版和手机版均全部采用动态面板实现,其目录布局如下:

采用整个动态面板来设计原型的好处在于交互效果更好、操作更流畅、用户体验当然也会更好。

总的来说,进行原型开发,应有必要的积累,并且在进行原型开发时应在条件许可的条件下做到更加严谨一点、细心一点、友好一点。除此之外,应在平时进行必要的积累,可以多学习一些优秀的设计(例如http://huaban.com/nav8079206363http://www.uisdc.com/等),然后结合实际业务需求和系统实际应用,设计一套或多套适合于项目甚至行业的原型,并在后续其他类似项目的开发过程中以此为基础不断优化、不断完善、不断提高。

时间: 2024-08-07 09:50:19

关于使用Axure RP进行原型开发的一些心得体会的相关文章

在千锋参加html5前端开发培训的心得体会娓娓道来

四个多月在千锋参加html5前端开发培训的时间说起来也不短了,突然间毕业了,要找工作了,我还是有股莫名的伤感和孤独,也很舍不得这些一起通过html5前端开发培训走过来的亦师亦友的伙伴.作为来深圳千锋参加html5前端开发培训相交的第一批朋友,我还是很珍惜的.我只能感叹时光飞逝,稍纵不复返. 在html5前端开发培训期间,非常感谢千锋html5前端开发培训老师的真心付出,带着我们慢慢成长起来,尤其感谢韩老师和邓老师,因为有他们,生活才特别可爱,我也完成了蜕变.另外,值得一提的是游戏部分mars老师

Axure RP 7原型工具通过中继器实现动态表格效果

一.添加控件 1.添加两个文本控件分别为"姓名"."Email" 2.添加两个文本框控件分别命名为"inputTextName"."inputEmailText" 3.添加一个按钮控件"提交" 4.添加一个表格空间,只要头,将头下面的单元格删掉 5.添加一个中继器及两个按钮分别为上一页.下一页. 6.编辑中继器,在中继器中加入表格控件.用于显示动态数据. 二.编辑动作 1.单元格中删除行的动作 进入到中继器

《Android深度探索》(卷1)HAL与驱动开发 第十章心得体会

本章主要讲了嵌入式Linux的调试技术. (一)打印内核调试信息:printk Printk函数用法与printf函数类似,只不过printk函数运行在内核空间,printf函数运行在用户空间,printk函数在printk.c文件中实现. Printk函数的原型如下:asmlinkage int printk(const char *fmt,...) 第1个参数表示格式字符串,后面是可变参数.第一个参数值前面加尖括号包含的数字表示输出的日志级别,共有8个级别,在linux/kernel.h头文

读《对软件开发的一点心得体会》有感

原文地址:http://www.swoole.com/News/65.html 一.前期规划: 我理解的前期规划是:在市场人员们汇总一个需求提交给产品专家带领的产品经理团队,然后经过这个团队根据公司具体情况再次分析和规划出一个最终需求文档. 这个需求文档应当首先提交给技术研发部门的负责人以及核心开发人员.由开发团队对其进行技术和风险分析.如果对此需求统一有异议的地方,需要返回给产品团队,重新修正需求.反复如此,直至需求完善准确,细致,清晰. 前期规划就像高楼的地基,如果马马虎虎,就算是一块砖块没

安卓移植和驱动开发第十章心得体会

对于复杂的 Linux 驱动及 HAL等程序库,需要使用各种方法对其进行调试. 例如,设置断点. 逐步跟踪代码.-输出调试值息等.虽然嵌入式Linux在调试方面并没有 Visual Studio. Delphi. Eclipse 这些可视偌工其荒便,但学习一些这方面的技术无疑更奇脚手亮发强款而稳定的 Linux 内核模块←对 于嵌入式 Linux 内核模块.对于嵌入式的调试可能要更复杂一些.因为有时候需要至 少两台机器(开发机和-目标机)用于调试将主要介绍如何利用开发板之 Android模拟器以

安卓系统移植和开发第一章心得体会

进入大三第二学期,我们学习了安卓系统的移植和驱动开发,这是我们继上学期安卓嵌入式开发对安卓系统的进一步学习.第一章我们学习了安卓系统的编译和移植实例,首先我们要下载课程所需要的软件环境,现有的环境是一套能正常运行Linux2.6.21的EZ6410硬件系统和移植目标在EZ 6410系统上运行的安卓2.3系统,在移植过程中主要涉及的步骤有,安装Linux安卓的内核,安装交叉工具链,移植内核支持的Ez6410 平台,安装安卓SDK,获得安装安卓系统的根文件系统.设置系统环境,完成安卓正常启动,嵌入式

《Android深度探索》(卷1)HAL与驱动开发 第一章心得体会

本书的第一章讲的是Android系统移植与驱动开发概述. android的系统架构和其操作系统一样,采用了分层的架构.从架构图看,android分为四个层,从高层到低层分别是应用程序层.应用程序框架层.系统运行库层和linux核心层. 1.应用程序: Android会同一系列核心应用程序包一起发布,该应用程序包包括email客户端,SMS短消息程序,日历,地图,浏览器,联系人管理程序等.所有的应用程序都是使用JAVA语言编写的. 2.应用程序框架 开发人员也可以完全访问核心应用程序所使用的API

安卓移植和驱动开发第二章心得体会

第二章我们学习了安卓系统与嵌入式开发,我们都知道安卓操作系统是基于Linux内核的,从系统移植和驱动开发的角度来说,安卓的底层开发移植,和传统嵌入式Linux系统的开发关系非常密切,两者的驱动在开发上几乎保持了完全一致,另外,安卓的底层开发和移植也与Linux嵌入式的环境保持了一致,嵌入式在我们生活中应用非常广泛,在消费电子,网络,航空航天,军事国防,医疗设备等都有非常大的应用,嵌入式系统主要由软件和硬件组成,硬件是基础,软件是核心与灵魂,而在硬件设备中,包括了嵌入式处理器和外围设备,而嵌入式的

《Android深度探索》(卷1)HAL与驱动开发 第八章心得体会

本章主要讲了Linux代码的重用与强行卸载Linux驱动. (一)Linux代码的重用 重用=静态重用(将要重用的代码放到其他的文件的头文件中声明)+动态重用(使用另外一个Linux驱动中的资源,例如函数.变量.宏等) 1.编译是由多个文件组成的Linux驱动(静态重用) 对于复杂的Linux驱动,需要使用多个源代码文件存放不同的功能代码,这样做有利于代码分类和管理,那么就不得不编译多个源代码文件,最终生成.ko文件或编译进Linux内核 下面,就介绍将3个.c文件分别编译为3个.o文件,并将这