欢迎文末投票,思考你的2020设计之路!

2019年还有最后2个月,
马尼亚的MiLo设计工作室
Behance上发布了
2020年的设计趋势报告!
这家工作室已经连续第5年发布对了来年设计趋势预测!


这虽然是一份国外设计工作室的研究报告,大多数趋势都是去年形成的,也很有可能和国内设计趋势有些偏差,但还是很值得参考,并且有一些值得追求的新趋势!


“最重要的趋势是那些与技术相关的,并且是由技术发展而来的,以及它们是如何影响设计世界的。”

该工作室把“动态设计与动画”作为2020年的主要设计趋势!

“对于2020年,我们认为运动设计是主要趋势,因为我们在所有设计领域都遇到了动画,从小的交互到logo和UI,一切都在移动。动画内容正在进入一个现代世界,在这个世界里,文字内容不再像以前那样吸引人。”

“正确的运动设计可以使运动的信息更快更准确的传达给受众。”


八个方向剖析:

1. 用户界面 / 用户体验
2. 插图
3. 动画
4. 平面设计
5. 基于技术的趋势
6. 包装
7. 排版
8. 热门的工具


01
用户界面/用户体验


1.1 夜间模式 (安卓Q和iOS 13)

夜间模式是 2020 年的一个新趋势,Android 推出了 Force Dark mode 和 System Dark mode 两种夜间模式。微软抢在谷歌之前,在其电子邮件应用中展示了他们的夜间模式,谷歌也很快就发布了自己适用于 Android 10 的 Gmail 夜间模式。


随着这一更新的发布,许多设计师将在他们的应用或网站中使用夜间模式,所以预计在未来的一年里会看到越来越多的夜间模式。



1.2 大胆的颜色

在过去两年里,鲜艳的颜色一直是一个重要的趋势,并将延续到 2020。大胆的色彩是丰富、明亮的、兼具活力的。它们可以作为主色调,也可以是次色调。



1.3 UI 插画


近几年来,插画一直是设计中最为强劲的趋势之一。用插画来表达观念,能让用户更好地理解产品背后的想法。好的插画不仅可以让概念更具创意,也可以更直观的表达主题。



1.4 叙事性

在设计中讲故事能帮助你的用户在你的平台中体验更简单和顺畅 (在 UX 设计中),一个好的故事能让用户能更容易地理解产品。为了讲述一个故事,我们可以创作出一个人物,赋予他一种人格,设计一个故事和一个问题,最终通过我们的产品解决了问题 (UI 设计)。这是产品设计讲故事的基础。叙事性在 UI 和 UX 中都有被使用,并且原则相同,只是实现方式不同。


1.5 动态图形和微交互

正如我们所说,动态图形是今年的趋势,它在 UI 设计中也表现得很突出,它为插图增加了力量,使想法更容易被吸收,并留在用户的记忆中。


微交互最早出现在 2018 年,但这仍是一个值得在2020年关注的趋势。这是 UI 设计中一个极其重要的趋势,决定了一个应用或网站是基本的还是特殊的区别。微交互在让用户理解系统如何工作并引导其获得更好的体验方面起着至关重要的作用。


如果你是一个 UI 设计师,还没有在你的设计中使用微交互,我们建议你去做,因为在 2020 年,任何没有微交互的 UI 设计都是非常简单的。



1.6 UI中的视频

在 2020 年,信息必须很快到达用户手中,最好的方法是通过视频内容来实现。无论你是选择动画还是传统电影形式来解释产品,视频内容都将是网站或应用必须具备的。



1.7 功能


功能是UI设计中一个至关重要的部分,每个元素都是根据其用途和功能来选择的。许多人认为你必须在设计和功能之间进行选择,但是随着新技术的出现,这两者可以很好地结合在一起并相互补充。设计负责将人们的注意力吸引到站点或应用程序上,其功能使体验更容易,让用户更快地找到信息。


1.8 注重细节


在 UI 设计中,注重细节是非常重要的。从按钮、图标、加载到导航,这些小细节构成了一个优秀的设计。我们在 UI 中需要注意的细节,总是随着新技术的出现而变化。


明年我们会看到越来越少的按钮,更多的基于手势的导航。例如,Android 的一个主要导航按钮“返回”,将在 Android 10 中正式消失。


1.9 渐变


