2020年web页面交互设计趋势-图形篇

为了和大家分享关于设计趋势的见解，ISUX研究了2019-2020的设计趋势。没有必要去遵循年度设计趋势报告，但是否意识到这一趋势，对设计师来讲却非常重要。首先，我们总结了平面设计的总体趋势，同时也研究了从Zepeto app 和 Memoji开始的，最近扩展出来的IP形象设计和角色设计趋势。

在本文中，我们想分享ISUX设计趋势报告的第一部分“图形设计趋势”。在这一部分里，我们展示了当下各种品牌和动态图形的案例，总结了12个值得注意的平面设计趋势。

排版一直是设计的重要元素，,也是传达品牌强烈信息的手段。从去年开始，粗大的无衬线字体和强有力的排版被应用到许多品牌设计当中，这使得它成为平面设计趋势的一部分。此外，也有越来越多的品牌采用动态和反映了3D趋势的三维字体版式设计。

这张动态排版海报不是简单地放置图形和文字，而是将移动的3D文字放在固定的图形上，传达新的视觉印象。这些图形主要通过SNS以短循环视频的形式共享。

Uber开发了一种无衬线字体用于品牌logo的再设计，并将其贯穿于整个品牌系统。采用了这些品牌字体的动态海报，更为有力地传达出Uber的品牌信息。

Dia studio常将动态文字应⽤于品牌项⽬，“Squarespace”是其代表作品之一。

以3D形态传递活动信息的版面设计，就像礼品包装一样。这种循环的gif图也作为品牌主图形被运用。

韩国艺人支持女性主观活动的耐克运动广告，也采用了大胆的哥特式字体。这些由Guteform设计工作室设计的字体有基本的延展形式，同时有一个系统能延展成更为宽大的形式以适配媒体的比例。这种动态化的强烈的排版传递了活动信息，和其他设计元素的互动，最大限度地发挥了图形效果。

随着Instagram用彩色渐变作为品牌色，渐变趋势已经持续好几年。最近品牌、UI和包装的图形设计都采用明亮而强烈的对比色，这种趋势不仅应用于设计，也应用于摄影。 强烈的色彩组合，梦幻的色调和彩色渐变有望应用于2019年的整体设计。

越来越多的手机APP图标使用渐变色

欧洲体育台2018年平昌冬奥会的转播也将强对比和渐变色运用于多数场景中，包括logo，图形和摄影。荧光图形和深⾊背景的对比，尤为深刻地凸显了冬季运动的感觉。

Basketball Forever品牌识别

NBA新闻广播公司品牌重塑项目所使用的，诸如彩色渐变和大胆排版的设计方法，也反映了最新的趋势。他们创作了一个系统，通过各种颜色，字体和布局的应用，可以产生各种图形输出。

腾讯视频和哇唧唧哇联合出品的选秀节目明日之子，用多种渐变色圆形表达不同选手的才华。随着节目的进行，图形主题也会随选手的变化而变化。

与过去基于固定网格系统的布局相比，最近越来越趋于使用仅显示图像一部分的非对称布局。虽然好像只显示整个图像的一部分，设计师却可以在大系统中无限延展每个图形。你可以认为平衡被打破了，设计师却可以更加自由地应用图形元素，呈现更强烈的视觉印象，还可以有很酷的图形组成。

设计了各种各样图形的Vasjen Katro，不断尝试的形状，颜⾊和布局也反映了最新的趋势，特别是不对称和开放式布局。

Easy Peasy是韩国著名化妆品公司Amore推出的独立化妆品品牌，以品牌关键词轻松、活跃、有趣和大胆为基础，尝试给用户更加简单和亲切的感觉。品牌用看似自由的手绘波浪线贯穿于整个图形设计，打造不对称之美，展现了自由和亲近的形象。

移动图标已成为趋势很多年了，现在应用交互元素的品牌案例也很多。比起强而有力，灵活而简单，能随内容做出响应和更改的交互图标俨然已成为一种新的趋势。

这是交互图标的其中一个案例，用简单的方形作为基础，延展出各种各样的形状和图案。这些基本元素保持了简单和最大化的交互式图像效果。

韩国最大娱乐公司之⼀，SM娱乐开发了一种新的品牌标识来反映其不断扩展的业务。它将基本圆形改变成了不同形状与S和M产生关联。灵活的符号和各种颜色的圆形图案是SM娱乐视觉识别的核心。

这是电影节一个有趣的识别案例，用卷轴缠绕的图像代替寻常的电影节标志。它不是固定的，而是复杂紊乱的，以复杂的方式排列各种不同的颜⾊和图形，表达了电影节的目的——通过电影传达多种多样的故事和情感。

传递展览核心信息，反复复制到三维空间的基本矩形，显示了展览的特征。在整个展厅中，你可以看到它以多种变动的形态被应用，同时也以不同的形状被运用到各式各样的场景中。

3D趋势如此流行，以至于在平面设计趋势中也不得不讨论它。当下有很多3D图像尝试用复杂的纹理给大众展示生动逼真和新鲜感十足的印象。通过在3D几何形态中，添加逼真的纹理，创造在现实中不可能存在的图形，人们正在定义一种新的现实主义。

