Material Design中转场动画和打动用户的细节是什么

发布时间:2022-01-12 11:05:59 作者:柒染
来源:亿速云 阅读:109

本篇文章为大家展示了Material Design中转场动画和打动用户的细节是什么,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

对于普通用户来说,是关注一个应用本身、还是更关注这个应用的元素从A点到B点转变的过程,这种选择往往有些难。谨慎编排的动画可以在有多步操作的 过程中有效地引导用户的注意力;在版面变化或元素重组时避免造成困惑;提高用户体验的整体美感。动画设计不仅应当优美,更应当服务于功能。

视觉连贯性

在两个视觉效果不同的页面之间的转场应该平滑、轻快,更重要的是使用户感觉清晰而非困惑。一个好的转场可以四两拨千斤,让用户清楚地了解他们应该关注哪里。每一个转场应该包含以下三类元素:

思考点

在设计动画的时候,可以从以下几点开始考虑:

恰当的时候使用纸片叠加方式。一般情况下,新入的纸片元素应当滑入视线。但字体元素(ink element)除外,他们应该以淡入的方式出现。不提倡全屏的淡入淡出,但也比瞬间切屏要好。

避免瞬间切屏(hard cut)。瞬间切屏过于突兀,并且会导致用户很难理解这个转场。

有层次的时序

在建立转场的时候,对于元素移动的顺序和时机都要详加考虑。要确保这个动画能使信息的展示具有层次感。也就是说,它能引导用户的关注力,将最重要的内容传递给用户。

然而,这并不是说最重要的东西先动,最不重要的东西就后动。元素转场的时序要平滑并且避免脱节的感觉。

用递次的动画引导用户注意力。

所有元素同时变动的话会使得重要的内容无法突出展示。如果所有元素都同样重要(你确定会发生这种情况的话),可以考虑采用更高层级的动画,使这些元素成组的显示。

连贯的编排

由于转场元素在整屏范围里移动,他们需要以协调的方式运动。起到引导视觉焦点作用的元素,其整个移动过程都要有意义、有秩序。随机的动画会分散注意 力。一个编排好的应用也能够给用户提供学习的时机。如果转场的所有元素都很好的协调,用户对于这个应用的理解也会增强。他们「理解」这个应用,  不会因为动画而无所适从。

实践

打动用户的细节

动画可以存在于应用程序的所有组件和扩展中,从细小的图标到核心的场景转换和动作,所有元素共同构建出一个拥有无缝体验、美观且功能强大的应用。

动画最基本的使用场景是过度效果,但哪怕是最基本的动画,只要恰到好处并足够出色,同样能打动用户。例如一个菜单图标变成一个箭头或者是播放控制按钮,这种服务间的无缝切换不仅仅能让用户感知,更是让完美的细节和精湛的设计充满你的应用。用户真的会感受到这些小细节。

上述内容就是Material Design中转场动画和打动用户的细节是什么,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. 如何在你的App中应用Material Design设计风格
  2. Material Design

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

material design

上一篇:android中高级面试题有哪些

下一篇:MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决方法是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》