佛山专业网站建设服务商

 

让界面变的更加有趣的3个动态小技巧

栏目 :技术文章        发布时间 : 2016-10-02
动态效果能表达出故事。它跟图片的不同之处在于,动态效果拥有变化的过程,它能更加直观有趣的表达出这个故事,就如同跟你在讲话一样:“哈喽,你快来看看这个按钮”或者“YES!你刚刚操作完了这一步!”但是,动态效果并不是单纯的以娱乐用户为目标,而是让用户更加直观明白的了解交互设计,让用户更加方便快捷的使用这个APP。Zurb 曾经用一句话来概括了这一点:
“我们需要设计出用户从界面到获取内容的过程,而不再单单是静态的设计”
动态效果现在也广泛应用于网站设计中,它的作用主要是对网页起到强化的左右,使之看起来更具美感:用户的操作也会受到它的影响,他能突出主要内容来更好的引导用户,更加方便让用户找到他们所需要的内容,达成一致目标。动态设计尅提高用户的体验,下面笔者将提出几个优化的指引:
网站加载过程中不要显得太单调
如果你无法保障服务器跟程序代码能你的网站迅速加载完毕,那么你应该在用户等待加载过程中加点什么上去,这个时候如果有一个提示真正加载的动态效果的话,那会让客户相对感到愉悦。这个情况在大部分的网站跟APP中都是存在的,而好的设计师会通过一些动态特效来抓住用户的眼光,而不是让用户在无聊的等待中度过。设计师让界面从基本框架就已经开始加载,很好地减少了客户等待的主观体验。
果断效果不要太过生硬
过渡效果是动态设计中很重要的一个环节,从开始到结束的过程要比较明显直观的显示出来。能把用户的注意力吸引到重要的地方才算得上是一个比较好的动态设计。
下面给大家展示一个比较不错的案例,用户在点击了链接之后,它很好的展现出了让用户明白变化过程的滚动动效。动态效果能起到更好的过渡作用,也起到了更好的交互式设计。
当出现错误的时候,能及时给以用户反馈
用户在操作了某一步骤之后,动态设计也能对这个结果起到强化的作用。报错,也是比较常用到的反馈机制。
一个很简单的设计,只需要让界面左右晃动,它就能起到报错的作用,能让了解到他们的操作或者输入是有误的。这种动态设计让界面变的更加人性化,更加的真实,更加的直观。
如果你能把动态设计这一项技术应用熟练,那么你在UI设计的领域中将得过一个质的提升。但是动态设计不代表花俏,该如何合适的应用需要你的仔细思考跟经验的积累。
 
 
返回首页 精品案例 联系我们 回到顶部
Copyright © 尚派 0757SP.com All Right Reserved