George Stoyanov通过组合各种几何形态来表达形状之美。这种视觉尝试很有意思，因为它很难在现实中制作。

这张图像由不同形状、纹理和颜色的几何物体设计而成，表达了Adobe Think Tank包含各种主题论坛的品牌特征。

将各种各样的材料和颜色运用到人类行走的形状当中，传递出一种非现实和新鲜感十足的视觉印象。

用柔软的毛皮材料营造耐克的主要感觉—舒适感，非现实的图形里有着生动的质感，让人耳目一新。

使用有机图形并不是一种新的潮流，但我们发现今年也有大量的图形使用水和油等液体来表达效果。它有时被用作品牌的主图形，你可以在3D短动态图形中明显地感受到这种倾向。这种具有强烈色彩和渐变的有机形状，传达出一种精致而梦幻的感觉。

有机形态通常以3D形式被应用，并且广泛应用于SNS共享的短视频作品中。今年尤其有很多透明质感的案例，这些透明材质运用各种颜色，使色彩搭配产生变化，营造出神秘的气氛。

Peacock Society 2018 品牌识别

将明亮多彩的渐变色应用于有机形态，这些图像表达了巴黎电子音乐节的特征。

各式各样的平面插画曾经退出过潮流，但现在已经成为一种强烈的设计趋势。很多品牌都通过聘请知名插画家的方式，用平面插画给大众新的印象。去年以来，除了2D， 3D角色插画也成为一种趋势被应用到越来越多的品牌设计当中。

运用于Uber品牌新形象的插画，是其简洁有序品牌系统中有趣的一部分。

这是Spotify运用了2D插画的品牌视频。手绘质感，色彩简单，人形的四肢都很大是最近的插画趋势。

这是基于3D角色的2D图案设计示例，运用于包装设计和品牌视频。

等距设计是一种将二维图形绘制成三维的方法，最近已成为一种趋势，在图形和动画视频中被广泛应用。许多设计师通过运用这种技术，在一个框架中显示整个图形，创造有趣和独特的氛围，呈现出一种全新的视觉印象。和去年一样，等距设计在今年似乎也会越来越流行。

经常使⽤等距技术和彩⾊渐变的插画家Mohamed Samir设计了一系列富有趣味性的海报。

将大物体变成微小模型的等距设计方法能给人留下印象，最近可以看到很多运用了这种方法后，屏幕变得更加特别和有趣的案例。

结合不同媒介的各种图形，创建有趣的效果是过去常见的一种方式。最近，结合大胆色彩，逼真照片和3D图像给大众新鲜感受的案例也很多。含有扁平化元素的真实图片和视频是2019的主要趋势之一。

当2D和3D图像组合在一起，立体效果可以更加独特和突出。这是使用了此方法的优秀视频案例。

匡威活动视频是一个很好地混合了拍摄视频和2D图形的案例，

在真人视频中添加发光的涂鸦动画，可以使视频更具动态性和趣味性。当下，SNS平台上越来越多舞者和歌手的视频都使用这种效果。

有很多作品很难知道它是2D还是3D。用3D表达物体运动，而不是简单地使用2D图形，这种视频能传达一种新的视觉感受。

当通过SNS共享图形图像变得非常普遍时，短小和重复的动态图形也变得很易见。logo，2D插画， 3D图像和各种各样的图形都以短循环动画的形式共享。

这些短视频通过在简单的扁平插画里重复使用短动作，传达了一种独特而有趣的形象。

由于3D是主要趋势，小而重复的3D图像也值得注意。添加3D真实纹理和效果，可以带来独特的视觉感受。

AR 和VR技术的发展，对平面和多媒体的设计趋势产生了很大的影响。这些新技术使人们对品牌有更加立体的体验。

尽管是印刷海报，它也允许人们通过印刷材料使⽤3D AR技术获得交互式体验。印刷海报只包含简单的几何图形和极小的信息，但当你通过手机查看时，将看到获得更多的信息和看到立体的形状。

Apple使用基于AR技术的memoji来推广Apple music。著名艺术家如Ariana Grande推出了他们的最新歌曲，通过这支广告，Apple一起宣传了Apple Music和memoji。

上海耐克通过AR技术实现360度网上零售的项目，可以让消费者根据运动的出汗量来进行购买和体验服务。

这是奥迪利用AR技术的项目，它能让消费者将汽车从银幕上带到自己的位置，从而积极体验开车的感觉。

2018年英雄联盟的开幕舞台利用AR技术，使演唱POP / Stars的真人歌手和游戏里K / DA角色一起同台演出。这些被实时跟踪的角色，在实际舞台上带来了真实的表演效果。

新复古，用现代感觉诠释复古，已成为一种新趋势。新复古是一个结合了“新”和“复古”的词，是对过去怀旧的现代诠释，不仅是设计，在时尚，建筑，流行文化等各领域都是一种新趋势。

流行于80年代和90年代的电子游戏，和好莱坞电影的复古图像与视频，被重新诠释后，再一次流行起来。

趋势不会朝一个方向发展，它可以扩展成各种各样的方式，就像我们看到的反映了最新趋势的3D、AR/VR技术也包含了复古风格一样。我们希望这些不同的趋势能以新的方式被应用，从而创造出新颖而有趣的设计。

感谢您的阅读。