今天分享的是,Behance大神预测的 2021 UI/UX/插画 等视觉设计趋势大全,总体感觉是3D+插画+特别的动效的结合设计,当然也有介绍一些最新的设计工具,信息量大,干货满满;文中GIF图片和视频特别多,小编 已逐一补齐,绝对值得设计师们认真阅读,enjoy!
– 3D设计 –
3D设计被运用的越来越频繁,其实是由于各类免费易用的新软件的出现(例如Figma,它不仅对个人免费,还有很多对3D设计友好的插件)。我们有多少人在打开C4D、3D Studio Max或Maya等复杂的软件时不气馁呢? 现在有了Figma或Dimensions CC这样适合3D初学者 的软件,任何设计师都可以快速学会创建精美的3D场景。
1.Tran Mau Tri Tam Box. –时间跟踪应用 2.Jan Reeh SDMK – 3D网页设计 3.Tran Mau Tri Tam Collab. — 登录页设计 4. Mike 网页设计 -3D & 2D版本 5,6,7.CLV Madrid 银行平台人物插画设计 8.Cabeza Patata Studio Shape & Rhythm 9. Vivian niu, Vikiiing macOS Big Sur 3D图标 10. Romain Briaux Specify :插图设计
而另一个导致3D设计运用更加频繁的因素是,苹果即将发布的Mac操作系统Big Sur。在撰写本文时,Apple Big Sur还没有发布,甚至还没有宣布发布日期。Big Sur目前正在测试中。公开测试版(也有开发者测试版)已于8月6日发布。
你可能想知道设计界会受到什么样的影响。其实,苹果已经向我们展示了一个抢先预览版,让我们一睹新Mac界面的风采。设计上最重要的变化是引入了3D元素(图标)、透明区域和放弃灰色阴影。
1.UI / IXD设计
2.插图
3.动效与交互设计
4.平面设计和排版
5.包装
6.设计工具
7.UI和IxD设计
8.App与Mobile web
2021年,大多数业务领域中,仍是应用程序的体验最好,因此大部分企业还是会专注于APP的开发和推广。网店、社交媒体平台、交易平台等都会选择将客户迁移到应用上,以获得更好的客户体验,提高转化率。
根据Forbes.com的数据,移动端用户几乎90%的时间花在app上,只有10%的时间花在浏览器/网站上。
1. https://skilling.com/eu/zh/ 移动与应用
1.2 白色背景的页面展示效果
色彩是UI设计中最重要的视觉元素之一。可以帮助我们突出内容,强化品牌风格。一个色彩主题的设计应该是和谐的,并且应该帮助我们将UI元素和背景轻松区分开。
在最上层是展示的界面,通常是留白较多的界面,而且有光滑的投影效果,看起来就像浮在背景一样,在背景的选择上通常是白色或者浅灰色。
如果你不想花时间选择配色,有一些网站可以帮助你生成精美和充满活力的配色。比如https://flatuicolors.com/或https://colorsupplyyy.com/app/
1. Grace Saraswati Health Fitness Mobile App UI UX Kit 2. Tran Mau Tri Tam Analytics – Mobile App 3.Anahit Avetikyan Data Management System 4. tokitoshi メ COREFLIGHTS — Mobile App 5. Kostia Varhatiuk 3D Wallet App Exploration 6. Prakhar Neel Sharma Tenant App Case study 7. Wahab Live Game Streaming App
1.3小部件大小
ios14带来了一些新的变化,将影响所有的UI设计。
小部件现在有三种尺寸:小、中、大,用户可以在应用图标之间随意地重新排列它们。因此设计师必须创建三种样式的小部件图标,并且每种大小的小部件都可以让你显示不同数量的信息,所以你需要清楚并正确的显示内容。 请记住,较大的小部件允许我们显示更多数据和信息。
1.Varya Panyukova IOS 14 2. Alex Muench Apple Widgets UI Kit for Figma 3. Aleksey Bondarev iOS Widgets for iPhone
1.4动效与交互
动效是UI设计和用户体验的重要组成部分。现在一个设计如果不加入动效,那么就像是没有完成一样。其实有很多方法可以打造动效,比如:
JSON (Javascript Object Notation的缩写)将你的图片和动画转换成代码。JSON动画的优点是,大小比GIF小很多,而且支持全透明(不需要BG)。
几年前,Airbnb的人创建了一个名为Lottie的工具,使用JSON文件,让小动画制作变得非常简单。Lottie是一个适用于iOS、Android和React Native的开源库,可以实时渲染动画。如果你还没有尝试过它,一定要给它一个机会。
1.Jonathan Tipton-King Treasure Truck – Logo Animations
2. Alexandra Golde Animated animals
3. Daniel Tan Daphnie Loong Classmo – Virtual Classroom UI/UX
4.Vineeth TP PETAL
1.5 自定义3D图标
虽然3D设计早就是设计中一个无比重要的部分了。但现在,它比以往任何时候都更能影响UI领域。3D图标是2021年新UI趋势,所以如果你厌倦了过去十年中主导UI场景的平面图标,那么大可以尝试一下3D图标,它会让你的设计变得清新而现代。
1. gary liu App icon using Adobe Dimension 2. David Kovalev Apple not flat 3. https://www.outliercreative.com/ 4. Alexander Shatov Instagram 3d Icon Concept 5. Udhaya Chandran iOS 14 widgets 6. Tran Mau Tri Tam Figma 3D Icon for Mac OS Big Sur 7. Seunghyun Kang Skeuomorphism?
2.插图
2.1细描边插图
我们在去年的趋势指南中也预测了这一趋势。2020年的插图以这种特殊的绘画风格为主,2021年也将如此。因为这一趋势似乎是在今年后期开始的,所以我们决定将其归为2021年插图类别的主要趋势。
1 & 2. Odd Bleat * Revolut – Animated Loops 3.Nahuel Bardi Mask 4. Andrew Archer Dunhill — Japan National Football Collection 5 Calvin Sprague Personal Illustration Archive 3 6 & 7.Rafahu The Psychotoons II 8 & 9.Meme . S t e m 9 & 10.Nahuel Bardi Styleframes for animation
2.2 3D
近年来3D风靡设计界,这并不奇怪。毕竟3D设计已经发展了许久,而且有一些非常精致的插图,给我们留下了深刻的印象。配色或浓烈或柔和,这取决于它们想要传达的信息。 但与往年不同的是,今年的3D插画似乎是受到了平面设计的启发,也将变得更加简约。
1 & 2.Monstro CGI and Illustration Studio INCLUA 3. Pat Grivet Julien Pietri Mutant Jukebox London’s Life 4,5 & 6.Titi Lyao 3D illustration 7.Tran Mau Tri Tam Box 8.Tran Mau Tri Tam Ghost 👻– Sign In
2.3 受70、80年代漫画启发的复古插图
还记得《忍者神龟》、《超人》、《霹雳猫》吗? 如果你喜欢怀旧,这是一个好消息,因为这种风格即将在今年回归,并在2021年继续流行。 这种经典风格的插画特点是使用轮廓、简单的形状和简单的细节。
1& 2 Fago Studio Bonniers Book | A trip to the future 3 & 4 Xulia Vicente Various drawings 5. Qu Draws Limit Cafe x Gallery 6, 7 & 8.еspoon tar – -.– .-.. — …. и други 9.MUTE / Nathaniel Rueda 30 DAYS 30 CHARACTERS 2020
2.4夸张的形状和色彩
如果你喜欢涂鸦,那么你一定会欣赏这种独特的创作插画的技巧。虽然乍一看可能看起来没有完成,但所有细节都是经过深思熟虑才投入到构图中的。重叠的形状和强烈的色彩成就了与众不同的插画,可以激发用户的任何灵感。
2.5图文并茂的视频演示
虽然在去年的趋势预测中也提到过这个趋势,但作为一个重要的部分,我们认为它值得再次提及。
1.Giordano Poloni Punto Poste Da Te
3. 运动设计与交互
3.1短视频
短视频是一种有效的营销策略。随着Instagram Reels (TikTok的替代品)的推出,很多大公司开始使用这个工具来宣传自己,提高自己的影响力。制作短视频也不再仅仅是青少年的消遣,大品牌还会向代理公司支付费用,让它们提供短视频内容。
3.2经典漫画
是的,我们童年的动画片在2021年很火。我们以前说过,我们也重复说过,所以很明显,这种类型也存在于运动设计中。看看我们做的选择吧。
1.Mari Kinovych, Nick Zaychenko
2.Zombie Studio USE ELO
3.3 超逼真的3D VFX
VFX或视觉特效,将现有的镜头与计算机生成的图像相结合,创造出逼真的场景。它们是插入到一个真实的生活场景中的动画,随着众多方便友好的软件出现,VFX开始在视频和短片中更加普及。这种打破真实和虚拟界限的技术曾是我们梦寐以求的。
1.He Yang, Chiu Ho, Track Dong, Yuko Hung 吉列 · Gillette – J20剃须刀宣传视频
2 & 3. UoU Studio , CiZY . ,PB_zz ///Ghost in 1995 , MK KUN , Mr. Tomorrow, peng cece, 小 明,Yarn Lo, Kambiz Aghdam REALME NARZO 20PRO
4.VoxelWolves PT & UK Lisbon, Rafael Vicente The Orville
说实话,这不是一个新的趋势,但它是如此重要,值得再次提及。3D对所有设计领域的影响都是非常大的,以至于我们可以说,在2021年,它几乎主导了所有的数字设计,随着增强现实在越来越多的应用程序、网站或软件中的应用,3D也将越来越重要。正如我们近年来在设计趋势相关的文章中提到的,我们将看到设计师如何将3D和摄影或2D结合起来,创造出一种折衷的设计。所有这些技术,与动画相结合,创造出独特的设计。
1 & 2. Pé Grande Animation, Wunjo CG, Caio Nascimento, Eduardo Ribeiro Gonçalves, Marcelo Pasa Barth, Gabriel Warken, Ernani Furtado,Carlos Tevo Farned, Maria Eduarda Beck, Josemar Queiroz, Leonardo Curtis, Antonio Medeiros SICREDI CONECTA
3.5动画logo
动画logo已经出现好几年了,现在更是脱颖而出,席卷了一切与品牌有关的东西,所以今年它们也值得一提。当我们进入一个APP时,首先看到的就是LOGO,而将LOGO与流畅的动画相结合,可以打造出让人印象深刻的设计。
1.Nikola Matošević for Barrage Travelspot logo 2.Daniel Bodea / Kreatank Bench 3.Oleg Coada Kote | Logo animation 4.Yup Nguyen aiera – logo animation loading 5.Fede Cook COOK- Logo animation 6.Fede Cook & – Logo animation 7.Vadim Carazan for Carazan Brands Consultly logo animation 8. Fede Cook Q – Logo animation
3.6增强现实和VR
AR和VR本身就是一个非常广阔的领域,有自己的发展趋势,所以我们只回顾一些你在2021年肯定会看到的趋势。随着Covid19疫情的好转,各公司将纷纷投资AR技术,画廊使用VR和AR能让用户更容易浏览他们的作品。Gartner预计2020年将有至少1亿用户使用ar购物技术,这一预测是在全球封锁之前做出的。在未来,我们可以看到,在人工智能和机器学习的帮助下,增强现实技术将大规模应用于各个领域,无论是医药、艺术、商业、客户服务还是导航。
1-4.Peter Tarka, Maciek Janicki Google IO 2019
3.7快节奏的演示视频
当观众看到视频中的信息时,他们能保留95%的信息,但如果时屏幕上的文字,则只能保留10%的信息。所以无论你想传达什么信息,都可以选择使用快节奏的视频来实现。
1. https://www.toormix.com/en/
4. 平面设计与排版
4.1大而粗的排版
排版是设计中最重要的元素!一个有经验的设计师可以只使用字体来设计视觉标识。排版对于建立信息、建立强大的视觉层次、传递信息以及为用户创造良好体验都很重要。大字体和粗体从设计之初就已经存在了,所以它不是新的,但它非常重要。 即使设计师们使用了动态的、扭曲的、3D的、动画的或静态的排版,醒目的大字仍然,而且将永远是设计中的一个热门趋势。
1. Andrew Footit MyType – Vol.2 2. Quim Marin Studio Yeah!Club Redesign 3.Mario De Meyer Isotype 2 4.Anna D Displacement Maps and Actions
5.Quim Marin Studio SOMA Brewing
4.2 几何形状
从上世纪初开始,几何形状就已经出现在视觉艺术中,所以我们不能说它们是一种新的趋势。在2021年的平面设计中,无论是海报、印刷品、包装还是品牌识别,都将聚焦于几何形状。
1-2.Toormix Design Agency Kariiou – Branding Project 3,4,5. Jerry-Lee Bosmans Printmaking Challenge V2 6.陈 俊贤 文具海报 / Stationery posters 7.Xavier Esclusa Trias Poster Collection/Retro Brands/Videotape
4.3细轮廓和线条艺术
线条艺术真的很热门,所以我们决定在每个设计领域中都提到这一趋势,并向你展示它是多么有魅力。
1.Tolleson Design Dictionary.com: A World Beyond Words 2.Toormix Design Agency Institut Ramon Llull – Rebranding & Visual code Project 3,4,5.zimm wang Oval monsters/Character design/Graphics & poster design 6. Pablo ⚡️ Espinosa Tall Shorts Film Festival 7.Khang Ng Emotional Recovery Project 8.陈 俊贤 五观 / Five – Observe
5. 产品设计与包装
2020年,新冠肺炎成为媒体关注的焦点,产品包装的作用更加重要。消费者对食品污染表示担忧,推动了包装设计的需求。外卖和网购今年也有所增长。这些都是依赖于包装的领域,毕竟品牌们的形象的很大程度上是通过包装来实现的。
1. Mitsutaka Nakao , Miz Tsuji Park Hyatt Kyoto Takeout Packaging 2.Karla Heredia Martínez CRACK 3.Baianat Akelni Brand Design 4.Cheng Leeeee Mr. Huang’s saltwater chicken 5.Anninha . Giovana Roza Julia Ebel Lopes Arlequim – Visual ID 6.Micael Micmas Moccia | Brand Identity 7.Baianat Ghallab brand design.
5.1可持续发展
由于COVID-19引发了对环境保护的重大争议,因此包装行业必须开始采取措施,减少对环境的影响。企业必须使用可生物降解的材料,如纸板、生物塑料或由玉米、土豆或蘑菇制成的材料。传统塑料会保留大量的细菌,所以可持续材料还有另一个好处。
1.Lavernia & Cienfuegos The Troupe 2.Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging 3-4.Jieru Chen Side – Ceramics Product Design and Packaging
5.2定制插图
一个经过深思熟虑的独特插图可以为你的品牌创造一个伟大的故事。因此你必须谨慎地选择能够传达你的品牌故事的图形。它们必须是有意义的,并给品牌带来一致性。
1. Human, Eduardo Ramón Hombre Cometa 2.Thomas Hedger OFFBLAK Tea 3.Sanh Nguyen, InSpace Creative. Duy Trịnh, Huy Pham , Elena Phung 12 Spirits – OfDarkness™ 4.lucia del zotto Mejo 5.Jordan Mandes Packaging design – Maroccantea
5.3讲故事
这也不是一个新的趋势,但它比以往任何时候都更加实际,所以我们决定将其列入今年的趋势清单。如果你在销售一件产品,请投资优质的包装设计,以讲述有关品牌的迷人故事。产品包装具有激发我们购买产品的能力。从包装上的副本到字体,材料,大小和形状,当客户打开产品包装时,所有这些都必须产生独特的体验。
1.Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee – Branding & Packaging 2.Chad Roberts The Preservatory 3.Stef Hamerlinck Rascal tastebuddies
5.4交互式包装
人们喜欢手机,所以包装必须适应,让顾客参与进来。智能包装正在创造新的体验,让顾客与产品互动,创造品牌知名度。从二维码到AR体验,这些只是打造 “智能科技 “包装的一些想法。
产品设计也深受科技的影响,大多数新产品都围绕着智能手机的概念,以及产品如何给你带来互动体验。
1.亨氏番茄酱 2,百事可乐 3 Peter Tarka Maciek Janicki Google IO 2019 4. Max Mysechko, Artemiy Drobyazko , 乌克兰基辅Qvarta Studio MINI PHA | 灯泡和充电器| 产品设计 5. Enterfun _官方 能源管暖身
5.5 3D打印包装
随着3D打印机的兴起,异形包装开始出现。这种工艺为印刷奇形怪状的包装提供了便利,设计师可以自由发挥想象力。不太愉快的是,与经典的包装盒相比,这样的包装价格仍然很高。不过它对模型的准备非常有用,并能以较低的成本快速提供原型。
6. 热门工具
6.1 Substance
Adobe的这项新工具可让任何设计师上手3D。Substance是用于3D项目对象纹理和材质创作的完整套件。该套件实际上是一个生态系统,面向设计师,图像创作者和插画家。这个新套件的缺点是Adobe提供了与Adobe Cloud不同的订阅方式,因此对于初学者或初级设计师而言,每月费用会非常高。完整套件的价格为每月19.99美元。
Substance Painter拥有智能材质、智能遮罩和集成烘焙功能。你可以使用智能材料来生成任何物体上真实的磨损;探索适合任何形状的蒙版预设,并使用画笔进行即时修改。(substance3d.com)
Substance Alchemist还允许设计师使用某些程序方法对材料进行手工修饰。重要的是,这个新工具还将赋予人工智能能力,例如,在编辑后调整扫描以获得更真实效果的能力。
Substance Designer将更多地用于创建平铺,动态和模块化的纹理。它通常用于创建一个基本材质库,其中的材质可以用于其他应用程序,比如Substance Painter。
Substance Source是一个基于物理的材质库,其中包含了大量的资源,可以让你的纹理、材质制作和3D艺术更进一步。在Substance Source中,每个人都有适合自己的东西,从程序化的Substance材料到手绘材料,再到100%基于物理的扫描。
1-3 Zachary Corzine Textile Techniques材质画家和设计师 4. Danil Tabacari Bold的形状和颜色-工艺和艺术品商店插图 5. Sebastian Marek 材质画家和设计师
6.2 Adobe Aero
Aero是Adobe的新工具,可帮助我们构建和共享沉浸式和交互式AR体验。该工具最好的特点是不需要编码或3D设计经验。我们可以在Adobe Creative Cloud中找到Aero。
1.BÜRO UFHO, Kvell Production, Aiman Farooq , Carrie Gotch , Benjamin Morrow Hope
6.3 Fresco
Adobe Fresco是一款专门为Apple Pencil和iPad打造的免费绘画应用,采用免费增值模式–你可以从免费的入门计划开始,然后升级到付费版本以获得高级功能。Adobe选择了Fresco for Ipad的月度计划,该计划的价格为9,99美元。这是一个很有意义的举动,因为Procreate是可以一次性购买的。你对此有什么看法?
1-2. Tavo Montañez The Monster Mash 2020 3-5.Cleonique Hilsaca Mayan Gods – Adobe Creative Residency Community Fund
转载注明:云瑞
原文地址:https://www.behance.net/gallery/107015729/2021-Design-Trends