码迷,mamicode.com
首页 > 其他好文 > 详细

Dribbble上那些值得学习的设计风格

时间:2020-05-09 14:15:31      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:品质   良好的   通过   数字   吉祥物   就是   ram   相机   团队   

Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方,虽然现在国内已经没有办法登录了,但是小编还是通过大师助手帮你们去Dribbble网站上帮你们总结了目前Dribbble流行的设计趋势,赶紧来找找灵感吧。

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

以人为核心的自定义插画是这两年来,最显著的设计趋势之一。这种插画展现形式能够快速呈现想要呈现的环境、流程,更重要的是创造情感诉求。

技术图片

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

 技术图片

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

 技术图片

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

 技术图片

而 Radio 的这幅插画则使用走样的身材营造出有趣而可爱的形象,让交互更加有意思。

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

时至今日,插画在 UI 中已经不再鲜见。自定义的插画早就不是装饰性的设计,它让UI界面更加具有视觉吸引力,和情感表达的能力。更重要的是,它是功能性的,它为界面的功能和信息提供支撑,以「互文」的方式来告知用户界面想要呈现的功能,毕竟图片和插画所呈现的视觉信息比文字更快。

 技术图片

这个界面也是 icons8 团队制作的。辅助性的插画让报错信息也显得足够明亮而正能量,让用户不会觉得难受。

 技术图片

这组作品同样来自 icons8 ,这次的风格不同,并且是为移动端新用户引导而设计的。引人瞩目的插画将文字描述的优势更加具象化地表现出来。

 技术图片

Netguru 的报错页面显得非常纯粹也非常可爱。

 技术图片

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

3、动态的 LOGO 和图形

动画效果是强化视觉的重要手段。动态的设计已经成为常规,许多动效所带来的效果是静态设计所无法呈现的,在情绪和氛围上的营造也更加强大。动效不仅能够让产品在视觉上更加吸引人,而且能够向用户呈现出产品的品质感。

技术图片

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

 技术图片

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

 技术图片

Markus Magnusson 将一组风格一致情节连贯的插画动态地连接到了一起,让LOGO 具备了强大的叙事能力。

 技术图片

Yup Nguyen 的动画则不仅时尚,而且非常有趣,让人感到愉悦,而忘记等待的烦恼。

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

Dribbble 上最受欢迎的数字插画主题之一,就是各种工作流程和场景。它流行的另一原因,是这种内容的插画在着陆页和博客文章页面中非常适用,且非常流行。

 技术图片

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

 技术图片

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

 技术图片

Pitch 的这幅插画同样呈现的是团队协作的场景,不过加入的动效非常微妙,将协作的趋势和状态给放大了出来,视觉上更加动感,且足够时尚。

 技术图片

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

 技术图片

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

设计是一个需要想象力的工作。品牌吉祥物的设计在这种趋势下越来越具有明显的情感表现力,而卡通化的角色形象很大程度上会利用人们对于特定动物或者特定形象的情感关联,人格化、角色化之后的吉祥物,能够让用户产生在和它进行情感交流的错觉。

 技术图片

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

 技术图片

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

 技术图片

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

 技术图片

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

 技术图片

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

 技术图片

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

  看完之后小伙伴们是不是跃跃欲试啊,那就赶紧下载大师助手,去Dribbble找灵感吧。

Dribbble上那些值得学习的设计风格

标签:品质   良好的   通过   数字   吉祥物   就是   ram   相机   团队   

原文地址:https://www.cnblogs.com/dlltoto/p/12857104.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!