2018年Dribbble上10个流行的ui设计趋势

现在，越来越多设计师在Dribbble分享他们的作品，和一些很新的概念。一些作品很商业，而另外一些作品可能影响未来的设计方向。无论如何，Dribbble都是我们寻找灵感分享设计的好地方。今天我们要从中挖掘出2018年的ui设计趋势。希望能够该大家带来帮助。

1. 在网页的突出位置加入插图

在网页中加入定制化设计的插画是今年最流行的趋势之一。这些插画引人入胜。图片的感知比文字更快，因此插图可以吸引用户的注意，让用户更了解产品和服务。

InVision 插图介绍google的设计研究

Mike Creative Mints的着陆页。推荐小孩设计的一款app。采用了大字体和可爱的吉祥物插图。

来源：Dmitri Kharchenko

设计师Ksenia Shokorova  的全屏插画概念设计

2.为移动设备定制插图

在移动界面中使用定制的插画的趋势也在不断增加。特别在是在引导页，各种风格的插图，可以为产品讲述一个好故事。

Nimasha Perera的插图

有趣的引导页插图

3.分屏

今天在dribbble出现的分屏设计比较多。根据设计的需要，分屏设计的原因主要有：

1，引起人注意的对比色彩

2，分离不同的内容

3，分隔不同的交互区域

4，呈现多元化的选择

5，让内容更具响应性

Giga Tamarashvili的概念网页设计使用分割背景

4.大胆而惹人注目的排版

精心设计和有吸引力的排版一直是设计趋势。好的排版让内容有意义，也美观。精心挑选的字体可以传递情感并构建强大的视觉层次感。

Zhenya Rynzhuk设计的电影院主页

Zhenya Rynzhuk的另外一个设计，没有图片，只有字体

5.多种色调的紫色

自从pantone发布了2018年的流行色为紫色后，越来越多的网页也在使用这一个象征奢侈的颜色。在色彩心理学中，紫色被称为与奢侈品（皇室和财富），激情和神秘相关的颜色; 它被描述为结合蓝色稳定性和红色能量的颜色。我不敢说这是现在这么多设计师转向这种颜色的原因 - 或者仅仅因为它很时尚。无论如何，今年它在所有各种色调，色调和渐变中处于领先地位。

Zahidul的概念网页使用了紫色的插画设计

Ted Kulakevich的概念着陆页也将主题插图应用于屏幕的左半部分，并使用紫色。这里的插图允许设计师将屏幕分成两个内容区域，使对比度更加生动。

Johny Vino的概念应用设计了两种背景色：白色和深紫色

Walid Beno 的概念网页设计将时尚的紫色与英雄形象的插画结合

6.动画图形

2018年，动画和插画的运用变得原来越创新。为了让页面脱颖而出，设计师将复杂的动作融入到图标和插画中，尽管是否在ui中加入大量的动画效果有待商讨，但Dribbble上每天都会更新大量引人注目的动画设计。

用于分享内容到社交网络的动画图标

Cuberto的亮度控制效果

7.文本用图片填充

今年的另一个UI趋势是文本使用背景图片填充。通常用在最突出的单词上。比如产品或公司名，标题，口号等。

Green Chameleon的概念网页使用这一效果。这种极简主义风格的构图看起来既时尚又完整。

8.全屏背景图片

另一个经常发现的趋势是应用全屏图片，将主题和氛围设置为背景。在大多数情况下，背景图片使用的是高清图，但也有是专门为项目渲染的2D或3D效果图。

Dennis Shnelleberg的活动登陆页，看起来像海报

9. 拟物设计元素

我们之前有谈到拟物设计正在慢慢回归。不过这边的拟物使用了更多3D效果。

3D插图设计的研究实验室概念网页

运用3D元素的着陆页设计

可爱3D插图

10. 概念转场动画设计

Dribbble是一个富有创造性的交流社区，我们可以看到很多设计师不断创造出很新的页面切换或过渡的动画效果。

总结

虽然并不是每个趋势都会被广泛的商业使用，但是这些富有创造性的作品都很有价值：他们能突破常规，让设计师自由发挥，讨论新的技巧和方法。为了大家的成长，我们必须敢于探索和分析，谁知道这里的哪种趋势会成为未来的主流呢？

如果您对这边总结的10个趋势有看法，或者有更好的推荐，欢迎评论。