2020年网页交互设计趋势里那些图形的新花样，你知道不？

不忍卒读。 哎， 2020年啊，转眼就过去了但那时候的网页设计趋势现在想想还是挺有意思的，特bie是里面的图形元素，真的跟以前不一样了变得特bie花哨，但又好kan。我虽然不是什么设计师，就是个普通上网的，但平时刷网站的时候，总Neng感觉到“哎，这个图形咋这么特bie呢？”今天就来瞎聊聊那些创新亮点，你们要是听不懂也别怪我，我文化不高，说得乱七八糟的，凑合kan吧！

那个软软的有机图形， 像水一样流动

说起有机图形，其实就是那种不规则的，软软的，kan起来像自然里的东西，比如云啊、水啊之类的。但2020年的时候， 这个有机图形好像特bie火，而且不是简单的软了而是Zuo得像水和油一样，会流动，会变形，特bie神奇。你去kan那些3D动态图， 里面经常有这种图形，颜色特bie鲜艳，还有渐变，从红色变蓝色，再变绿色，跟彩虹一样，kan着就让人想摸一把，虽然摸不着，但感觉特bie梦幻，像Zuo梦一样，操作一波。。

薅羊毛。 我之前在一个品牌网站上见过 一打开就是一大团彩色的“液体”在屏幕上流动，慢慢变成他们品牌的logo，那个过程啊，眼睛doukan直了比那些死板的logo有意思多了。这种图形感觉特bie精致， 但又不是那种冷冰冰的精致，是有温度的，像活的东西一样，反正我觉得比以前那些方方正正的图形好kan多了至少不会让人打瞌睡。

真人视频加上2D插画， 混搭在一起贼拉好kan

还有那个真人视频和2D插画混在一起用的，这个我也超喜欢！就是拍个真人视频，ran后在上面加一些手绘的huo者电脑画的插画，让画面变得geng有趣。比如耐克有个广告， 里面是韩国女生在跑步，旁边就加了好多发光的涂鸦，像线条啊、方块啊，还会跟着人动，kan起来特bie有活力，好像那个女生跑起来的时候，涂鸦也跟着她一起跑一样。

站在你的角度想... 我记得还有一个叫Mohamed Samir的插画家， 他喜欢用等距技术，就是把2D的东西画成3D的感觉，ran后加上彩色渐变，他画了一堆海报，dou是那种hen有趣的图形，kan着就让人心情好。现在好多品牌dou请这种插画师来设计， 不是以前那种死板的图片了而是用手绘的感觉给品牌换个新形象，让人觉得这个品牌hen年轻，hen有活力。除了2D， 3D角色插画也越来越多了就是那种立体的卡通人物，用在一些品牌里感觉比真人还亲切，毕竟现在年轻人不是dou喜欢kan动漫嘛！

3D插画 everywhere， 立体感爆棚

礼貌吗？ 2020年的时候，3D插画真的是到处dou是网页上、APP里、广告牌上，到处dou是立体的图形。这种3D图形比2D的多了好多层次kan起来特bie真实又特bie有冲击力。比如奥迪有个广告， 里面有个3D的过山车，颜色特bie鲜艳，轨道弯弯曲曲的，kan着就刺激，好像自己坐在上面一样。

还有那种透明质感的3D图形， 也是2020年的一个亮点，就是图形是透明的，Nengkan到后面的东西，但又不是wan全透明，是带着颜色的透明，比如蓝色的透明、紫色的透明，这样搭配起来感觉特bie神秘， 心情复杂。 好像在另一个世界里一样。我之前在一个短视频平台kan过一个3D动画， 就是一个透明的水球，里面还有各种颜色的液体在流动，那个视觉效果绝了kan完还想再kan一遍，太解压了。

AR和VR玩起来 图形变成立体的了

在我看来... 说到Zui厉害的，还是AR和VR技术对图形的影响。这个技术真的太牛了Neng把平面图形变成立体的，还Neng跟人互动。比如英雄联盟2018年的开幕舞台， 有个歌手在台上唱，游戏里的K/DA角色也跟着一起唱，kan起来就像真人一样站在舞台上，其实是tong过AR技术把角色实时投到舞台上的，那个效果，简直了我第一次kan的时候还以为是真的角色穿越了呢！

耐克在上海有个店， 用了AR技术，让消费者Neng360度kan他们的鞋子，还Neng根据运动的出汗量来买鞋，这个我虽然没试过但听起来就特bie高级，感觉以后买衣服买鞋子douNeng这样，不用去店里在家就Neng试了。还有那个韩国耐克运动广告， 也是用了AR技术，让女生在跑步的时候，旁边出现好多发光的图形，跟着她一起动，画面特bie酷，比单纯的跑步视频有意思多了，我跪了。。

等距设计， 把2D画成3D的错觉

我好了。 等距设计这个概念我一开始听不懂，后来kan了视频才明白，就是把2D的图形画成3D的感觉，但又不是真正的3D，是一种错觉。这种设计现在特bie流行，用在图形和动画视频里kan起来特bie有趣。比如那个Mohamed Samir的海报， 就是用等距技术画的，suo有的图形dou是立体的，但又在一个平面上，感觉hen神奇，好像你Neng在纸里面走一样。

还有那个欧洲体育台2018年平昌冬奥会的转播， 里面好多图形dou是等距设计的，logo啊、背景啊dou是立体的，加上荧光色和深色背景的对比，特bie有冬天的感觉，好像真的在滑雪场一样。我觉得等距设计Zui大的好处就是Neng把复杂的东西简单化， 在一个框架里显示整个图形，让人一眼就Nengkan明白，又不会觉得太简单，hen有层次感，最后强调一点。。

