2018年的22大设计流行趋势与案例分享

前言:魔镜魔镜,现在最酷的设计潮流是什么?
2017年见证了移动趋势在设计上变得越来越重要:我们倾向于认为,2018年趋势将会继续,响应性标志等元素成为设计师的关键。我们可能还会看到活力和动力颜色的优势,定制的插图,以及更多的创造力。
2018年将是充满色彩的振动和运动的一年:听起来令人兴奋,对吧?

01 未来的装饰主义
回到21世纪初,未来似乎和我们在矩阵中看到的一样:数字、技术、机器人、脉冲灯的滚动序列。
当电影从现实中走得更远时,这种场景就失去了吸引力,因为现实比想象的要少。
但最近我们看到了这些机器人趋势,当谈到分析或大数据时:即使数字比黑客世界更令人兴奋,未来的装饰主义仍将在2018年出现。

项目:汽车集群效应探索过程

项目:皇冠科技宇宙飞船数据可视化概念

02 简洁&舒适
每年我们都会学到一些关于设计的新东西,2016年也没有什么不同。
在去年的文章取得了如此大的成功之后,我们决定对2017年进行一些预测,让我们开始吧!设计趋势受到媒体,科技时尚产业,以及最近的可用性的影响。
一种趋势慢慢地,逐渐地进入所有的设计分支,然后以完全相同的方式消失。

项目:快速眼动

项目:WaveOC公司网站重新设计

03 额外的深度(半扁平设计)
回到21世纪初,未来似乎和我们在矩阵中看到的一样:数字、技术、机器人、脉冲灯的滚动序列。
当电影从现实中走得更远时,这种场景就失去了吸引力,因为现实比想象的要少。
但最近我们看到了这些机器人趋势,当谈到分析或大数据时:即使数字比黑客世界更令人兴奋,未来的装饰主义仍将在2018年出现。


项目:耐克推广广告-视差效应

04 响应标志
当移动电话呼叫时,标志会响应。
在未来越来越多的移动体验中,桌面越来越失去重要性,品牌本身必须适应它的新竞争,不管是智能手机、平板电脑还是横幅。
响应性的标志对于设计师来说至关重要:一个品牌必须能够展示自己,无论其大小和空间是什么。
对设计师来说,具有刺激性的挑战将是2018年必须具备的。

项目:英超联赛的谷歌耐克Air
05 定制的插图

股票不摇滚。
这就是为什么在2018年我们将会看到更多的定制设计和插图,以及由于股票图标和艺术品而导致的不太一样的原因。
一个品牌的个性化设计从设计开始,在绘画和插图上找到一种品牌语言,这将使任何网站变成独一无二的、明确的ID卡,从第一次登陆时就可以使用品牌的声音。

项目:生命周期
06 动画 GIF 电影

我们喜欢移动它,移动它!
随着gif动画的社会爆炸,动画在网络上变得越来越大。使用移动元素等
作为横幅或英雄形象,保证了一项引人注目的战略,对时事通讯和登报有价值,比如引人注目的页面。
或登陆页面。
2018年很可能会看到电影的回归趋势(稳定的画面,比如一个移动的元素,比如一个杯子
从它的烟雾中冒出)。
重要的是永远不要停滞不前!

项目:Neo Kids-on登机概念


07 微交互

他们到处都是。
每次你喜欢Facebook上的东西,或者在移动应用上滑动,你就会接触到微交互。
考虑到他们的目标是吸引用户并保证动态用户体验,他们的工作非常出色。
元素变成了液体:按钮可以变成其他东西,所有的表面都变成了可以触摸和使用的动画场景。
我们打赌他们也会在2018年统治。





08 集成的动画
轻微的,但常数。
集成动画的移动从来都不是入侵性的,但它会持续地引导用户浏览他们的导航体验,或者通过在页面加载时保持忙碌,或者通过与页面上的元素和动作进行交互,比如滚动或聚焦某个区域。
角色的出现可以帮助用户找到身份识别的角色,从而增强与网站的互动,并建立一个实际的叙述路径。



09 讨厌的明亮渐变
有时他们回来。
渐变大约10年前被禁止使用,由扁平设计取代,渐变正见证着他们第二次辉煌的时代——从Spotify和Instagram这样的巨人开始,他们在2015年将他们带回来。
渐变2.0没有他们的老亲戚那么凌乱:颜色很有区别,可以产生双音效果。比起占主导地位的趋势,渐变设计更多的是一种增强,而渐变现在变成了新鲜、凉爽、数字时代的代名词。


项目:每天的海报-集合2 Elje-群组网站
10 半真实的3D

3D一直都是一个大爆炸,而且在2018年,它肯定会引领很大一部分设计趋势。
它的力量是用一种非常微妙的方式来玩弄小说和现实,有时根本不可能分辨出其中的区别。
是一幅画还是渲染作品?
界限越来越模糊。

项目:耐克标识


