赞助商
立即赞助

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

UI设计3年前 (2021)更新 流光
2.3K 0 0

每个人都在注趋势。Dribbble 是计的集散地,也是计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些计作品,你总会注许多有思的共性,在更长的间尺度上关注这些共性,会发现其中不少会延伸更大的计领域和范畴,其中多会以趋势的形式成为阶段性甚至长期的计趋势。这些流行的趋势有的关乎法,有的则是色彩、风格,甚至是某种隐喻。

当然,论如何,作为设计师,这些趋势的值是毋庸置疑的,注它们,开放的心态面对着,许它们会在一个阶在我们自己的设计作中开结果。

1、非标准比例的人物形象

人为核心的自定义插画是这两年来,最显著的设计趋势之一。这种插画展现形式够快速呈现想要呈现的环境、流程,更重要的是创情感诉求。标准而写实的人物形象在大量的设计诉求之,显得平庸而够突,这使得走样但是富有张的非标准人物身材例显得更彩,这是为么年来我们够如此频繁地看到诸多非标准的人物插画。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这幅插画来自 icons8 。巨大的鞋子,成例的巨手,水壶纤细的握柄和壶颈,强烈的对显得颇具张。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Diana Stoyanova 的插画呈现了一个忙碌女性的形象,非标准的身材略显抽象,但是很有量。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Diana Stoyanova 的这幅插画作夸张巨大的人物形象来强调你手机更大,更重要。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

而 Radio 的这幅插画则使走样的身材营有趣而可爱的形象,交互更有意思。

2、提供辅助信息的界面插画

时至今日,插画在 UI 中已经再见。自定义的插画早就是性的设计,它UI界面更具有视觉吸引,和情感表达的。更重要的是,它是功性的,它为界面的功和信息供支撑,「互」的方式来告知户界面想要呈现的功,毕竟图片和插画呈现的视觉信息字更快。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这个界面是 icons8 团队制作的。辅助性的插画报错信息显得足够明亮而正量,户会觉得难受。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这组作同样来自 icons8 ,这次的格同,并且是为移端户引导而设计的。引人瞩目的插画将字描述的优势更具象地表现来。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Netguru 的报错页面显得非纯粹非可爱。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Hoang Nguyen 设计的这个插画甚至是交互式的,它的灵感来源于一款经典的滑游戏,效模拟了这个效果。

3、动态的 LOGO 和图形

画效果是强视觉的重要手。在往,视觉和图形元素绝大多数都是静态的,但是现在为了更积极地合户体验,态的设计已经成为规,许多效带来的效果是静态设计无法呈现的,在情绪和氛围上的营更强大。效仅够产在视觉上更吸引人,而且够向户呈现产的质感。此外,你还够在、通知、程和交互流程等地方到效。这是为何 Dribbble 的设计作中,有如此之多的态的图形元素。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Motion Design School 的这个态 LOGO 借了负空间的设计方法,体则采了狗的形象,态呈现极为可爱生。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Awsmd 则更有意思,将水母的方式赋予了朵,良好的生命体在体态上贯穿一致,有着独一无二的视觉表现。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Markus Magnusson 将一组格一致情节连贯的插画态地连接到了一起,LOGO 具备了强大的叙事。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Yup Nguyen 的画则仅时尚,而且非有趣,人感到愉悦,而忘记等待的烦恼。

4、工作流程和工作区主题插画

Dribbble 上最受的数字插画题之一,就是各种工作流程和场景。插画和平面设计热衷于相对艺术地呈现计工作的流程,队的协作,创的发散过程,沟通的状,工作空间的呈现。它流行的另一因,是这种内容的插画在着陆页和博文章页面中非常适用,且非常流行。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Tubik Studio 的这幅插画展现了计的工作空间,整个视角似乎是在广角相机下被扭曲了,非常有趣。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

