2020-12-10

Axure原型基础知识: Axure原型设计主要使用软件工具: Axure RP8 Axure RP8 是一个快速的原型工具,主要针对负责定义需求,定义规格,设计功能,设计界面的软件专家。 原型设计:是一个高效的以客户为中心的技术,将文字性文档转为互动性的可视画面,让客户在进行编辑之前进行需求确认,是个简单的文编编制,将外在需求风险降到最低的有效方法。 原型:是模拟真实产品功能与设计,用于产品初期测试产品的可行性与效果,节省开发成本和周期。 产品原型:产品原型分为低保真原型 和 高保真原型 二种。 低保真原型介绍:
在这里插入图片描述

高保真原型介绍:
在这里插入图片描述

 Axure的工作环境: 

Axure的工作环境·菜单栏和工具栏
执行常用操作,如文件打开,保存,格式化控件,输出原型,输出规格等操作。
在这里插入图片描述

Axure的工作环境·页面导航面板

  • 右击进行页面的添加,删除和重命名
  • 页面组织排序
  • 打开页面进行设计
    在这里插入图片描述

·在绘制线框图或流程图之前,应该先考虑界面框架,决定信息内容与层级
·明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面,右击可以添加,删除及页面层次进行重新组织。
·在页面导航面板中,通过拖拉页面或点击工具栏上的排序按钮,可以上下移动页面的位置和重新组织页面的层次。
Axure的工作环境·元件

  • 元件是用于设计线框图的用户界面元素。
  • 在元件面板中包含有常用的元件,如按钮,图片,文本框等。
    在这里插入图片描述

· 编辑元件风格和属性

  • 工具栏: 点击工具栏上的按钮,编辑元件的文本字体,背景色,边框等。

  • 右键菜单 : 元件右键菜单上可以编辑元件的一些特定属性,不同元件这些属性也不同
    · 元件 动态面板
    动态面板的实质就是层,一个动态面板可以有多个状态,每个状态可包含一系列元件;正是因为动态面板的存在可以实现同一区域状态的变化。

  • 任何时候都只有一个状态可视,一般默认第一个状态可见。

  • 动态面板状态可以隐藏,显示和改变。

  • 将动态面板拖到界面后,可以根据需要改变面板大小,位置。

  • 在这里插入图片描述

  • · 元件 热区

  • 可以添加成链接(比如,增大某处的反映区域;导航的链接)

  • 跳转到层次区域(比如,回到顶部)

  • 可以添加交互 (比如,在翻到此处热区时自动加载下方更多)
    热区在生成的原型中时透明的,如果想在设计中区域中也将其设置为不可见状态,在菜单栏中,点击“视图 — 遮罩 — 取消勾选热区” 即可。
    在这里插入图片描述

Axure的工作环境·交互面板
用于定义线框图中元件的行为,包含定义链接,弹出,动态显示和隐藏等,所定义的交互都可以在将来生成的原型操作执行。
可以定义元件的事情,场景和动作:
-交互事件:用户操作界面时就会触发事件,如鼠标单击时,鼠标移入时和鼠标移出时;
-场景:每个事情可以包含多个场景。场景也就是触发后要满足的条件;
-动作每个场景可执行多个动作,列如:打开链接,显示面板,隐藏面板,移动面板;
在这里插入图片描述

Axure的工作环境·元件面板管理

  • 元件可以重复利用使用的特殊性。如页首;
  • 只要修改元件,引用这个元件的所有概要也会随即全部发生变化;
  • 元件面板可利用文件夹来组织元件,并且可以用拖拉或工具栏的方式排列元件。
  • 在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值