复古风格又回来了 但不是老掉牙的那种

2020年还有个趋势就是复古风格，但不是以前那种老掉牙的复古，而是“新复古”，就是用现代的感觉去诠释复古，听起来有点绕，但kan图形就明白了。比如那个Fritz Coffee Company的品牌标识， 就是用了复古的logo和图形，但颜色和排版又hen现代，kan起来既有怀旧感，又不觉得过时。

物超所值。 还有那个电影节的识别， 用卷轴缠绕的图像代替寻常的logo，不是固定的，是乱糟糟的，各种颜色和图形混在一起，表达了电影节的目的——tong过电影传达各种各样的故事和情感。这种复古风格现在不仅在设计里流行， 在时尚、建筑、流行文化里douhen火，好像大家dou开始怀念过去，但又不想真的回到过去，就用自己的方式把过去的东西重新弄一遍，这种感觉我挺Neng理解的，毕竟谁还没点怀旧情绪呢！

动态排版， 文字也会动啦

排版一直dou是设计的重要部分，但2020年的时候，排版好像也“活”过来了变成了动态的。就是文字不是固定在那里而是会动，会变形，会跟图形互动。比如Dia studio给Squarespace设计的品牌项目， 那个“Squarespace”几个字就会动，一会儿变大一会儿变小，一会儿还换个颜色，kan起来特bie有活力，不像以前那种死板的文字，kan了就想睡觉，不地道。。

还有那个动态排版海报， 不是简单地把文字和图形放在一起，而是把3D文字放在固定的图形上，文字还会动，比如飘起来啊、旋转啊，这样传达的视觉印象特bie强，让人一眼就Neng记住。这种动态排版现在用在SNS上的短视频里特bie多， dou是短循环的，几秒钟一个循环，kan着特bie解压，还Neng吸引人点赞，我刷抖音的时候经常kan到这种。

渐变色彩， 花花绿绿但好kan

渐变色彩这个趋势Yi经持续好几年了但2020年的时候好像geng夸张了颜色越来越鲜艳，对比越来越强烈。比如Instagram的品牌色就是渐变的， 好多APP图标、 看好你哦！ UI设计、包装dou用渐变色，从粉色到蓝色，从黄色到绿色，花花绿绿的，一开始我还觉得太花哨了后来kan多了觉得还挺好kan的，特bie有年轻感。

那个巴黎电子音乐节的图形就是用明亮多彩的渐变色Zuo的， 各种颜色混在一起，特bie有电子音乐的感觉，热烈又梦幻。还有那个腾讯视频和哇唧唧哇联合出品的选秀节目《明日之子》， 用多种渐变色圆形表达不同选手的才华， 拖进度。 yin为节目进行，图形主题还会变，kan着就hen有代入感，好像那个圆形就是选手的灵魂一样。我觉得渐变色彩Zui大的好处就是Neng让人心情变好，kan到那么多鲜艳的颜色，烦恼dou少了一半。

非对称布局， 打破平衡才好kan

以前Zuo设计dou喜欢对称，左右对称，上下对称，kan起来特bie整齐，但2020年的时候，好像大家dou不喜欢对称了开始用非对称布局，就是故意把图形放歪，打破平衡，反而kan起来geng酷。 CPU你。 比如那个George Stoyanov设计的图形， 组合了各种几何形态，kan起来乱糟糟的，但仔细kan又Neng发现里面的规律，特bie有意思。

还有那个Easy Peasy化妆品品牌的图形， 用自由的手绘波浪线贯穿整个设计，打造不对称之美，展现了自由和亲近的形象。这种非对称布局比对称的geng有视觉冲击力， 层次低了。 让人一眼就Neng记住而且设计师可yigeng自由地应用图形元素，呈现geng强烈的印象，反正我觉得比那些四平八稳的图形好kan多了至少不会让人觉得无聊。

短视频动画， 短小精悍但吸引人

现在大家dou喜欢刷短视频，suo以2020年的时候，短视频动画也成了网页设计的一个重要趋势。就是logo、 2D插画、3D图像douZuo成短循环的动画，几秒钟就重复一次kan起来特bie解压， 摸鱼。 还Neng吸引人停留。比如那个匡威活动视频， 混合了拍摄视频和2D图形，里面的图形会动，一会儿变大一会儿变小，跟着音乐节奏走，kan起来特bie有动感。

还有那个2D短动画， 就是在简单的扁平插画里重复使用短动作，比如一个人物一会儿挥手一会儿跳，重复几次就传达了一种独特而有趣的形象。这种短视频动画特bie适合在SNS上传播， 主要原因是现在大家注意力dou短，几秒钟的动画刚好Neng抓住眼球，而且kan完还想再kan一遍，传播效果特bie好。

一下 反正就是越来越好玩

总体来看... 总的2020年网页交互设计里的图形元素真的创新了hen多，从有机图形到AR/VR，从等距设计到复古风格，从动态排版到渐变色彩，每一种dou让人眼前一亮。虽然我可Neng说得不专业，但我知道这些图形让网页变得geng好kan了geng有趣了不再是以前那种死板的样子了。

以后肯定会越来越厉害， 说不定以后网页上的图形douNeng跟我们说话呢，不过现在这样Yi经够让我惊艳的了。反正啊，设计这东西，不管怎么变，只要好kan、好玩，Neng让用户喜欢，就是好设计。你们觉得这些趋势怎么样？有没有哪个是你们特bie喜欢的？评论区告诉我呗，我挺想听听你们的想法的，虽然我可Neng回不了那么专业的，但会认真kan的！就这样吧，我说完了你们要是觉得我说得还行，就点个赞吧，谢谢啦！