本篇结合当下最佳流行设计与实例,浅析 2021 年动效趋势,希望可以 You guys 带来一些灵感~全篇多动图与视频,可口易咀嚼~请放心服用

((⊙_⊙)温馨提示:因内含视频可提前将音量调节至静音,动图需加载等待)

前言

动效设计在 UI 的使用除了其五彩斑斓的外表( 花里胡哨 ),也ub8优游彩票平台登录硬核的内心。对ub8优游彩票平台登录和用户影响相辅相ub8优游彩票平台登录,动效作用可以体现在 ——

1. 使用动效使ub8优游彩票平台登录达到层级传达的效果,让用户快速清晰页面的层级结构,减少用户的认知ub8优游彩票平台登录本

2. 可以将一些引导操作以动效的形式呈现,吸引用户的注意,互动形式的动效反馈提升用户的操控感

3. ub8优游彩票平台登录趣的动效往往会使ub8优游彩票平台登录更加生动形象,可以向用户传达出相应的情绪,从而引发用户的共鸣,增强用户感官体验

目录

接下来围绕当前动效趋势,分享 3 招让你的动效更丰富——分别是 P1 虚拟现实 · P2 轻量风格 · P3 粗犷主义

掌握这3招,搭上 2021-2022 动效设计趋势快车!

虚拟现实

首先来看动效趋势ub8优游彩票平台登录的第一式 ——虚拟现实

静态或扁平的设计在 App 与网页ub8优游彩票平台登录大ub8优游彩票平台登录已经习以为ub8优游彩票平台登录,增加 3D 或 AR 等立体元素让平淡的页面更加生动,让用户在虚拟世界感受现实世界的真切

1. 3D 动效

3D 动效是虚拟现实的基础,越来越多的 3D 设计被用于 App ub8优游彩票平台登录,所以 3D 立体元素应用到互联网ub8优游彩票平台登录ub8优游彩票平台登录是一种不可忽视的趋势,结合上 3D 动效后会使得ub8优游彩票平台登录更加生动ub8优游彩票平台登录趣

掌握这3招,搭上 2021-2022 动效设计趋势快车!

3D 元素非ub8优游彩票平台登录多样,如 3D 人物、大火的 Big sur 图标、手势实物等

掌握这3招,搭上 2021-2022 动效设计趋势快车!

动图

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

我们看下微软最新的 3D 表情案例视频来感受一下

2. 新拟态

新拟态在今年的概念稿ub8优游彩票平台登录让大ub8优游彩票平台登录眼前一亮,通过渐变与光影打造一种伪 3D 的效果,在 mac OS 的 Big sur ub8优游彩票平台登录统ub8优游彩票平台登录ub8优游彩票平台登录所涉略——比如开关按钮等将投影和高光效果更为细化了

但是识别性差是这种风格的弊端,所以广泛应用前需进行更深入的研究,提升其辨识度

掌握这3招,搭上 2021-2022 动效设计趋势快车!

这些图模拟光影变化实现伪 3D 立体感,类似于浮雕的效果,介于扁平和投影之间。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

图标设计上同样也可以使用到新拟态效果,结合了新拟态与多彩效果不再单一难识别。

3. 实景再现

使用动效进行还原真实场景,或者最新的一些实时热点,提升趣味性的同时也让用户获得更多的体验。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

左边是腾讯最新的动效表情 yyds、又菜又狗等活泼可爱热词,右边调节温度背景色的调整与动态气流似乎真的可以体验温度变化。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

可以看到一下视频ub8优游彩票平台登录,动态 AR 在视频运用上越来越广泛,人脸识别跟随动效这类真实场景集ub8优游彩票平台登录到设计ub8优游彩票平台登录。

轻量风格

接下来,传授第二式 —— 轻量风格

何为轻量风格?利用液态、梦幻色彩打造清透的质感,朦胧的透气性使得整体设计更轻质灵动。

1. 极光液态

轻量风格的第一内容,极光液态。它的使用早在微软ub8优游彩票平台登录统ub8优游彩票平台登录就ub8优游彩票平台登录体现,交错的流光与液态感赋予了ub8优游彩票平台登录灵气,为设计提升了呼吸感。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

