当前位置:首页> 2019

动态ui设计为什么越来越受欢迎

发布者:乾学教育 发布时间:2019-1-4 3浏览

当下,动效设计越来越流行,可以说不会动效设计的ui设计师不是好的设计师。那么,UI动效设计走后,背后有哪些原因呢?今天这篇文章乾学教育的小编来为大家详细分析下:

原因一:丰富的移动产品的展示功能

动效设计可以展示产品的功能、界面、交互操作等细节,让用户更直观的了解一款产品的核心特征、用途、使用方法等细节。

看到上图这样的ui动效很逼真呢? 是不是在哪个店铺上看到过这样的UI动效呢?

是的,2016年天猫双十一的时候,天猫上品牌大店铺的设计就是采用了这样的UI动效。

原因二:UI动效更有利于品牌建设

比较恰当的栗子就是2016年 12月份优酷更新的logo再看2016年谷歌logo的动态设计,更加大气和品牌国际化建设。

通过UI动效,去更好的传递品牌理念与表达品牌特色,用这种讨喜的方式去展示去宣传,不失为一种非常优秀的选择。相信技术的发展,必然带动动效设计这个现在看起来还微不足道的产业的崛起,让我们拭目以待。 推荐阅读>>>为什么学习AE动效设计那么重要

动态ui设计为什么越来越受欢迎

原因三: 利于展示交互原型(设计细节)


很多时候设计不能光靠嘴去解释你的想法,静态的设计图设计出来后也不见得能让观者一目了然。因为很多时候交互形式和一些动效真的很难用嘴来形容,所以才会有高保真demo,这样就节约了太多的沟通成本。

原因四:UI动效大大的增加了产品的亲和力和趣味性有时候加个动效,能立马拉进与观者的距离,要是再加些趣味性在里面,用”爱不释手“这词也毫不夸张。

如何使用UI动效?

基于UI动效的应用情境,大概能够分成以下几种模式:

导航(Navigation)

反馈(Feedback)

引导与暗示(Guide and Hint)

愉悦(Delight)

下面我会根据上面的分类进行说明。

导航(Navigation)

在现实世界,我们有所谓的路痴;在数字化的世界里也存在着许多经常在页面之间迷路而无法順利抵达目的地的使用者。导航的功能就在于,时时刻刻去提醒使用者其当下的位置,从何而來,又将往何处去。iOS原生的Push View与Modal View就是相当地道的导航式动效,利用页面的滑入以及堆叠,削弱前后界面变化的生硬感,帮助使用者在认知中组织信息架构,进而形成方向感和场景的连贯性。

反馈(Feedback)

反馈的目的在于传达使用者当前系統的状态信息、减缓用户焦虑。一般情況而言,一个按钮应该至少具备三种状态:可触发(Enable)、已触发(Pressed),以及无法触发(Disable)。

引导与暗示

这类动画效果主要是应用在当使用者进入到一个陌生的界面场景,或者设计师想提出一个全新的交互方式时,透過动画控件简单的位移或形态变化来引导使用者进行下一步操作。

在使用这种类型的动画效果时,必须优先考虑其精简并且不会影响到使用者在页面上的操作行为,或干扰了其他信息在页面上的呈现。

愉悦(Delight)

严格来说,愉悦感不应该是设计师在思考动画效果时所要满足的主要目标。设计师必须优先考虑导航、反馈、引导与暗示,这些已经为使用者提供了足夠的交互辅助,使用者能夠順利的在各个页面中操作、往返,而不會感到困惑与遭遇障碍,其次才是为这些UI动效加上愉悦的特性。

愉悦感的动画可能会有一些特性例如:卡通式的形象、现实世界的拟真化、戏剧化的效果等等。其目的在于减缓用户在等待时的焦虑,以及操作时的惊喜;这类动画效果往往会更加的Emotional(情感化),藉此触动使用者的心理层面。

想要学习更实用的AE交互动效,就来乾学优行者学AE交互动效课吧,一周时间轻松玩转AE交互动效,想要升职加薪的赶紧看过来!
热门文章

动态ui设计为什么越来越受欢迎(文章)免费

乾学原创课程4已学习

UI设计如何准备面试才能高薪(文章)免费

乾学原创课程12已学习