来 Walid Beno 的这个插画则呈现的是队协作的景,巨大的 UI界面显得颇为夸张,不过主题性也是借此才得以体现和化。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Pitch 的这幅插画同呈现的是队协作的景,不过加入的动效非常妙,将协作的趋势和状给放大了出来,视觉上更加动,且足够尚。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Ted Kulakevich 的插画中描摹的是一个正在工作,喝着咖啡的角色形象,和日常的计和创工作者的状非常近,令人赏心悦目的色彩则让整个状令观者非常舒适。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

如果你的工作状也是如此的忙碌,那你应该能够从 icons8 的这幅插画中找共鸣。插画中被工作内容所包围的状不就是你嘛?

5、有趣的吉祥物和奇妙的生物

计是一个需要想象力的工作。有趣的怪兽,奇妙的机器人,经典或者创的卡通人物,只存在于传说和想象中的生物,从来都不会在 Dribbble 上缺席。品牌吉祥物的计在这种趋势下越来越有显的情表现力,而卡通化的角色形象大程度上会利用人对于定动物或者定形象的情关,人格化、角色化之后的吉祥物,能够让用户产生在和它进行情交流的错觉。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

计 Mike 的网页计作品当中,有趣的卡通形象作为视觉主体,让产品、用户更快和页面产生视觉。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

和Mike 的计目标不同的是,Alexandra Zutto 的插画是借助机器人的形象来呈现未来主义的氛围。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Motion Design School 使用可爱的动插画来化品牌的展示。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这组来 icons8 的插画所营造的是一个典型的结帐景。真正别的地方在于角色的定,人和机器人之间的交互,营造出科幻的氛围。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Ramothion 灵活的运用狐狸这个吉祥物形象,结 UI素,表达了「演示」的主题。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

icons8 的这幅插画则利用了噪点来赋予角色以一种带有艺术的气息。

6、各式各样的运动状态

运动就是生命。对于计和插画而言,最有张力的西大概都藏在运动将要开始的候,藏而未发的一瞬间,或者运动过程中,姿舒展的某一秒。体育运动中往往能够更快找这的状,不过其的主题之下,也存在类似的运动状。这的运动状充了表现力,计和插画常常会借助色彩、图形、曲线等素来构建这的计作品。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Unfold 的插画呈现的是冲过终点的运动员,主题暗示出了成功、成就,亮的色彩和舒展的姿在整体上保持了一致,艺术性也不低。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

同是呈现的跑步,但是Jack Daly 所表现的是即将开始的运动,蓄势待发的一瞬间的状。这幅插画是给 InVision 所计的,主题是计冲刺,而这幅插画非常贴这一隐喻。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Walid Beno 的插画所呈现的景非常独,现实的路径和虚拟的景象在一起,人物仿佛骑行在现在未来之间。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这幅来 Tubik 的插画则将运动的景和机融于一个景当中,整个构图非常动。

7、阴影和负空间

面计另外一个重要的趋势,就是使用尽可能有表现力的插画计,利用阴和负空间来创造戏剧和视觉响力,就像Vogue 的御用计  Malika Favre 的插画作品那。

有限的色彩,引人瞩目的色彩对,光影之间的互相成就,大胆而有意义的细节。如果你稍微有意识地看,会发现每天都有设计师在 Dribbble 上发布这样格的作。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

如 Ksenia Shokorova 的这幅插画就很好地呈现夏天的炎热和慵懒的夏日气氛,富有表现的人物轮廓作为构图的中心,甲和水面构成明的对,色彩多但是令人印象深刻。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Joanna Lawniszak 的插画则使强烈的光影,一个简单的桌面变得具有明显的舞台效果,相当大气。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Yoga Perdana 的这个LOGO设计作利的是负空间,字当中融入了一个非清晰的猫的形象,并且还呈现猫在字之间穿插的效果。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这个名为 Mr.Travel 的LOGO设计作来自设计师 Yuri Kartashov,他将男人的面和山脉的形象结合到了一起。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Dmitry Stolz 的设计项目 Fetch My Meds 中使了两个可爱的物角色,微妙的画和明确的对使得两个角色显得泼而有趣。

8、3D 图形