随着现实与虚构之间的游戏变得越来越难,难度越来越大,3D也会挑战未来的设计趋势。
当有机和非有机的相遇时,设计将阴影和色彩转换成固体、金属元素,从物体和产品中倾泻而出。
这种效果是如此的具体,以至于你可能想要触摸和感受那些液体、冰冷、光滑的表面,几乎很难相信它仅仅是在屏幕上。
不能碰吗? !



项目:黑金盲
12 单色3D设计

当3D展示更加困难,并且从一个相同的背景中产生一个物体时,会发生什么呢?
使用一种颜色3D,无论是离线还是在线,设计师都可以用一种深度和阴影的技巧来吸引观众的眼球。
尽管没有对比,但效果是平滑的,充满了体积,而我们看到的是产品从墙上跳出来。
这是一种神奇的魔力,将在2018年左右出现。

项目:Magrela爆米花亚马逊饮料

13 80年代-90年代的颜色&图案
这是我以前看到过的吗?
当然:80年代和90年代的颜色和图案都带着它们那恶毒的粉色和大胆的对比回来了。
这种怀旧的气候只是一种循环的趋势吗?
还是因为那些聪明而疯狂的孩子们正成为今天的设计师呢?
他们的旧玩具和他们的妈妈有时会有问题,这是这个充满活力的、活泼的趋势的灵感来源,它把嚼口香糖的味道带回到过去的美好时光,而不仅仅是一些当代的氛围。


项目:BLIINK鉴别

项目:80的灵感模式
14 大胆的字体

1。
一个字符与字符。
即将出现的一种趋势将会出现打印错误,它将成为设计本身的主题,作为一个包含图像的遮罩。
这封信立刻成为了主角和框架,给任何一页带来了难以抗拒的吸引力。
2。
有人试着拍无衬线,但是他们没有成功,老家伙们又回来了。
无衬线字体将不再是必须的,并且使用衬线字体将会为创造性的布局打开更多的场景。
3。
大尺寸是未来。
2018年将会给设计趋势带来大而大胆的 big and bold typo。
这些信件将变成模块化的元素,以创造令人兴奋的创新艺术品。


项目:博尔登

项目:培育数字数字火山

15 创意排版
看了一段时间,不仅有创意的排版在2018年不会被搁置,而且它肯定会成为未来一年的主要趋势之一。
正如Willy Wonka所言,一个纯粹的想象世界,是这种技术的无限制使用。要想给人留下深刻印象必须是年度的指导方针。


项目:ilove尘埃-3D类型的集合

项目:排版3D-9

16 粒子背景
“拖拽我阅读”,这是一个用户含蓄地向任何设计师提出的要求。
这就是为什么粒子背景似乎是吸引眼球的理想解决方案,而不会分散注意力,也不会造成视频背景所带来的加载问题。
一个稍微移动的纹理,一个温和的动画,还有一点泡沫效果:它们都可以成为更大的设计的一部分,
其最终目的是取悦用户。
即使是在2018年。

项目:Wibicom

17 模块化的空白
有些东西总是很时髦,比如黑色的鸡尾酒礼服或者是一个模块化的空白空间设计。
为什么它被确认为明年的趋势之一?
答案就像布局本身一样简单:清晰、高效、整洁,它允许以最佳方式管理空间和内容,通过使用颜色和形状来增强最有趣的部分。
经典的,就像牛仔裤和白t恤的组合一样,在优雅和清晰的时候,总是可以扮演主角的角色,因为它的模块化特性,可以适应每一场比赛。


项目:迷你电子商务网站,非家用电子商务网站,数字代理网站

18 分割页面设计
买一赠一。
将页面分成两部分,可以将内容划分为语义区域,例如将文本从图像中分离出来,或者建立信息层次结构。
在2018年,当信息数量不断增加,我们不想在拥挤的页面上浏览时,对于设计师来说,拆分将是一种非常宝贵的工具,可以让他们完全适应用户体验和美学。

项目:折叠动画


19 充满活力的彩色页面
2018年将是彩色年。
让我们抛开对过度的恐惧:在这个新时代里,过度的受欢迎是受欢迎的,这些设备比过去更支持阅读阴影和振动。
任何大胆的设计师都将受到赞扬和鼓励,以体验超级饱和和新造型。
让冲突发生吧:双重色调不再让人担心,最终每个品牌都能尝到尝试颜色和搭配普通调色板的危险。
让我们颜色网络!


项目:体验Egwineco耐克科技包店内应用

20 纯色图标
尽管页面的其他部分充满了颜色和渐变,但图标仍然坚持使用mono规则,它们的最终目标是易于阅读。
一个填充色的基调将帮助这个图标在审美上是令人愉快的,而不仅仅是信息丰富,并且与其他的设计元素完美地融合在一起。

项目:图标设计
21 混合式图标


项目:阿尔弗雷德图标图标
22 蒙德里安化


项目:蒙德里安

受荷兰画家Piet Mondrian的启发,它被命名为“蒙德里尼扎姆”,红色的黄色和蓝色的动画效果,这种简约的风格在2018年成为一种巨大的设计趋势。

谢谢收看我们的2018年设计趋势如果你喜欢的话,请欣赏
并与他人分享。
VR设计云课堂提供翻译仅供学习参考。