近年来,我们一直在谈论设计中的渐变,值得一提的是,这种趋势将在 2020 年更加突出。鲜艳的颜色是一个成功的渐变完美的选择。它们可以用于按钮、图标、插图,甚至在排版中。




02
插画


2.1 角色设计


角色设计包括定义一个支持整个概念的角色。最重要的是,通过绘画,设计师给人物注入了强烈的个性。在应用程序或网站中遇到的虚拟助理就是角色设计的一个很好的例子。



2.2 肌理


插画和肌理结合能创作出令人惊艳的作品。你可以找到很多想法来添加肌理到你的插画中,从颗粒纹理到预先制作的笔触,或者你可以手动制作它们。在网上,你可以找到许多肌理和预先制作的画笔和工具,可以在你的插画中使用。



2.3 精细描边平面插图


在过去的几年里,平面插画随处可见。现在有一个新组合:应用于每个元素的细线描。大多数艺术家选择使用薄的黑色笔划,但它也可以上色,颜色要比目标物体的颜色深。



2.4 等轴插图


是的,等轴插图依然流行。它主要出现在 UI 设计中。随着人们对加密货币兴趣的增加,这一趋势开始显现,在 2019 年时这种趋势得到了发展,现在它开始渐渐出现在其他业务领域了。



2.5 3D插图


随着越来越高效的软件和工具出现,3D 插画变得越来越受欢迎,与 2D 不同的是它展现了更逼真的画面。



2.6 强烈的色彩


在插画中强烈的色彩是精彩的,因为它创造了明亮的氛围,让人物脱颖而出,并展现了图画背后的故事。




03
动态设计


3.1 3D 影像 


在2020年,我们无法想象没有 3D 的动画,它打开了一扇大门,进入了一个只有想象力是极限的世界。我们可以在商业广告、电影、游戏、广告活动和任何一个领域中看到 3D。


麦当劳C4D动画广告


3.2 视频+动态插画 (混合媒体)


拍摄的视频、生动的插画,有时还有静止的照片,这些结合在一起就能产生非凡的效果。2D 或 3D 插画可以创造过目难忘的视频,从几条线条动画到 3D 中的真实人物,甚至是在现实生活中不存在的复杂视觉效果。



3.3 2D动画-说明性视频


2D 动画侧重于创造故事和角色,并在创作过程中使用矢量。当你想要一个运动或产品的解释视频,2D 是完美的选择。在一个总是忙忙碌碌,没有时间阅读的世界里,解释性视频是网站的必备品。



3.4 动态 LOGO


在 2020 年动画已经成为“必须品”,为了保持竞争力,我们也必须把他们整合到 LOGO 设计中。许多公司已经开始让他们的 LOGO 动起来,为了吸引人们的注意力。这也是 LOGO 设计的主要趋势。



3.5 混合动画 – 2D、3D 一体化


这种趋势并不新鲜,但绝对值得一提。混合动画是关于结合二维和三维使用特定的软件,创造了这一点。



04
平面设计


4.1 平面设计中的3D


虽然 2D 独占了设计的这个分支,但 3D 可以为最终的概念添加额外的东西。三维渲染可以是插图、动画或字体的形式展现。



4.2 双色


“少即是多”的概念完美地描述了这一趋势,设计师创造了大胆的元素,带有优雅的触感和强烈的对比。这种趋势是创造一个更容易接近的印刷的完美选择,因为某些技术印刷更多颜色成本会增加。



4.3 光学感知艺术


光学感知艺术作品是抽象的,有许多知名的黑白作品。通常,它们给观看者留下动感,隐藏的图像,闪烁和振动的图案或肿胀或翘曲的印象。


这种趋势给人的印象是动态的,但却是静态的。如果您想在印刷海报中实现移动图形的想法,这是最合适的方法。

4.4 平面设计中的插画


插画在设计的各个领域都是非常重要的,所以我们在平面设计中也可以看到插画。2D 插画在近几年非常受欢迎,即使在 2020 年也将继续是设计师的最爱。



4.5 动态海报


动画无处不在,我们在设计的各个领域都能找到它们,当然它们也出现在数字海报中。尤其是结合了 2D 和 3D 的动态海报,效果非常棒。


4.6 复古合成风


复古合成风是在 80 年代出现的一种趋势,但在好莱坞开始发行那个年代的电影后又重新出现。随着 Stranger Things 系列的成功,这股潮流又开始流行起来。


4.7 瑞士风格、达达主义、包豪斯


