腾讯顶尖设计团队总结的 2019 – 2020 设计趋势:图形篇 - 优设网 - UISDC

腾讯顶尖设计团队总结的 2019 – 2020 设计趋势:图形篇

2019/04/28 50273评论 24

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

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

强大和可变的排版

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

1. 动力学排版海报

△ @Andrei Robu

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

2. Uber 品牌识别

@Wolffolins

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

3. Squarespace 品牌识别

@Dia studio

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

4. FAD 视觉图形

△ @Practica Studio

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

5. 韩国女性耐克运动广告

△ @Wieden&Kennedy Tokyo

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

鲜明的颜色和渐变

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

1. APP 图标设计

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

最近,许多移动应用程序在其图标设计上应用了彩色渐变。

2. 欧洲体育 – 2018 平昌冬奥会品牌识别

@DixonBaxi

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

3. 篮球永远品牌识别

△ @Notreal

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

4. 明日之子品牌识别

@Plus X

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

不对称布局

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

1. 平面海报设计

△ @Vasjen Katro

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

2. Easy Peasy 品牌识别

@CFC

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

不断演化的识别度

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

1. 国际光影艺术节品牌识别

@George&Harrison

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

2. SM 娱乐品牌识别

@CFC

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

3. 第 59 届塞萨洛尼基国际电影节品牌识别

@Beetroot Design

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

4. 第 6 届广州三年展品牌识别

△ @Another Design

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

3D 中的高端纹理

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

1. 3D 插画

@George Stoyanov

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

2. Adobe Think Tank 视觉图形

△ @Omar aqil design

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

3. 现代「超级消费者」品牌视频

△ @Universal everything

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

4. 耐克PG3「舒适体验」广告

△ @GRIF

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

流体和液体形状

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

1. 有机形态的 3D 视频

△ @cmttat

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

2. 孔雀学会 2018 品牌识别

△ @Irradie

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

定制插画和角色设计

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

1. Uber 品牌插画

△ @Leo Natsume

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

2. Spotify「音乐与你同在」插画

△ @Circus

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

3. Belif 品牌插图

△ @Superfiction

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

等距

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

1. 等距插画

△ @Mohamed Samir

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

2. 等距视频

@Matthieu BRACCINI@Panic Studio

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

混合媒介

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

1. 3D视频+2D图形

@Sergio Fuego@giantantstagram

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

2. 真人实拍视频+2D插画

@+CRUZ

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

3. 真人实拍视频+发光涂鸦动画

@blottermedia@jamiethraves

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

4. 运动 3D 的 2D 插画视频

@phellaz@blublustudios

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

短而无缝的动画

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

1. 2D 短动画

@motionmarkus

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

2. 3D 短视频

@arbenl1berateme

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

AR/VR

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

1. Le Graphisme Augmente 图形海报

@Laura Normand

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

2. Apple Music x Memoji 广告

@Apple

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

3. Nike:上海 Never Done 运动店铺网站

@AKQA

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

4. 奥迪 Quattro Coaster 广告

@POL

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

5. 2018 年英雄联盟全球总决赛开幕式

@League of Legends

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

新复古

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

1. 复古风格视频

@dennybusyet  @thekidzzzzz

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

2. Fritz Coffee Company 公司品牌识别

@Jo In Hyuk

韩国著名咖啡品牌,Firtz Coffee 创造了独一无二的,具有复古 logo 和图形的品牌标识。

结语

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

欢迎关注「腾讯ISUX」的公众号:

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/tencent-isux-2020-design-trend

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里