网页特效代码┊JsCode.CN
网页特效代码 您的位置:首页 > 网页制作教程 > Flash动画教程
RSS订阅

手机界面设计运动与缓冲

[ 发布者:佚名┊来源:网络整理┊时间:2006-09-19┊浏览: 人次 ]

使用运动与缓冲有效增强Mobile App的用户体验

本文源于Adobe XD Blog的Mobile UI Animation一文,在我之前的工作之中也有涉及到相关内容,因此结合一些自己的经验谈谈XD的这几个实例

动态效果设计是Flash Lite开发比起其它方式开发而言更加有吸引力的一个地方,简单的应用设计,结合一些动态效果,如动态翻页,运动缓冲,一页内的内容运动切换,能够大大增强操作感与用户体验,XD提供的几个应用实例中分别提供了静态与动态的效果对比

SAMPLE 1

静态设计(Flash)(单击画面激活后,用键盘方向键控制 注意对比左右方向键)

动态设计(Flash)(单击画面激活后,用键盘方向键控制,注意对比左右方向键)

将横向切换为变动态之后,使得用户视觉更具连贯性,对内容所处位置,栏目的方向感更完整,整个应用程序的操作状态更加易于用户使用,用户可以明确的知道自己上下切换栏目,左右切换当前栏目的其它内容

SAMPLE 2

静态设计(Flash)(单击画面激活后,用键盘方向键控制 注意上下键效果)

动态设计(Flash)(单击画面激活后,用键盘方向键控制 注意上下键效果)

该设计只在把传统的上下各条目的RollOver切换状态操作改为了动态RollOver状态切换,相对于静态的而言,动态效果显得更平滑,连续,看过动态之后再看静态,静态设计就显得比较突兀了

SAMPLE 3

静态设计(Flash)(单击画面激活后,用键盘方向键控制 注意上下键效果)

动态设计(Flash)  (单击画面激活后,用键盘方向键控制 注意上下键效果)

通过动态设计,将几个栏目之间的切换变成了上下滚动,从操作感和视觉上给用户带来了一个全新的状态,用户会非常方便的知道自己处于一个上下长内容的中间部分,相对于静态设计而言,通过这样的设计使得整个应用的方向感与位置更明确,同时更流畅,应用程序的档次感觉也提高了不少

动态效果对应用程序带来的体验方面的提升的确不少,但是由于mobile上的效率问题,太多的动效会使得应用程序变得太慢,上面的几个SAMPLE在mobile上也会相对PC会有所迟缓,因此在实际应用的时候一定要有一个适当的度,不可不用,也不可烂用.曾经一度我的Flash lite应用程序中应用了全部的动态效果,但最后迫于手机效率的压力全部cancel掉了~

本类相关信息
Flash绘画中俯视+仰视的视角绘法
先看效果: screen.width-333)this.width=screen.width-333" border=0首先...
Flash动画制作技巧
  在Flash动画尤其是短片的制作中或多或少都要表现一些较复杂的动作,而...
用Flash MX制作MOV短片
现在大多数的数码相机都附有短片拍摄功能,有的相机所拍的为AVI格式的短片,...
用Flash制作夜色雨景
  在一些精彩的Flash影片中常常可以看到丝丝细雨的效果,给人一种温馨浪...
CopyRight © 2005-2008 JsCode.CN All Rights Reserved
网页特效代码┊JsCode v3.0 Designed By 在远方
说明:本站提供最新精选的免费网页特效代码,包括网页背景特效,网页文字特效,网页图片特效,导航菜单特效代码等20多种常用网页特效代码下载,以及Flash特效,网页模版,字体大全,字体下载等网页制作特效素材资源。网页特效代码欢迎您的光临!