20 世纪平面设计中最重要的运动往往是最优秀设计师的灵感来源。这些风格是值得一提的,因为它们总是最新的,遵循它们所规定的规则几乎不可能在设计中犯错误。总的来说,这些运动强调排版,无衬线字体 ( Helvetica 是1957年在包豪斯的舞台上创造的) 几何形状,简单的线条,体积和颜色。


4.8 大面积彩色空间 


这将是明年非常流行的趋势。与一个大胆的排版搭配,可以在平面设计、产品设计以及用户界面中找到。



4.9 超极简主义


超极简主义设计只使用必需品,非常有限的色彩和简单的形状来创建一个难忘的元素。放弃多余的,让所有的设计项目都有一个目的。为了创造一个极简主义的设计,你需要使用尽可能多的白色/负空间,一个简单的配色方案和一些基本的几何形状。



05
基于技术的趋势

科技正在用智能设备和全新的理念给我们的生活带来革命性的变化。这些新技术使得设计师们已经开发出了符合当前趋势的新功能。人工智能、机器学习、虚拟现实和增强现实正在影响着设计师们的思维方式和创作方式。


5.1 AR 应用程序


随着苹果和谷歌推出各自的 AR 开发平台 ARKit 和A RCore,很明显 AR 技术时代即将来临。


许多大品牌已经在他们的应用中采用了这种技术,而那些还没有这样做的,必须认真考虑如何让用户在这种新的现实中与之交互。

有一些 AR 交互可以应用在程序中。第一个是体现在手机屏幕中,另一种是与用户周围的环境结合。最常用的交互之一是当 UI 与对象相关并通过扫描特定项来触发它时。该动作将数字动画连接到特殊的“标记”上。


5.2 人工智能、机器学习、聊天机器人和虚拟助手


聊天机器人是一种通过听觉或文本方法进行对话的软件。这样的程序经常被设计用来令人信服地模拟人类作为会话伙伴的行为,尽管到 2019 年,他们还远远不能通过图灵测试。


人们还不习惯与人工智能交谈,因此设计师 (和开发人员) 的一大部分工作就是简化过程并建立信任。他们需要帮助人们理解这个系统可以做什么,以及如何使用它。


在 AIML(Artificial Intelligence Markup Language)中设计和编写聊天机器人的脚本是一个优秀的 UX 设计师的魅力所在。很多公司都会使用聊天机器人作为助手来为用户解决问题,以下是一些在其 UI 设计中使用聊天机器人的品牌:Spotify,星巴克,万事达卡,丝芙兰,Lyft,必胜客。



5.3 VR


大多数人将 VR 与游戏产业联系在一起,这是有原因的,但所有主要的科技公司都在开发 VR 工具包和应用程序,我们可以肯定地说,我们将发现使用和享受这项技术的新方法。VR 已经在教育、医疗、旅游、房地产或建筑领域得到应用。



5.4 语音用户界面(VUI)


语音用户界面 (VUI) 使得人机对话成为可能,它使用语音识别来理解语音命令和问题,通常是文本到语音来播放回复。语音命令设备 (VCD) 是由语音用户界面控制的设备。来源:维基百科


在过去的一年中,40%的使用互联网设备的人每月至少使用一次语音助手,这一数字比去年增加了10%。


06
产品设计


6.1 包装上的图案


在一个过度饱和的包装市场中,很难创造出引人注目的新产品,所以设计师们回到根本,创造出能让产品在拥挤的零售货架上脱颖而出的图案。在任何产品的包装上,无论是几何图案,花卉,浪漫的或单一类型的图案都是一个大胆的选择。



6.2 包装上的插画


插画一直是包装设计中一个强大的元素。通过它们,我们可以讲述一个故事,让目标受众更好地理解概念背后的历史。平面插画已经存在了几十年,它们很有可能永远都是一种潮流。



6.3 留白


极简主义是设计的一个基本原则,这在今天仍然是新颖的。它放弃了设计中所有不必要的东西,取而代之的是负空间。这一趋势把功能最大化,专注于减少多余设计,排版而脱颖而出。




6.4 单色 & 双色


在色板中只使用1或2个色调似乎有些限制,但它们可以创造出一个非常强大的视觉系统。只使用一种或两种颜色,你可以保持一个极简主义的外观,放弃一切额外的东西。其结果是一种精致、优雅、赏心悦目的产品。


6.5 大胆的配色