3D 无疑是现在 Dribbble 上最热门的趋势。大3D建模来做各种各样的东西,无论是等轴测的插画还是游戏角色,还是往大会 PS 来绘制的光影,现在一并使3D建模和渲染来实现了。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Ueno 这个引人入的画效果就是在 3D 渲染的基础上实现的,有趣的元素构建成的场景人爱释手,而这然是一个招聘广告?有意思。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Tubik Studio 的这个首图中的插画形象,同样是使3D建模来实现的,这样的角色形象很容易人联想到漫和游戏,结合格类似的CTA元素,可极强地影响户的注意。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这是设计师 Mohamed Chahin 精心设计的等轴测插画,柔和的色调和模糊的光影的氛围得到了强。

9、关于 UI 界面的插画

随着精通插画的设计师越来越多,插画开始深入到设计的方方面面,包括在 Web 和 UI 界面当中的字体、图形甚至整个氛围和环境。由于注意的竞争如此的激烈,往原本只需要普通图片就做到的事情,现在需要借助插画来做到。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

在 Dropbox Design 的这篇创意相的章当中,包含有一些这样带有粗野义格的插画。许你并是那么青睐这种格的插画,但是即如此,你会绕过这幅插画只单纯浏览字。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这是一幅于医生和专交互界面的插画,作者是设计师 Alexander Savic ,插画会将人迅速带进医疗保健相的领域。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这幅插画来自设计工作室 Fireart Studio,它暗示了约会 APP 背后的真实和潜藏的精彩,人追求属于自己的爱情。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Dmitry Stolz 的插画则呈现了移端APP 上的交互,做决策的键时刻。

10、多层次剪切效果插画

最后一个值得一的趋势,则是类似剪纸一样的多层剪切视觉效果插画。这种设计效果插画具备了丰富的层次,显得深沉而原创,带有更强的物工艺质感和难磨灭的印象。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Eddie Lobanovskiy 的插画就是使这样的效果,题于太空,这种多层剪切效果太空显得更为深邃。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Michael Fugoso 的设计作,他将这种插画定义为具有深幻觉的平面数字插画。

如这插画风格和卷轴效结合起来,更加强大了。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

Studio VØR 多层剪切插画在交互第呈现,各个部分相互影响并关联着。

即将过去的2018年,Dribbble 反映出来的 10个设计趋势

这是 Anano Miminoshvili 所创个网页滚动交互案例,随着用户不断滚动,不层级元素第运动,个接着个被激活。

结语

毫疑问,Dribbble 本身正在逐步成熟,越来越多设计作品,开始融入更为明显艺术特征,设计层和力量感比以往更强了。作为设计师发布各小样、练习Dribbble,本身也作为设计领域试验而存在,很多设计趋势在这个平台上酝酿,成熟,并逐渐走世界。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

王M争:关于提升用户体验的方法论非常多,其中一个比较常见的就是简化操作流程。我们对此非常熟悉,但是我很少看到有文章系统...
交互设计
图标是几乎任何网站都需要的重要组成部分,无论是用来传递信息、导航还是用来装饰,图标和类似图标的元素都是一种富有吸引力...
图标设计
想想图标的绘制也是有历史的,从刚开始 ps 用面切法运用布尔运算去切,有时候线条也是用面切面得到。随着线性图标的火爆和普...
ICON
@研习设K先生 :所谓设计就是按照人的生理和心理需求,来对我们周边的事物、环境、生活方式进行研究和设计,是和人的审美心理...
对称
在设计之前,对于设计元素的摆放位置需要有一个大致的构想,这个构想就是构图,它相当于是版式的雏形,有了这个雏形之后,才...
左右构图
设计冲刺最早由谷歌提出针对带领团队快速做创新设计并验证设计的基本流程。下面通过这篇文章,带着大家来感受我们这次设计冲...
世界杯
编者按:虚拟现实类的APP 要怎么设计?其实你已经可以自己动手设计了,其中所需要注意的要点,都已经汇总到下面的文章里面,...
AR
58UXD:表单是收集用户信息的方式。如果你的产品需要收集大量用户信息来完成为其提供的服务,那么在用户进行信息输入的过程中...
实战案例