基于Axuer原型工具的应用

本文详细介绍了如何使用Axure RP Pro设计Newbalance官网的全过程,从界面介绍、绘制思路到具体步骤,包括盒子设计、文字、图标、图片、轮播图和模态框的设计,以及Page链接的设置。通过实例展示了Axure在产品原型设计中的强大功能。
摘要由CSDN通过智能技术生成

1. Axure

Axure RP Pro能快速帮助设计者设计出快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。

2. 软件应用

2.1 界面介绍

在这里插入图片描述

  • 站点地图: 是项目页面的导航面板,在这里面可以对所有设计的页面进行添加、删除、重命名和组织等。
  • 元件库: 组织面板中包括有线框图组件和流程图组件两种类型,用这些组件可以进行线框图和流程图的相应设计。
  • 母版: 母版是一种可重复利用的页面,比如页面的模板、导航栏、页首、页脚等这些类似的元素都可以通过模块来调用。
    使用母版的好处是:修改模块时,原型中所有使用该模块的地方都会跟着一起修改,这样在设计时可以提高效率并且易于管理。
  • 交互类型: Axuer里的交互动作大致包括:定义链接、设置动作、多个条件场景、页面上的交互四种类型。
  • 定义链接: 定义链接可以让一个组件响应一个动作时(如鼠标点击、飘过)链接到其他页面。
    在Axure里提供了四种链接方式
    (1)链接到设计中的页面;
    (2)链接到外部网址或文件;
    (3)重新载入当前页面;
    (4)返回上个页面。
  • 设置动作: 除了定义链接之外,Axure里还可以设置丰富的动作,在Axure里,任何可以出发的事件中都可以执行这些动作。
  • 指定样式: Axure可以给指定的元件添加不同的样式,其中包含元件尺寸,背景色填充,透明度,字体字号设置,段落行间距设置,对齐方式等。

2.2 绘制思路

Axure

  • .rp ->内存->磁盘
    文本文档
  • .txt ->磁盘

上 -> 下 (横向盒子)
外 -> 内、左 -> 右(纵向盒子)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值