日志
腾讯顶尖设计团队总结的 2019 – 2020 设计趋势：图形篇
2019-04-29 15:38
为了和大家分享关于设计趋势的见解，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 公司品牌识别 [img]https://image.uisdc.com/wp-content/uploads/2019/04/uisdc-tx-20190425-51.jpeg[/img] △ @Jo In Hyuk 韩国著名咖啡品牌，Firtz Coffee 创造了独一无二的，具有复古 logo 和图形的品牌标识。 结语 趋势不会朝一个方向发展，它可以扩展成各种各样的方式，就像我们看到的反映了最新趋势的 3D，AR/VR 技术也包含了复古风格一样。我们希望这些不同的趋势能以新的方式被应用，从而创造出新颖而有趣的设计。 蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。 阅读全文 |
下一篇： 玩转javascript异步编程
上一篇： 2019.04.28 日志