原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点在于直观体现产品主要界面风格以及结构、并展示主要功能模块以及之间相互关系,不断确认模糊部分,为后期的视觉设计和代码编写提供准确的产品信息Axure RP是一个快速绘制Wireframe和Prototyping的工具,主要用来定义应用程序的需求与规格,以及设计使用者界面与功能。本文介绍如何使用Axure RP创建WEB页面框架。
工具/原料
软件安装:下载Axure RP,安装成功
方法/步骤
1
axure组件导入:安装后系统自带了一部分最基础常用的,网上也有很多别人做好的,软件使用到一定阶段可以考虑自己制作元件,以便提高产品原型的制作速度,现在我们先去网上下载一些别人做好的组件,然后放到软件安装的目录/DefaultSettings/Libraries下,重启后就可以使用了
2
母版的创建在模板里面分别创建3个母板header、foot、body
3
绘制模板内容在header界面创建一个800*40的矩形在foot界面创建一个800*20的矩形在body界面创建一个700*400的框架,并命名为body
4
创建导航页面在页面区域创建一个名称为0index的界面并在界面上画了一个800*460的矩形
5
在页面中进行布局分别将header,foot放在界面的上面和下面,body放在x:100,y:40,的位置。
6
添加菜单导航在部件库中找到导航,将导航栏放在页面X:0,Y:40的位置,让后将菜单重命名一次,这里以客户管理举例,将导航栏分别命名为客户管理,客户新增、客户查询 步骤六、创建子页面在页面区域分别对应创建3个界面客户管理,客户新增、客户查询
注意事项
前期设计不要加入视觉设计的元素。着眼于大局,不要纠结细枝末节。因为我们的原型方案还没有最终通过,肯定要通过多次迭代才能确定方案,太多的视觉设计就是浪费时间; 再者,如果原型做的十分逼真,在产品讨论会上,视觉的元素会很快抓住大家的眼球,到时就会有领导来质疑你的界面是不是该换成蓝色,按钮是不是再精致一些这样的问题。没有人会专注于你的交互设计了。