第一范文网 - 专业文章范例文档资料分享平台

Axure初中高级交互实例

来源:用户分享 时间:2025/7/7 23:45:08 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

4. 秘技 (Quick Tips)

秘技1. 优先设定母选单(Root Menu)的样式:

当子选单(Submenu)建立了以后,会自动套用母选单(Root Menu)的样式,您可以在建立子选单之前先将母选单样式设好,以节省时间。

(版权声明:欢迎引用及复制Axure RP 中文教学内容,必须注明出处为悠识数位顾问有限公司及原始文章网址UserXper.com)

Axure高级互动设计1—设定逻辑条件 设定逻辑条件

1. 认识Condition (逻辑判断)

2. 认识Condition Builder (逻辑判断编辑器) 3. 用Condition Builder建立逻辑判断 4. 秘技(Quick Tips)

1. 认识Condition (逻辑判断)

虽然可以用文字来描述Prototype操作的动线或互动方式,但有的时候,您还是会需要一个更逼真(High Fidelity)、更互动、更有亲和力的Prototype 。比如,当您在操作Prototype,模拟会员登入帐号,如果能在按下登入按钮时,直接显示登入成功或失败的讯息。是不是比您口头解说或文字描述,还要来得清楚明白呢?

在Axure RP的互动设计中,「逻辑判断」是最有挑战性,但是也最有趣的一件事情。因为当您在设计网站Prototype时,可以不用寻求程式设计师或Flash设计师的协助,就可以独立完成您想要表达的互动效果。 清楚的逻辑观念胜过互动设计技巧

学习Axure RP的条件逻辑设计之前,您必须先知道一个重要的观念:

成为称职的网站企划人员,不一定要学会Axure RP的高级互动设计技巧,却一定要有清楚的逻辑观念。否则,不只造成网站开发工作上的困扰,更严重的还会造成糟糕的网站使用者经验。只有清楚的逻辑观念,才能带来准确合理的互动设计。

如果您不想学这些高级互动设计技巧,绝对无损于您利用 Axure RP进行网站企划及Prototype 设计。换言之,即使您学会Axure RP的高级互动设计,但是您的逻辑观念如果不清楚,仍然无法成为一位优秀的网站企划。

要是您希望将Prototype拿来进行 Usability Test,或者在各种沟通讨论会议上,让大家更充分理解操作的互动效果,那么透过Axure RP提供的逻辑判断设定,可以让Prototype更进一步接近真实完成的网站介面与动线。

物件值(Value of Widget) / 变数值(Value of Variable)

接下来,您要学习使用变数值/物件值,这两种类型的数值应用于逻辑判断:

a. 物件值(Value of Widget) - 使用Widget本身的值来进行逻辑判断,有4种不同的数值可供应用:

* Checkbox或Radio Button的核取状态 * Droplist 或 Listbox的选取值 * Text Field或Text Area中的文字 * Text Field或Text Area的文字的长度

b. 变数值(Value of Variable) - 使用自定变数的值来进行逻辑判断,有2种: * value of variable - 自定变数的值

* length of variable value - 自定变数值的长度

附带补充,Axure RP本身存在一个全域预设变数(Global Default Variable) - OnLoadVariable,除此之外,变数名称可以自订,最多可以有25个自订变数。您可以透过主选单Wireframe > Manage Variables来检视并编辑所有的自订变数。

您可以在Prototype设计里,将物件值及变数值的逻辑判断加入互动设计,在操作Prototype时,将会根据Web Form Widget所输入的数值,或是变数的值来进行判断。比如,当使用者登入帐号时,自动检查输入的帐号或密码,登入成功则导到欢迎页面,登入失败则显示错误讯息。

表单型态的物件 (Web Form Widgets)

由于逻辑判断牵涉到不同物件值的判断,因此经常与表单型态的物件结合运用。 Axure RP的表单型态的物件(Web Form Widgets) 如下图。

2. 认识Condition Builder (逻辑判断编辑器)

如果您具有程式设计的基础,要学习 Axure RP的变数或逻辑判断,一点都不困难。毕竟Axure RP不是程式开发工具,并没有太多的程式语言要学习。

为了让没有程式设计基础的 Axure RP使用者也可以设计逻辑判断,因此Axure RP透过三个不同的功能视窗,来协助使用者设定变数以及逻辑判断,这些功能视窗包括: * Annotation and Interactions (互动设计) * Interaction Case Properties (互动状况设定器) * Condition Builder (逻辑判断编辑器) 这三个功能视窗的关连及开启顺序如下图:

为了让没有程式设计基础的Axure RP使用者也可以设计逻辑判断,因此Axure RP透过三个不同的功能视窗,来协助使用者设定变数以及逻辑判断,这些功能视窗包括:

其中,Annotation and Interactions,以及,Interaction Case Properties,这二个视窗在学习初级互动设计就使用到了。只有Condition Builder对话窗对于学习高级互动设计的人是陌生的,我们就来认识一下这个特殊的功能。 Condition Builder逻辑判断编辑器的操作介面

Condition Builder是用来设定逻辑判断的工具,只要透过下拉选单及一些按键,就可以完成一长串复杂的逻辑判断叙述,不需记忆,也不用自行撰写逻辑判断程式。

您可以在Interactions Case Properties视窗的右上角,点一下Add Condition (或Edit Condition)的文字连结,就会开启「Condition Builder」视窗。

在「Condition Builder」视窗中,可以建立一行或多行的逻辑判断,只要按下右方的「 」钮,就可以增加一行,按下「-」钮,则会移除一行。

如果所有的逻辑判断都必须满足, 可以在「Satisfy」下拉选单中选择「Satisfy all of the following」,就会以”and”来连结各个逻辑判断;若是选择「any」,则会以”or ” 来

搜索更多关于: Axure初中高级交互实例 的文档
Axure初中高级交互实例.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/c23y3f0i6gd1od1e2lz3r_6.html(转载请注明文章来源)
热门推荐
Copyright © 2012-2023 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top