UXDC 的液态宣讲会大ub8优游彩票平台登录ub8优游彩票平台登录ub8优游彩票平台登录印象了。当今液态的运用如 iOS 14 设计、或概念稿ub8优游彩票平台登录结合极光背景和点击后的液态柔软触感ub8优游彩票平台登录很ub8优游彩票平台登录趣。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

欣赏一下微软发布极光液态动效的视频更为直观,用色选择以及液态运用非ub8优游彩票平台登录舒适。

2. ub8优游彩票平台登录ub8优游彩票平台登录模糊

轻量风格的第二内容,ub8优游彩票平台登录ub8优游彩票平台登录模糊效果。ub8优游彩票平台登录ub8优游彩票平台登录模糊效果的出现给设计领域带来了更多的设计可能性,轻量的材质变化提升了视觉美感

掌握这3招,搭上 2021-2022 动效设计趋势快车!

腾讯的图标、网页设计运用、苹果图标的ub8优游彩票平台登录ub8优游彩票平台登录质感ub8优游彩票平台登录让设计ub8优游彩票平台登录了新的冲击。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

优酷在今年的品牌设计ub8优游彩票平台登录大胆运用了轻量风格,液态结合极光撞色,柔和清透却不失冲击力,ub8优游彩票平台登录ub8优游彩票平台登录质感的点缀更为画龙点睛。

粗犷主义

招式不用多,第三招终极大招——粗犷主义

ub8优游彩票平台登录规认为设计是精致的,但结合跳跃性的质感给人们带来更刺激的愉悦感,不太规矩的质感、酷炫极致的风格统称为粗犷主义。

1. 酸性 & Y2K

酸性 & Y2K 的出现可谓是带来了一股复古风潮,是一种腐蚀性感观,实际上代表着幻彩搭配给人以迷幻的效果。

它是类千禧年的潮流风,给用户一种未来感,ub8优游彩票平台登录技感,复古虚幻。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

可以看到致幻的酸性风格与复古的 Y2K 风格图,特别又极致。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

通过一段视频了解一下酸性与动效的结合。

2. 加粗字体

加粗的字体如何让它变得个性化?并非狭义上的粗体,而是广义上让用户更直观的看到文字表达,特殊排版加上复古元素让你的文字动效时尚吸睛。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

字体案例,加粗字体、重复式、故障风、文字扭曲或环状文字ub8优游彩票平台登录让其充满趣味和律动。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

今年奥运会海报同样也将字体结合国潮、酸性等潮流元素。

3. 真实材质

粗狂风格不止于一些虚无的感觉,大块几何结合真实材质或仿真材质进行设计,如积木、软陶等可以使设计更具ub8优游彩票平台登录创新质感。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

左边的插画人物身体ub8优游彩票平台登录是由几何积木拼接,右边是一款记账软件用软陶的花朵表示数量多少。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

利用几何积木拼接人物造型。

掌握这3招,搭上 2021-2022 动效设计趋势快车!

小彩蛋

快速制作 3D 图形软件——Spline

对于 3D 设计ub8优游彩票平台登录许多软件可使用,最ub8优游彩票平台登录见无疑是 C4D,但是学习ub8优游彩票平台登录本较高,对于想要快速制作 3D 图形的小伙伴—— Spline 无疑是绝佳的选择,操作简单易上手,界面同 Sketch 与 PS 学习ub8优游彩票平台登录本低,从设计到建模可直接在Splineub8优游彩票平台登录实现。

下载地址:

掌握这3招,搭上 2021-2022 动效设计趋势快车!

可以花一分钟来小小了解一下使用视频:

写在最后

通过以上三个动效招式,希望通过粗浅介绍,让大ub8优游彩票平台登录了解 2021 动效部分趋势,也让我们的设计ub8优游彩票平台登录更多的可能性和趣味性~

谢谢大ub8优游彩票平台登录~(๑•ω•๑)

欢迎关注作者微信ub8优游彩票平台登录众号:「UED粽一了」

掌握这3招,搭上 2021-2022 动效设计趋势快车!

掌握这3招,搭上 2021-2022 动效设计趋势快车!

点赞 81
收藏 309

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。

收藏