UI动效交互如何达成更佳的操作体验

[复制链接]
admin 发表于 2016-9-13 09:40:29 | 显示全部楼层 |阅读模式
文章资讯
分类: 理论知识

马上注册CG织梦网,结交更多CG好友,下载更多CG素材,让你轻松学习。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
      众所周知,我们的感知系统主要分为五觉,分别为视觉、听觉、触觉、嗅觉、味觉,而根据分析,其中90%的感知是来源于视觉系统。而为界面产品增加有趣的UI动效,便是利用了视觉刺激思维和人机交互细处理,来营造出更为有趣的人机互动模式,从而达到传递或获取信息的结果。

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验


      但是,一个成功的UI动效并不是将酷炫效果作为其唯一诉求,同时还需要兼具交互过程中的实用性,下面就汇总几个有意思且实用的动态交互案例,与大家一同分享:
      对于某些使用大屏手机的用户来讲,单手操作界面是件比较困难的事情,但这个案例让我们通过一步简单的点击操作,便可以轻松的进行单手操作。

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验


      前不久,微软发布了Word Flow for iOS 输入法(免费下载!免费下载!免费下载!重要事情说三遍)。其中一个亮点就是有单手模式,大大提升了单手在大屏幕上的输入体验。

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验


      交互体验是一种用户在使用产品过程中建立起来的主观感受,整个动效的设计过程重点是让用户可以全面的消化产品的操作流程,并且使其享受并参与在操作的过程中。简单枯燥的搜索过程也可以因为动效变得如此可爱。

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

欢脱的下拉刷新


UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

灵动的界面切换


UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验


      死板、机械的转换只会让用户感觉一直被干扰,很难达到愉悦的体验效果,除了上面所提到的实用性,动效也应该追求鲜明的个性化,这样才能盘活整个界面体验,用个性化的动效来稳固用户关系,给予用户愉快的体验。

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

UI动效交互如何达成更佳的操作体验

图片来源自网络
alfa 发表于 2016-11-21 05:54:46 | 显示全部楼层
新手学习中!努力再努力!感恩
回复 支持 反对

使用道具 举报

wpz 发表于 2016-10-29 23:01:54 | 显示全部楼层
欣赏一下、、
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩图文
 
 
失效帖子处理
失效举报群
156583568
工作时间:
9:00-22:00
 
在线客服(工作时间:9:00-22:00)
18916069001
织梦网微信公众号

Copyright   ©2015-2016  CG织梦网 - 影视动画学习交流平台!  Powered by©Discuz!  技术支持:织梦网     ( 沪ICP备12043823号-6 )