大胆的颜色和渐变仍然是一个非常强大的趋势,将持续到 2020 年。使用这些颜色,你可以创造一个令人难忘的产品。



6.6 注重细节(灵感来自新艺术主义)


关注细节的软件包比以往任何时候都更受欢迎。设计师之所以选择这种趋势,是因为它赋予了产品真实性。这种趋势让我们以一种现代的方式思考经典。


6.7 包装中的叙事性


到 2020 年,各品牌将不得不重新考虑它们的产品和包装。品牌必须讲故事,帮助顾客体验产品的精髓。这可以通过创建包装的视觉和叙事身份来实现。











07
板式


7.1 粗体印刷


粗体是排版设计中的一个重要趋势,它取代了图像作为主要元素。粗体可以让网页设计和平面设计与众不同。



7.2 小写字母


越来越多的应用程序使用完全小写的文本,非常容易阅读,并完美地融入到极简和现代的设计。明年我们一定要密切关注这一趋势。



7.3 自定义字体


尽管自定义字体没有什么新意,但我们将看到这种趋势越来越多地出现在设计中,尤其是在 LOGO 和海报设计中。这种做法在大品牌中更为常见,因为定制一种专用字体的成本相当昂贵,但设计师可以对现有字体进行小的调整,效果也会非常独特。


7.4 动态字体设计


正如我们所说,动画在设计中无处不在,所以在字体排版中也能找到它们是常态。动态字体使用小而简单的交互来移动和移动屏幕上的字体。这个简单的技术操作文本,并创造一个最终的产品,留在观众的记忆。



7.5 堆叠字体


堆叠文字可以是一个现代的解决方案,吸引你的注意力到基本信息。我们可以在网页设计、应用程序设计以及平面设计中看到这一趋势。




08
趋势工具


8.1 Adobe Spark


Adobe Spark 是 Adobe Systems 开发的用于手机和网页的软件集。它由三个独立的设计应用程序组成: Spark Page、Spark Post 和 Spark Video。


他的免费 Adobe Spark web 应用程序与 Spark Page、Spark Post 和 Spark Video iOS 移动应用程序同步,用户可以在任何设备上创建、编辑和分享他们的视觉作品。可用于企业、教育、社交媒体营销等。在使用这三个应用程序时,用户可以导入图片或搜索图片。



8.2 Procreate


Procreate 是 Savage Interactive 为 iOS 开发的数码绘画 APP。针对 iPad 设计的,并且适用于初学者和专业人士人群。它提供 130 多个逼真的笔刷、多层、混合模式、遮罩、4K 分辨率的过程视频导出、自动保存和许多其他经典和原始的数字艺术工具。除了栅格图形,这个软件有有限的能力编辑和渲染文本和矢量图形。(来源:维基百科) 它是2018年 App Store 上最畅销的应用。



8.3 Adobe XD


Adobe XD 是由 Adobe Inc. 开发的基于矢量的 web 应用程序和移动应用程序用户体验设计工具。它适用于 macOS 和 Windows ,不过也有 iOS 和 Android 版本可以帮助直接在移动设备上预览作品。XD 支持网站线框图,并创建简单的交互点击原型。(来源:维基百科)



8.4 CINEMA 4D

C4D 是德国 MAXON 出品的 3D 动画软件,C4D 简单易学且内建强大的 Mograph 功能,可以轻松玩转动态效果。由于其出色的视觉表达能力已成为许多视觉设计师首选的三维软件。近年来,越来越多品牌:Apple、腾讯、Google、Oppo 等企业都喜爱用 C4D 动画短片进行品牌和产品宣传。



—END—


更多资讯
 2020年Pantone色彩趋势发布!
 iPad版Photoshop上架App Store!
 黄海为易烊千玺新作《少年的你》设计了海报!
张靓颖这是要抢设计师饭碗?连刷2次红点奖!
江一燕,获美国建筑大师奖?
 刘雯工作室大曝光!
2019上海国际设计周主视觉形象!
这些IP形象,你认识哪些?
2019 Pentawards包装届“奥斯卡”揭晓!
 金鸡奖海报设计师,最初竟“走街串巷”免费做设计!


更多可能
资讯投稿、话题征集、合作互推、社群订阅资讯、加入社群
-欢迎公众号后台联系我

可能是每日“最全的设计资讯”公众号
尽早关注
长按关注“设计早餐”
(设为星标,相约每一个早晨)

本篇文章来源于微信公众号: 设计早餐