首页 > 编程知识 正文

axure教程,axure产品原型设计

时间:2023-05-05 00:20:25 阅读:55916 作者:3406

前言

原型是什么?

原型设计是交互式设计师与PD、PM和网站开发工程师交流的最好工具。 这个方块的设计原则上必须是交互设计者的产物,交互设计以用户为中心的理念贯穿于整个产品。 利用交互设计师的专业观点和经验,直接引导产品可用性。

简而言之,“原型”是项目前期的重要设计步骤,主要是为了发现新想法和验证设计,直观地表达产品主要界面的风格和结构,与主要功能模块呈现出相互关系,模糊不清

使用人群

原型设计的使用者主要有业务分析师、信息架构师、可用性专家、产品经理、IT顾问、用户体验设计者、交互设计者、界面设计者、架构师、程序

使用目的

用于理解用例的用户界面

用于了解用户界面如何影响系统分析的系统分析人员

设计人员,用于了解用户界面如何影响以及系统对“内部”的要求;

常用的快速成型工具

Axure RP、Balsamiq Mockup、pencil项目、pencil项目、Prototype Composer、Omni Graffle、GUIdesignstudio(GDS )、Office可可

Axure RP工具介绍

Axure RP是一种快速绘制Wireframe和Prototyping的工具,主要用于定义APP应用程序的要求和规范,以及设计用户界面和功能。 本文介绍如何使用Axure RP创建网页框架。

设计准备

1、软件安装: Axure RP下载并安装成功

2、axure组件部署:安装后,系统有一些最基础、最常用的东西。 网上还有很多别人做的东西。 软件可以考虑自己制作零件直到某个阶段,以提高产品原型的制作速度。 现在,我们先去网上下载别人做的部件,然后放在软件安装的目录/DefaultSettings/Libraries中,重新启动后就可以使用了

设计案例——网页框架

设计思路:页面框架一般分为几个区域,普通页面包括头、底、菜单和主窗口。 效果如下。

步骤1、创建母版

在模板中分别创建三个主板header、foot和body

第二步,绘制模板内容

在header界面中创建一个800*40的矩形

在foot界面中创建一个800*20的矩形

在body界面中创建一个700*400的框架,并将其命名为body

第三步,创建导航页面

在页面区域创建了一个名为0index的界面,并在界面中绘制了一个800*460的矩形

第四步,页面布局

分别将header、foot放在接口上和下,body放在x:100、y:40、

第五步,添加菜单导航

在零件库中找到导航,将导航栏定位到页面X:0、Y:40上,然后重命名菜单一次。 在此,客户管理的一个示例是将导航栏分别命名为客户管理、客户新建和客户查询

第六步,创建子页面

客户管理、添加新客户、查询客户,为每个页面区域创建三个界面

第七步,定制活动实现菜单功能

添加单个鼠标左键客户,双击点击,弹出界面

步骤2单击新操作。 单击内部框架以选择第四部分放置操作。 选择body (内部框架),在中打开,选择添加1-1客户,然后单击确认

客户咨询与客户的添加操作相同,点击预览

步骤八、查看预览效果

预览效果如下所示。 关闭左侧的,分别点击,添加客户和咨询客户,看看效果

注意事项

1 .前期设计不要加入视觉设计的元素。 着眼大局,不要计较细枝末节。 我们的原型方案还没有最后通过,必须反复多次确定方案。 太多的视觉设计是浪费时间,而且原型制作得非常逼真,产品讨论会上,视觉元素很快就会抓住大家的眼球,到时候,你的界面是否应该变成蓝色,按钮会更加精致没有人会专注于你的交互设计。

在使用axure工具之前,最好用纸和笔画出纸面的原型,整理一下思路。

3 .这一进程必须迅速和反复。

参考资料:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。