趋势总体来说还是跟着技术走的。以前 2G、3G 网络受限于传输速度,那时候流行的是像素设计,然后慢慢的支持更大的图片,到现在 3D 设计、视频动画设计流行起来,这背后很多都是依赖于技术的升级,硬件的升级才得以落地。
所以看待设计趋势,不应该只受限于设计领域,平时多看看设计之外,比如技术趋势,硬件趋势都可能给设计带来灵感。多留心观察,扩展自己的视野,说不定你也能成为下一个趋势的弄潮儿。
这是我们连续 5 年针对未来设计趋势发布预测了。在过去几年中,我们获得了非常多积极的反馈,这不断激励我们在设计领域发现和探索设计的新趋势。虽然大多数趋势都是过去一年就已经形成的,但在 2020 年,我们还是会有一些值得追求的新趋势。
动效设计和动画设计
彩云注:这个标题原文是 Motion 和 Animations ,我相信很多人可能会分不清,我在这里解释一下。Motion 我翻译为动效,比如 Loading 动画,没有任何故事性的设计;而 Animations 我翻译为动画,类似于动画片,是有故事性的。
在 2020 年,我们认为动效设计会是主要趋势,因为在几乎所有的设计领域都能用到动效,从微动效到 Logo 和 UI,一切都在动。动画内容正在进入一个全新世界,在这个世界里,纯文字内容不再像以前那样吸引人了。
正确的动效设计可以使信息更快更准确的传达给受众。
△ 01.theQoos Brand Illustration by Min kyung ;02. Legion Season 3 by Nick Scarcella ;03. Solvent - Making Cannabis Banking Open by BluBlu Studios ;04 Cloud services(animated icons)by Alexander Baleev ;05. VIRAL by Ambre Collective , Thibault ZELLER , Jonathan Plesel ;06. UXC_Design2020_Project Research by Donerzozo
UI/UX
1. 深色模式(android Q and iOS 13)
在这个新的 UI/UX 趋势中,深色模式成为了主流。这种模式不仅有助于减轻眼睛疲劳,还能提高可读性。许多应用程序已经开始采用深色模式,以适应用户的需求。因此,在 2020 年的 UI/UX 设计中,深色模式将成为重要的一环。
以下是重构后的内容:
随着科技的不断发展,2020年的设计趋势也在不断地变化。在过去的一年中,我们可以看到许多新的设计趋势的出现,其中最受欢迎的是深色模式和大胆鲜艳的配色。此外,更多的插画也被应用在UI中。
深色模式会成为 2020 年的新趋势,Android 推出了两种深色模式,分别叫 Force Dark Mode 和 System Dark Mode。微软抢在谷歌之前在他们的邮件应用中首先更新了深色模式,谷歌紧随其后,也在他们的 Android 10 中的邮件应用 Gmail 中跟进了这个模式。随着这一波更新的发布,许多设计师将会选择在他们的设计中使用这一模式,所以预计在未来的一年里会看到越来越多的深色模式。
大胆鲜艳的配色在最近两年成为了一种很重要的趋势,在 2020 年这一趋势将会继续。这些颜色丰富、明亮、充满活力。它们既可以作为主色也可以作为辅色。例如,EMART UX/UI RENEWA by Plus X、NSH by Sofiya Fedotova、Eldorado Casino - Mobile Web UI、mmcité+ website等等。
最后,越来越多的插画被应用在UI中。插画设计一直是设计领域中最热的趋势之一。它是一种很好的视觉符号来帮助用户理解产品背后的故事,配上一些好的创意概念,使得信息传达得更快。例如,The Automated Hack Series #21-25、Flipd app等等。
希望这能帮到你!
. Redesign of Raken by Sylvain Theyssens and Antonin Collard
2. Medical Project "Reliefy" by Marcin Pankiewicz Gorzów and Miłosz Pożarkowski
3. Book Covers Design for Audiobook Store "ABUK" by Sergey Valiukh, Tubik Studio
4. Illustration System for GOL by Estudio Pum
5. Smart Home App - IOS "Smart Home" by Maria Osadcha
6. Skilling Trading (skilling.com) - Loredana Papp-Dinea, Mihai Baldean
7. YoGO - Trip Planner App "YoGO" by Julie Truong
8. UX/UI | Food Delivery App by Konstantin Seredkin
9. cooc by cuneyt sen
为了增加产品的故事性和微交互动效,我们可以通过以下方式进行设计:
1. 创造品牌人物并赋予其人格,为其制造故事和冲突,以帮助解决产品问题。在 UI 和 UX 中都有使用讲好故事的基础,只是落地方式不同。
2. 利用动效为插画增加丰富的细节,强化信息传达,提升记忆点。微交互的概念最早出现在 2018 年,但这是一个值得关注且在 2020 年趋势的趋势。它们在让用户理解系统如何工作方面扮演着非常重要的角色,决定了一个 App 或网站是普通还是优秀的区别。如果你是一位 UI 设计师但还不会在工作中用微交互,建议尽快学习,因为在 2020 年的 UI 设计工作中,缺少了微动效,整个产品都会黯然失色。
△ UIUX设计趋势:在2020年,随着信息传播速度的加快,视频成为推广产品的最佳载体。无论是通过动画还是电影的形式,视频都是网站和应用必须具备的功能。以下是一些具有代表性的UI/UX设计项目:
1. 智能药房App:Anastasia M和Sergey Nikonenko设计的Smart Pharmacy app
2. 气候变化与动物灭绝危机网站:Daniel Tan和Daphnie Loong设计的Climate & Animals: Extinction Crisis Website UI/UX
3. Flying Veggies:Patricia Reiners的作品
4. UKRPOSHTA移动应用:Ilona Kim设计的乌克兰国家邮政Mobile app
5. 无声警报应用:Tagir Tikeev为聋哑人士设计的应用
6. 将视频融入UI设计中:Adam Zielonko、Toto Castiglione、Wiktor Półtorak、Iryna Korshak和Netguru Team合作设计的Pockee(家庭银行应用)
7. 关注功能性:UI设计中的功能性至关重要。每个元素的设计都基于其目的和功能。随着技术的发展,视觉和功能可以很好地兼顾。设计的目的是引起用户注意,而功能则让体验变得简单,帮助用户更快地找到所需信息。例如,Loredana Papp-Dinea和Mihai Baldean设计的Skilling Trading(skilling.com)。
8. 追求极致细节:在UI设计中,关注细节非常重要。从按钮、图标、Loading指示器、导航等各个方面都需要做到极致设计。随着新技术的出现,我们需要注意的细节也在不断变化。例如,FLYR Visual Identity and Marketing Website由Ramotion设计,明年我们可能会看到更多基于手势的导航,如Android的主要导航按钮“返回”将在Android 10中消失。
近年来,渐变设计已经成为一种趋势,预计在 2020 年将更加流行。鲜艳的色彩是渐变设计的绝佳选择,可以应用于按钮、图标、插画以及文字等元素。以下是一些建议的渐变设计案例:
1. Wavecut - IOS Application by Eleken Agency
2. Product design(UX/UI)- anti-depression app by Anna Arutiunian
3. Paul Ilea - Film Score Composer, Producer, DJ, Perfomer by Loredana Papp-Dinea , Mihai Baldean , Milo Themes
4. ITEXIA by Nextpage Agency , Alex Seagull , Jegor Walowski
插画设计方面,以下是四个建议的案例:
1. Newly Tiny Things • Children's Picture Book by Vuon Illustration, Vinh Nguyen, Rong Pham
2. Adobe x Createfulness by Maïté Franchi, Matthieu Tarwane
3. 3D Characters V2 by Antonio Petit Cwirko
4. Malayali by Danny Jose
角色设计方面,以下是四个建议的案例:
1.角色需要符合整个品牌概念的形象。通过插画,设计师需要给角色注入强烈的个性特征。当你在 App 或网站中遇到虚拟助理就是角色设计的一个很好的例子。
2.插画和纹理是一对非常棒的组合,能够创造出令人难忘的画面。你可以自己制作笔刷,也可以在素材网站上找到非常多的纹理和笔刷预设,能很方便地把你很多的创意想法和图案纹理加入插画中。
3.扁平描边插画
总之,这些案例展示了渐变设计在各个领域中的应用和可能性。随着渐变设计的流行,设计师们可以尝试将这一趋势应用到自己的作品中,以提升作品的视觉效果和吸引力。
在过去的几年里,扁平插画已经成为了设计界的一股主流趋势。从社交媒体的图标到广告和产品包装的设计,扁平插画无处不在,而且这个趋势似乎还没有消退的迹象。然而,随着时间的推移,我们可以预见到这个趋势会有一些新的变化出现。
首先,我们可以看到每一个元素上都会画上一条细的描边。这种描边通常使用黑色,但其实也可以使用其他颜色,只要颜色要比插画的主色深一些就可以。这样的设计可以让插画看起来更加立体和有深度。
其次,轴测图(也叫2.5D)也会继续流行。这种设计主要应用于UI设计,它的起源可以追溯到虚拟货币领域。但在2019年,这种设计已经得到了广泛的应用,并被应用到了许多其他领域。
此外,3D渲染也开始发生变化。随着越来越多的高效软件和工具的出现,3D元素已经开始变得越来越受欢迎。与2D不同,3D可以提供更为逼真的效果,因此它正在逐渐取代2D成为一种新的设计趋势。
最后,大胆的配色也开始在插画设计中占据重要地位。这些鲜艳的颜色能够为插画增添强大的表现力,使人物形象更加生动鲜明,同时也能在背景中创造出丰富的视觉效果。
总的来说,虽然扁平插画仍然会继续流行,但是在未来的设计趋势中,我们可以看到一些新的元素和技术的出现,这些都将为我们的设计带来更多的可能性和创新性。
在 2020 年,动态图形已经成为了设计领域的一个重要趋势。3D 技术的应用让设计师们可以创造出更加生动、立体的效果,而视频+动画插图(混合媒体)则让设计师们可以将拍摄的视频、生动的插图和静止的照片结合起来,创造出令人难忘的视觉效果。此外,2D 动画也成为了介绍性视频的首选,因为它可以聚焦于创作故事和角色,并以矢量形式居多。最后,动态 Logo 的设计也成为了一种趋势,许多公司已经开始运用动态 Logo 演绎来吸引用户的关注。
△ Cuppa by Victoria Ng 02 - 07. Motion Beast ✕ Logomachine. Logo animations by Motion Design School, Víctor Villamarín , Bogdan Dumitriu , Logomachine .net , Alexander Kuznetsov , Zack Lee , Denys Siurin , Stanislav Marchenko , Lizaveta Tsareva , Supremus Levenus , Anton Fomin , Emile Khafizov, Ach Hadda
5. 2D与3D的混合动画 这种趋势并不新鲜,但绝对值得一提。通过一整套软件流程,将 2D 与 3D 的动画结合到了一起。(彩云注:比如可以用c4d+ae组合的软件制作流程)
平面设计中运用3D元素 虽然在平面设计领域主要是用 2D 元素来呈现的,但 3D 元素的加入可以为画面增加了更多的视觉体验。3D 元素可以是插画,动画或者字体等形式。
双色 少即是多,这几个字非常完美的诠释了这一趋势,在其中设计师运用大胆的元素,优雅而又对比强烈。这种趋势非常适合印刷,如果颜色过多,印刷费用和技术要求也更高。
欧普艺术 是抽象的,很多著名的作品只有黑白两色。通常,它们给观众的印象是动感,神秘,闪烁或抖动,膨胀或扭曲的。这种趋势是以静态的画面,但能给人动感的视觉印象。如果想在印刷海报中实现这种「动态图形」,这是最合适的方法。
平面设计中应用插画
插画在所有设计领域都非常重要,因此在平面设计中也能表现良好。2D 插画在最近几年极为流行,预计在 2020 年以后将继续受到设计师的喜爱。动画无处不在,我们在设计的各个领域都能找到它们,甚至在一些线上海报中也有使用到。动画混合了 2D 和 3D 元素,效果非常出色。
此外,复古科技风(赛博朋克)也是一种值得关注的趋势。这股浪潮最初出现在 80 年代,但近年来随着《怪奇物语》系列的成功而重新流行起来。瑞士平面风格、达达主义和包豪斯等传统设计风格也是值得一提的,因为它们是经典的、历久弥新,遵循这些规则几乎不可能在设计中犯错。总之,这些风格强调版式、无衬线字体、几何图形、简单的线条、体积感和颜色等元素的运用。
大面积连续的色彩空间也是一种即将流行的趋势,它们大胆的排版及搭配可以在平面设计、产品设计以及 UI 中找到。最后,极简主义也是近年来备受推崇的设计风格之一。
希望这能回答你的问题!如果你还有其他问题,请随时问我。
极简主义设计强调使用必要元素,通过简单有限的颜色和形状来创造难忘的画面。为了实现这一目标,设计师需要尽可能多地使用留白、简单的配色方案和基本的几何形状。以下是一些极简主义设计的示例:Heim magazine n.3 by Sasha Yaguza 和 Andrei Gheorghe - DADA - Publishing by moodley brand identity。
科技正在以智能设备和全新理念的方式对我们的生活带来革命性变化。这些新技术已经开发出符合当前趋势的新功能,如人工智能、机器学习、虚拟现实和增强现实。这些技术正在影响着设计师们的思维方式和创作方式。例如,增强现实的移动应用已经成为一个大趋势,许多大品牌已经开始在他们的应用中采用这些技术,而那些还没有这样做的,必须认真考虑如何让用户体验这种新的交互方式。此外,AI、机器语言、聊天机器人和虚拟助手也是当前热门的技术领域。
虚拟现实(VR)技术在游戏产业中的应用已经相当广泛,但随着各大科技公司纷纷投入开发VR工具包和应用,我们可以预见到未来将会有更多新颖的使用方式和体验。目前,VR已经被应用于教育、医疗、旅游、房地产和建筑等领域。
此外,语音用户界面(VUI)也正逐渐成为人们与计算机交流的新方式。通过语音识别技术理解用户的语音指令,并将其转化为文字或语音输出。据统计,过去一年中,超过40%的互联网设备用户每月至少使用一次语音助手,这一数字比去年增长了10%。
在产品设计方面,包装图案是一个重要的元素。在一个竞争激烈的市场环境中,设计师们正寻求独特的设计来使他们的产品在货架上脱颖而出。几何图形、花卉、浪漫或单色图案都是包装设计的大胆选择。
插画一直是包装设计中的一个强大元素。通过这些插画,用户可以更好地理解产品背后的故事。插画已经存在了几十年,很有可能它们永远都是一股潮流。例如,Hee Jae Kim设计的Briggs Original咖啡豆包装、Anton Malishev和Oh Carola设计的Velvet Coffe Cups等。
此外,留白已经成为设计中的一种基本原则。极简主义的设计风格以留白取代了任何无用的元素,带来了干净的设计效果,同时也让字体更加突出。这种趋势已经在许多设计师的作品中得到体现。
. A SCENT Essential Oil by Yu-Chien Lin, Huang Wun-Siang , Chi Tai Lin
2. Rebranding concept for Bodri Pincészet by Kristóf Gáthi
3. Single and Double Colors
The use of only one or two colors may seem to limit design possibilities, but it can also create a powerful visual identity system. By using just one or two colors, a product can maintain a minimalist appearance, devoid of any unnecessary elements. The result is a sophisticated, elegant, and pleasing-to-the-eye product.
4. Bold Colors
Bold colors and gradients continue to be a strong trend in 2020. Using the right color palette can help you create unforgettable products.
5. Emphasizing Details
Attention to detail is becoming more popular in packaging design than ever before. Designers are choosing this trend because it adds to the perceived quality of the product. This trend allows us to reimagine classic designs through a modern lens.
6. Storytelling Through Packaging
The trend of packaging that tells a story is gaining popularity among designers. This approach allows them to convey information about the product's origins, ingredients, or even its production process to customers.
7. Simple Yet Inspiring Design
Sometimes, the most impactful designs are those that are simple yet inspiring. These designs often rely on minimalism, clean lines, and bold typography to create a lasting impression on the viewer. By using these techniques effectively, designers can create products that stand out from the crowd while still maintaining a professional and cohesive look.
重新思考产品和包装:到2020年的视觉设计趋势
随着时间的推移,各个品牌将不得不重新评估他们的产品和包装策略。在2020年,品牌必须更加注重讲述故事,帮助顾客体验产品的核心价值。而这种讲述可以通过精心设计的包装视觉来实现。以下是一些在包装设计中可以采用的设计趋势:
1. 粗体字设计
粗体字设计正成为一个重要的设计趋势,它有潜力替代图片成为主要的视觉元素。新颖的粗体字设计能在网页设计和平面设计中发挥独特作用。例如,Beak Pick by Backbone Branding 和 Coloreat by Backbone Branding 都展示了粗体字设计的魅力。
2. 小写字母
越来越多的应用开始使用完全小写的字母,这种简洁、易读的设计风格与现代设计中的极简主义理念完美契合。因此,明年我们可以期待这一趋势的持续发展。例如,Autea Branding & Web Design by Michał Markiewicz 和 Yamadai Food Corporation CI by Masaomi Fujita / tegusu Inc. 都采用了小写字母设计。
3. 自定义字体
虽然自定义字体并非新鲜事物,但我们可以看到这种趋势在设计中的应用越来越广泛,尤其是在Logo和海报设计中。对于大品牌来说,生产一种专用字体可能相当昂贵,但设计师可以通过对现有字体进行微小的调整来实现独特的效果。例如,Think8 Global Institute by Blok Design 和 ZINEZŐ // design periodical by Barbara Katona, Media & Design Department Eger 就展示了自定义字体的创意应用。
4. 动态字体
动态字体是一种非常吸引人的视觉元素,它能够为包装设计增添趣味性和活力。随着技术的发展,动态字体在包装设计中的应用将越来越普遍。例如,TYPE DESIGN '19 by TRÜF Creative 和 Cako typeface by Violaine & Jeremy 都展示了动态字体的创新运用。
总之,到2020年,品牌需要更加关注产品和包装的视觉设计,以便更好地讲述故事并吸引顾客。从粗体字设计、小写字母、自定义字体到动态字体,这些设计趋势将为品牌带来新的灵感和创意。
设计趋势在字体设计中,动画元素无处不在。动态字体通过屏幕上的小形变和移动进行设计,这种简单的技术可以为观众留下深刻的印象。以下是一些具有动画效果的字体设计作品:△01 &02. Grafika by Gimmick Studio △03 &04. Augmented Reality & Motion Typography by Alex Slobzheninov
堆叠文字是现代设计中的一种趋势,旨在引起用户的注意力。我们可以在网页设计、应用和平面设计中看到这一趋势。以下是一些采用堆叠文字的设计作品:△01. L'Om by Atipus Barcelona △02. Journal by Gemma Mahoney △03. poster collection | vol.8 by Roman Post △04. SMLXL by Melissa Baillache, Mat Groom, Jason Little
工具趋势方面,近年来出现了一些新的设计工具和技术。以下是一些值得关注的工具:
1. Adobe Spark
Adobe Spark 是 Adobe 推出的一款集成套件,用于创建移动和网页媒体。它包含三个独立的设计应用:Spark Page、Spark Post和Spark Video。这些免费的应用可以让用户在任何设备上创建、编辑和分享他们的作品。这三个设计应用允许用户创建和设计可用于企业、教育、社交媒体等领域的视觉内容。Spark 图库可以突出显示用户所做的不同项目。使用这些应用的时候,用户可以导入和搜索图片。
2. Procreate
Procreate 是 Savage Interactive 为 iOS 开发并发布的绘画 app。它针对 iPad 而设计,适合初学者到专业人士使用。Procreate 提供了超过 130 个逼真笔刷、多图层功能、混合模式、遮罩、4k 分辨率导出、自动保存以及其他许多经典应用都有的工具。然而,它的缺点在于编辑和渲染文本及矢量图形的能力有限。
3. Adobe XD
Adobe XD 是一款为网页和 app 而设计的矢量工具,由 Adobe 开发并发布。它有 Windows 和 mac 版本,在 iOS 和 Android 上都有可以预览的工具。XD 可以支持网页原型和制作简单的交互行为。
总之,随着设计领域的不断发展,动画、堆叠文字等趋势将继续流行。同时,新的设计工具和技术也将不断涌现,为设计师提供更多创意空间。