注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

——挨踢民工 Playkid——

一个搞IT的人!也是一个被IT搞的人!因为迷恋互联网而一网情深、最后落网为虫!

 
 
 

日志

 
 
 
 

Axure实现交互设计  

2011-12-22 23:20:17|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
  AJAX或JavaScript,甚至是Flash、Silverlight、JavaFX,这些都被归类为RIA(Rich Internet Application)的技术,能够让网站介面更丰富,展现更优质的人机交互。

  Axure RP与其它的wireframe(线框)软件,最大的差异在于能够进行交互设计(Interaction Design),且可以立即将结果呈现于prototype(原型图)上Axure RP设计出来的Prototype中,最简单的交互设计是网页连结,透过鼠标的click来串起使用者与网站的交互流程。


  1.Dynamic Panel(动态面板)是专门用在设计Prototype动态功能的。

  就像其它Widget一样,Dynamic Panel可以用拖放的方式从Wireframe窗格加入到画布中。

  动态面板可以包含一或多个状态(State),每个状态本身是一个小页面,藉由控制状态(State)的顺序或隐藏/显示Dynamic Panel来达成交互介面的整个表现。

  动态面板:一种透明的对象,本身可以包含很多个状态(State),而每个状态都是一个小网页。被放置在最上层的状态就是该面板的长相。

  状态:每个状态都是一个小网页,而这个小网页的边界与大小,与所属的Dynamic Panel大小相同。不同的State可以重迭在同一个Dynamic Panel里头,唯有被控制放在最上层的State,才会呈现于Prototype的画面中。


  2.编辑动态面板的状态

  已经摆放到画布中的Dynamic Panel,直接在上头快速点鼠标左键两下,会开启「Dynamic Panel State Manager」对话框。


  3.预设动态面板的显示和隐藏

  动态面板可以预设为隐藏(Hidden),作法是在Dynamic Panel对象上按鼠标右键,并选择「Edit Dynamic Panel->Set Hidden」,这样就可以隐藏Panel的内容,而且Dynamic Panel的屏蔽也会从蓝色变成黄色。已经预设隐藏的Dynamic Panel,可以选择「Edit Dynamic Panel->Set Visible」来显示Dynamic Panel。

  Axure RP提供交互设计的实现方式,都在「Interaction Case Properties」对话框中设定。其中有5种交互方式(Action)是专门用来控制Dynamic Panel的,分别是:

  Set Panel state(s)to State(s):将某个Dynamic Panel的State设定为该Panel的显示状态
  Show Panel(s):显示(设为visible)一或多个Dynamic Panel
  Hide Panel(s):隐藏一或多个Dynamic Panel
  Toggle Visibility for Panel(s):根据目前的显示状态来显示或隐藏Dynamic Panel
  Move Panel(s):移动Dynamic Panel,可根据绝对坐标或相对坐标来移动
  评论这张
 
阅读(1965)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016