选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

APP动态交互体验设计技巧

APP动态交互体验设计技巧1464104847-5615-cover

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

APP动态交互体验设计技巧1464104852-7171-20160518

但是,一个成功的UI动效并不是将酷炫效果作为其唯一诉求,同时还需要兼具交互过程中的实用性,下面就汇总几个有意思且实用的动态交互案例,与大家一同分享:

对于某些使用大屏手机的用户来讲,单手操作界面是件比较困难的事情,但这个案例让我们通过一步简单的点击操作,便可以轻松的进行单手操作。

APP动态交互体验设计技巧1464104851-9705-20160518

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

APP动态交互体验设计技巧1464104849-4760-20160518

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

APP动态交互体验设计技巧1464104849-9844-20160518

欢脱的下拉刷新

APP动态交互体验设计技巧1464104848-1799-20160518

灵动的界面切换

APP动态交互体验设计技巧1464104853-8917-20160518

APP动态交互体验设计技巧1464104850-8405-20160518

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

APP动态交互体验设计技巧1464104852-6036-20160518

APP动态交互体验设计技巧1464104851-3912-20160518

转载注明:云瑞
原文地址:腾讯网UED

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。