2019年Dribbble的主流风格及设计趋势

Dribbble是一个国际性质且面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线浏览创作作品的设计交流网站。

基于国际一流设计平台网站,Dribbble的作品整体质量却非常高,许多摄影师、设计师和其他创意产业人士都喜欢在这里展示其创意设计,通过与其他设计师的共同探讨来激发自己的灵感。

我们从追波的优秀作品分析总结,或许能够触及2019设计流行趋势。

2016年Dribbble上流行渐变风格和弥散投影,2017年国内刮起了一股渐变弥散投影风。MBESTYLE插画风格也是一样,很多培训机构都把MBESTYLE设计技能作为UI设计师一项必不可少的技能。

为什么追波流行风格火了之后次年才能在国内流行起来?

首先追波中有大量全球知名设计师会把设计划分的很细很细,只专注自己擅长一个领域的设计,其次自己擅长的设计领域进行再创造、再创新,让自己设计作品慢慢适应更多的场景中去。

其次追波作品很多都是创意稿,所以设计作品会具有创意前瞻性。

当一种创意风格简单易用,适合更多的应用场景,被大部人审美所接受后就会立刻流行起来。

我们筛选整理了追波2018一整年最流行的设计作品,共578个作品,578个作品中每个作品点赞过千,通过提炼每个作品元素中的共通性整理了Dribbble的主流风格及设计趋势。

品牌

品牌升级

ByMedium

2017年8月21日,Medium对自己品牌识别进行全面升级,有原来具有可塑性的折叠式“M”直接改成了衬线字母,这次调整中没有保留原来的任何设计元素,把两年辛苦建立的品牌基因完全弃。但是它在产品用户体现下足了功夫。

品牌调性

Bygreenchameleon

---品牌调性,是基于品牌的外在表现而形成的市场印象,从品牌人格化的模式来说,等同于人的性格。Botanical采用衬线字体突出咖啡个性品牌调性,品牌色绿色代表纯天然,贴近自然,很阳光。淡淡的暖红色辅助色拉回了天然健康同时还兼顾女性客户喝Botanical咖啡。整体包装也采用纤细的字体,Botanical衬线字体正负形比重和字母之间的间距都恰到好处。

欧美风

ByNickSlater

欧美风的logo主要以简洁紧凑为主,英文字母的构成基本上都是线条路径环绕,图形也是通过高度抽象提取造型,通过处理后所形成的文字和图形相对简单整齐,容易与其他颜色或者背景形成统一的效果,突出重点,可以给人很深刻的印象,同时也容易记忆。很多NBA球队的logo风格都是类似这种欧美风格。

品牌延展

ByEddieLobanovskiy

为了获得更有效的传递品牌价值,需要建立包括Logo、配色、字体、图标等一整套视觉规范,还需设计元素规范和辅助图形。首先需要确定品牌主色、辅助色。用户在使用现在的多平台互联网产品中,图标是重要的品牌设计元素,可以很好的辅助品牌延展到产品中去,统一的图标设计可以帮助用户更容易识别品牌所传递的价值。

包装设计

ByMike|CreativeMints

商品包装展示的商标、图形、文字和组合排列在一起的一个完整的画面。这四方面的组合构成了包装设计的整体效果。商品设计构图要素商标、图形、文字和色彩的运用得正确、适当、美观,就可称为优秀的设计作品。

包装设计的图形主要指产品的形象和其它辅助装饰形象等。图形作为设计的语言,就是要把形象的内在、外在的构成因素表现出来,以视觉形象的形式把信息传达给消费者。要达以此目的,图形设计的定位准确是非常关键的。定位的过程既是熟悉产品全部内容的过程,其中包括商品的商标、品名的含义及同类产品的现状等诸多因素都要加以熟悉和研究。

界面

三维

---随时C4D软件的火热,在界面设计中很多主体元素和造型都采用三维的设计手法,通过简单建模,加材质渲染后进行页面排版,这种手法增加画面质感,烘托气氛。Make大神不但自己手绘能力很强,还尝试通过三维软件对造型、配色、光影进行更深层次的研究。不同的视觉效果。

网格规范化

ByInVision

网页设计中使用网格系统可以更好的规范网页内容,使用网格系统的网页设计,非常的有条理性;看上去也很舒服。最重要的是,它给整个网站的页面结构定义了一个标准。网格系统虽然没有统一的准则,但是设计师可以采用黄金分割0.618、白银比1.414经典比例划分,或垂直间距与网格系统的间距相同或是整倍。网格系统的参数根据项目的实际情况,尽量建立10的倍数或8的倍数。

极简风

极简风格的界面设计通常要具备几个特征:简洁、清晰、一致,并且可用。你的交互体系应当通过清晰的视觉传达方式帮用户定位并解决问题。可以通过简单的配色方案;可使用大字体和醒目的色彩来让特定的数据成为视觉焦点;也可以大胆使用留白让画面具有呼吸感。

暗调高亮风格

暗调高亮风格是一种新兴的艺术风格,近年来在网页设计中广泛应用。暗调高亮风格会更具个性化,也被广泛年轻人所接受。暗调高亮风格一般以黑色或深色调为背景色,加上一种高饱和度、高亮度的颜色作为主色,首页过多亮色搭配不好会影响网页的视觉效果。暗调高亮风格对背景颜色光影明暗处理得当就显得十分重要。

形式感

腾讯设计师晋小彦出过一本书《形式感+:网页视觉设计创意拓展与快速表现》,里面写了很多一些关于形式感设计方法论,比如抄现实的三步骤:减法、分块、加法,把现实事物提取形态,然后把信息内容与形态结合排版形成一个整体,让画面更形象生动有趣。界面中把一幅插画拆分到每一个小的分块,通过打散方块让画面更有趣,增加美感的同时也增加画面的动感。

动效

品牌动效

ByUnfold

BylgorPavlinski

品牌动效Logo作为一种更新颖的展现方式,动态图形会更容易被用户所理解,也具有更高的品牌辨识度。给人更加愉悦的视觉享受。一个好的有趣的动态Logo能够让人触发不同的情感。我们在设计时可以营造一个美好的故事情节,也可以体现我们品牌Logo设计中专业度为创新点。在品牌设计上有所创新,让用户更加认可该公司的专业性。

界面微交互动效

ByMagicUnicorn

ByGoogle

界面微交互动效会让用户体验更加精致到位。想要打造优秀的产品设计,微交互和动效设计是绕不开的,UI界面设计通过微交互反馈告知用户当前正在发生的事情,所处的状态。Google系统中控件规范化会让界面更规范化。细微的动效更能调动用户情绪,取悦用户。

插画动效

ByMarkusMagnusson

ByZakSteele-Eklund

插画绘制一般都具有艺术感,插画传达的信息是否明确就显得格外重要。适当添加简单的动效,会增加插画的场景性给用户带入感。插画和动效结合起来更容易引导用户,吸引人的眼球。插画动画可以帮助用户更好的了解内容,会让用户在界面插画中寻找可交互的体验乐趣。

Mg动画

Mg动画需要很好的节奏感、韵律,每一个场景动画都需要其中的元素进行连接变化,让转场动画更加自然,MarkusMagnusson动画通过点线面的动效变化让画面更加有趣、自然,会让人更加印象深刻。

弹性动画

ByGalShir

ByEduardMykhailov

---Q弹动画中的Q弹效果会让画面更加有趣,会让人重复欣赏不回感到腻。使用AE弹性表达式Bounce和Overshoot!利用这个两个表达式你可以轻而易举地实现各种弹性动画,也可以使用Ae脚本:物体弹簧弹性预设脚本AescriptsRubberizeIt,可以将你的物体图形层中的元素模拟成具有弹簧弹性效果,更符合力学!

人物角色动效

ByEranMendel

ByDavidCalderon

人物角色动画的AE使用插件较多,PuppetTools插件利用图钉来制作骨架的工具,但因为图钉工具本身的缺陷,容易破图。DUIK插件现在普遍用在AE制作角色动画(角色动画比较硬),RubberHose插件角色动画比较软,相对更加自然。为了更好的做好人物角色动画还需要平时对人物形态更细致的观察。

酷炫科技风

ByMilkinside

AETrapcode插件最常用的是particular和form了,这两款粒子插件可以制作出很多酷炫的动态效果,随着科技进步上面的动态炫酷风格可适用于多媒体大屏展示或用于公司企业官网,通过粒子插件来突出企业科技感,多用于互联网公司。

三维动效(C4D)

ByGlebKuznetsov

c4d三维场景动画通过构建实物和场景模拟生活中的现实场景,会让用户体验真实感,三维软件制作动效的最大优势是通过动力学和表达式会模拟真实感,未来在AR/VR领域会有更好的发展。相对于界面动效学习成本难度也相对较大。

伪3D旋转动效

伪3D旋转动效渐渐的成为一种趋势,360度无死角旋转对角色造型有更高的要求。伪3D旋转动效也渐渐被更多的设计爱好者所喜欢,伪3D旋转动效主要使用了ae表达式进行制作对360不同旋转角度进行定型,这种动效比较新颖、百看不厌。

游戏动效

图标

渐变篇

ByRamotion

在扁平化设计刚兴起时,很多ICON以纯色和图形为主,然而随着渐变的流行,图标使用了渐变色彩,显得更加符合趋势。将渐变的设计同扁平化设计的美学特征融为一体。同样的图标,运用了不用色调的变化都会呈现不同的深度和层次。使用得当的渐变色彩,可以使界面和图标的设计感得到迅速提升。

线面结合

线面结合图标是一种很出彩的风格,线是高度概括的图标,这时候面更多的是充当装饰点缀的作用。面的表现方式也有很多种,可以是单色的,渐变色的,也可以像MBE风格那样提取主体结构形成的面,也可以提取图标里面有闭合路径所形成的面。这种风格应用也非常广泛。

拟物风

ByServin

看多了扁平风,还是觉得拟物风更加精致耐看,dribbble最早一批UI设计师擅长拟物风格。这需要对造型、光影、材质、绘画功底都会要很高的要求。ios为代表的都是过去拟物风格的表现方式,强调的是对单一物件的刻画细节仿真。如果从更广义的范围去讨论,只要与现实世界有所关联,都应该称为拟物?所以当下的设计趋势,便是这种广义上的拟物,越来越强调现实世界的物理特性。

Windows也推出了一套自己的设计语言-FluentDesignSystem,基于平面化设计上增加了通过光感、阴影、材质增强信息的层次感。模拟物理现实的弹性、光影、阻力等特性。增强了widget或者其他元素的动画特性以此来凸显现信息。整体更加易用、简洁且信息突出。

轻拟物

ByRwds

图形

共生正负形

ByYogaPerdana

Yogastyle之前都是曲线渐变风格,最近尝试共生正负图形运用到Logo设计中来,Yoga有意识的更加注重负形的变化,通过图形标识正负形态的互补,来提高图形的表现力,增强视觉上的错视感和冲击力。字母与图形的组合趣味性,精心设计之后丰富了图形的表现力,给人一种眼前一亮的艺术效果。

点线面

点线面是Logo设计中基本的构成要素,可以体现Logo中各自的造型特征。合理运用点线面可以让视觉聚焦,Logo中点线面形态会更加活跃,点线面不仅能够大幅度提高人们的注意程度,还可以通过造型结构形式不同、色彩明度变化的视觉变化来给人留下深刻的印象。

几何体

几何体设计形式在设计中广泛运用,几何体设计的画面都比较简洁,主要把握结构形体变化、元素造型提取再组合的过程,最后通过冷暖对比、互补色对比来加大视觉冲击力,使画面更有张力。抓住用户眼球,能从优秀的作品中脱颖而出。

配色

多彩色

多彩色设计总是给人眼前一亮的感觉,细细研究多彩色其实多彩色也有大的主旋律,可以从大的冷暖角度去区分,根据色彩的色块大小、冷暖对比范围来确定大方向。当确定暖色调为主色调,冷色调就只能当做辅色调。多彩色还可以通过红橙黄绿青蓝紫的顺序来排列,这样的排列方式会更加有秩序,多而不乱。

插画

写实风

ByLeoNatsume

写实绘画骨子里还是具有很强的艺术性,虽然绘画和设计慢慢细分化,但好的手绘功底需要得天独到的优势,更多美院毕业生都有这样的功底,写实绘画有着不可抗拒的魅力,不可替代的功用,有更多的艺术家投身其中,潜心磨砺把写实绘画与设计相融合,让它有适用更多的场景,发挥其光芒。

光影人物风

光影人物风更多的也是像Mbestyle一样快速区分画面中的黑白灰三种色调的分布,使用色块进行区分,最后通过多色配色让其画面保持一致性。在配色流程时我们可先使用黑白灰色调进行调色,大的明暗调出来后进行选取颜色,大多数以暖色调为主色调,适当加入冷色调调节防止画面太腻。

2.5D升级

ByDmitriiKharchenko

---2.5D应该是Mbe插画风格之后最火的插画风格了,由于它应用范围广,制作方法类教程较多,ps/ai/c4d都可以快速的制作出来。2.5D插画风格升级后添加了渐变风格增加其科技感,添加了光影效果增加其场景的真实感。加入小人物的工作场景会有一种带入感,可以很清晰的识别其工作场景。

扁平插画

ByJoannaawniczak

扁平插画要将画面中的物体造型、阴影、颜色、形状等具象的实物一定程度上脱离开,通过丰富的想象力,丰富图形组合趣味性,让画面的物体摆放有韵律和节奏感。扁平化插画风格在色彩选择上也更加大胆,为了使画面更丰富会增强明暗关系,增加色彩之间的块面感、统一性和对比度。随着大众审美水平的提高,扁平风格的插画还是应以简洁大方的插画为主,让具象的事物夸张化、新颖化,能缩短用户的距离感,增加用户视觉感官强化扁平插画内在情感。

人物插画风

人物插画风也是比较流行的一种插画风格,由于其使用场景广,互联网公司产品和B端产品都可以适用此类插画风格,而且它的绘画操作难度适中,很快就流行开来。人物和实际应用场景会给人更多真实感,更好的给用户传达信息和情感。适当的加入植物花花草草具有装饰性的同时增加了画面的活力。更加贴近自然、拥抱自然。

简洁燥点风

ByFireartStudio

简洁风在插画中也同样适用,画面中对每个元素造型进去提炼,每一个提炼后的造型元素都符合人的美学,通过对主题元素进行重组符合透视的前提下通过大小对比、近大远小增加画面层次感。燥点使用可以使用亮色燥点代表高光,也可使用暗色燥点代表暗部或阴影。燥点使用可以增加画面的纹理感。

剪纸风

剪纸风具有高度的概括性,强烈的夸张性和丰富的装饰性,通过造型、纹理和色彩的表达出插画的内在情感。剪纸风从整体气质上显得传统并且具有亲和力,使得剪纸风格的插画具有更多的艺术价值。剪纸风应用在插画设计的方方面面,使其在设计的应用性更强,风格也更加突出。值得每个插画设计师进行尝试。

卡通形象

吉祥物设计

吉祥物设计表现形式多为写实图形,用夸张和提炼的手法将原型再现,吉祥物设计是具有鲜明原型特征的创作手法。用卡通手法进行创意需要设计者具有比较扎实的美术功底,能够十分熟练地从自然原型中提炼特征元素,用艺术的手法重新表现,要准确把握企业的品牌内涵以及赛事活动的特点,还要对形象适合后续衍生品开发有良好的规划能力。在公司品牌文化宣传具有举足轻重的作用。

表情包

ByRyanPutnam

表情包在国内还是有很广阔的市场。表情包这个东西太神奇了,可以使枯燥的文字变得有趣,表情的意义让生硬的文字更有人情味儿,让聊天变得更加有趣。表情包在我们聊天群或聊天软件很常见,表情包的应用还可以解放人的天性,可以将常在内心深处不方便表达的心情用表情包来表达。

福利:

总结:

尝试写第一篇设计流行趋势实在不易,陆陆续续也准备些许时日,先把追波2018年1000赞的优秀作品下载下来进行分类总结,发现符合当下趋势的设计作品,对单个作品进行分析解刨。从578个作品中第一轮筛选还剩200多个优秀作品,第二轮筛选也还剩128个作品,优秀的作品实在太多了,最后还是在128个作品中刷选出以上N种流行趋势,大家可以根据自己的喜好和实际的工作需求提升相应的技能。

(Ps:由于作品中有大量的视频和动效,也遇到Gif压缩的问题。为了方便大家观看也尝试了很多动效压缩的方法,最终使用了AE插件Gifgun重新对动效和视频进行压缩,整体效果很算不错。)

参考文献:

《形式感+:网页视觉设计创意拓展与快速表现》晋小彦清华大学出版社

THE END
1.包装设计研究论文参考文献(全文)[18]吴凯婷.基于情感化的花茶包装设计研究[D].导师:李丽;雷鸣.兰州理工大学,2021. [19]曹春艳.宁夏农产品包装设计探析与实践[D].导师:张莉.宁夏大学,2021. [20]张雨濛.便携式整体包装设计应用研究[D].导师:贺景卫.湖南师范大学,2021. 包装设计研究期刊论文参考文献 https://www.99xueshu.com/w/wxyb999gr6uu.html
2.包装设计毕业论文的参考文献包装设计毕业论文的参考文献 [1] 金银河. 实用印刷技术丛书-印后加工[M].北京:化学工业出版社,2001,24-200. [2] 曾迪来.现代包装设计[M].湖南:中南大学出版社2005,1-6. [3] 王苏.世界糖果市场趋势 [J].中外食品,2005,10(1):59-60. [4] 王章旺. 包装分类设计-设计基础[M].北京:中国轻工业出版社https://www.unjs.com/z/1645390.html
3.包装设计毕业论文的参考文献范例包装设计毕业论文的参考文献范例 转眼间大学生活即将结束,大家都知道毕业前要通过毕业论文,毕业论文是一种有准备、有计划的检验学生学习成果的形式,怎样写毕业论文才更能吸引眼球呢?下面是小编为大家收集的包装设计毕业论文的参考文献范例,供大家参考借鉴,希望可以帮助到有需要的朋友。 https://www.yjbys.com/biyelunwen/cankaowenxian/660095.html
4.包装设计参考文献.doc包装设计参考文献1.产品包装设计-作者王安霞著出版社东南大学出版社出版时间2009-1-12.包装设计基础-作者魏洁著出版社上海人民美术出版社出版时间2006-11-13.包装设计师必读手册-作者吴敏王睿编著出版社印刷工业出版社有限公司出版时间2010-1-14.包装设计实用技术手册-作者曾宗易叶浩著出版社印刷工业出版社有限公司出版时https://m.renrendoc.com/paper/219019272.html
5.包装设计毕业论文参考文献精选,参考文献.docx包装设计毕业论文参考文献精选,参考文献.docx,包装设计毕业论文以下为参考文献精选,以下为参考文献 包装设计专业培养把握平面包装设计、广告艺术设计领域的专业知识及专业技能,适应包装设计、广告艺术设计、企业企划〔营销〕设计岗位的需要,具有良好职业素养和可持续发展https://mip.book118.com/html/2023/0124/7142142116005034.shtm
6.与基于网络销售农产品包装设计有关论文参考文献《基于网络销售农产品包装设计》:本文是一篇关于包装设计论文范文,可作为相关选题参考,和写作参考文献。 摘要:网络销售已经成为当前最为主流的一种市场营销手段,已占领了我国市场销售界的大半份额,创设出一种新型的销售模式,从而让市场销售不会再受时间与空间之所限.随之,网络销售途径也推动了传统茶叶的包装设计出现了http://10www.anydaily.com/fabiaolunwen/7965.html
7.产品策略产品包装决策 服务决策 产品策略案例分析 参考文献 产品策略(Product Strategy) 什么是产品策略? 产品策略是市场营销4P组合的核心,是价格策略、分销策略和促销策略的基础。从社会经济发展看,产品的交换是社会分工的必要前提,企业生产与社会需要的统一是通过产品来实现的,企业与市场的关系也主要是通过产品或服务来联系的,https://www.4vi.cn/cehua/43142.html
8.vi毕业设计参考文献优秀范例品牌设计参考文献[25]朱琳.创建高校品牌形象的有效途径研究——以江苏海洋大学品牌设计为例[J].西部皮革,2019,41(22):79. vi毕业设计参考文献二: [26]候少蓉. 从色彩情感角度谈VI设计中色彩的运用[J]. 美术教育研究,2018(03):72. [27]候少蓉. VI设计在茶叶包装设计中的应用探究[J]. 中国报业,2018(08):71-72. https://blog.csdn.net/sun13212715744/article/details/127407679
9.三得利乌龙茶:为何成为近期最热门的饮品?综上所述,三得利乌龙茶之所以成为近期最热门的饮品,是因为它符合现代人对健康生活方式的追求,具有独特的口感和香气,包装设计与品牌形象突出其天然和健康属性,并且通过市场推广和口碑传播赢得了消费者的青睐。此外,价格合理与便捷性也是其受欢迎的原因之一。 https://www.coffee.cn/tea/post/94267.html
10.市场营销策划方案热1.竞争对手调查:对“登瀛”灵芝胶囊主要竞争对手在蓝岛市场的营销状况进行调研,采用竞争对比法,将行业内主要竞争品牌及企业状况进行比较,从而对目前企业在行业内的状况及产品品牌优劣势有个充分的认识,主要包括以下内容:竞争对手的产品定价、包装设计、市场定位、广告支持、营销渠道、销售管理、品牌知名度等。 https://www.oh100.com/zhichang/6997714.html
11.产品推广活动策划因此,我们计划推广礼品装,应在包装档次及设计上下功夫,礼品可分为中档和高档两个层次,高档礼品价格高,在100元以上;中档礼品价格稍低,在70~100元;家庭食用的价格普遍在50元左右差不多。在渠道上选择专卖、专营、专柜等形式,营造优雅的销售环境,加强销售人员的挑选及专业推销技巧培训。同时在礼品的宣传媒体选择上与https://www.yuwenmi.com/fanwen/huodongcehua/3814335.html
12.AI技术在卷烟营销中的应用探究商业渠道本文主要探讨了AI技术在卷烟营销中的应用,包括基于消费者画像的卷烟品牌推荐算法、基于深度学习的智能客服、基于NLP技术的客户情感分析、基于大数据的卷烟市场趋势预测以及基于图像识别的个性化卷烟包装设计等。同时,深入剖析了AI技术在卷烟营销中的应用难点,如数据收集难度大、模型建立难度大和成本控制难度大。为解决这些难题https://www.tobaccochina.com/html/news/business/683969.shtml
13.探析可口可乐标志设计的发展与流变参考文献 [1]胡方平.浅论后现代语境下标志设计的表现与创意[D].湖南师范大学,2009(9):I [2]Brittany Joyce,蓝蓝.“快乐重生”:可口可乐让旧瓶子焕发新生[J].疯狂英语,2014(08):21 [3][美]马克·彭德格拉斯特,高增安等译,可口可乐帝国[M].华夏出版社,2009年第1版,第30、57-58页。 https://ycsjwh.swjtu.edu.cn/info/1024/1159.htm
14.河南省药品监督管理局关于发布河南誓疗器具产品注册审查指导包装及包装完整性:在宣称的有效期内以及运输储存条件下,保持包装完整性的依据。包装研究中应考虑碰撞、跌落等可能对产品产生破坏的因素。 2.产品的主要风险 主要参考YY/T 0316-2016《医疗器械风险管理对医疗器械的应用》。风险管理活动要贯穿产品设计、生产、上市后使用及产品的整个生命周期。要体现注册申请人风险管理https://yjj.henan.gov.cn/2023/09-11/2813345.html
15.包装设计(全国高等教育艺术设计专业规划教材)第四节 素谷品牌形象包装设计 参考文献 展开▼ 内容简介 程蓉洁、尹燕、王巍编著的《包装设计(全国高等教育艺术设计专业规划教材)》结合当今包装设计行业前沿的设计动态和权威的行业研究成果,精心挑选优质设计图例,配合多重文字介绍,多层次有深度地介绍和解析设计包装相关概念。并结合经典案例,讲解包装设计的方法、包装设https://www.yuntaigo.com/book.action?recordid=a3pvbWtobWM2NjY=
16.月饼包装设计论文(精选8篇)目前市场上的月饼包装形式由简陋到精美变迁,月饼包装日趋华丽贵重,其附加值远远超过月饼本身。商家借中秋节销售月饼已成为一种经济规律,而月饼的销售很大程度上取决于包装设计。正因为如此,设计结构新颖、造型美观、功能多样的月饼包装,是我们的首要任务。 二、设计分析: https://www.360wenmi.com/f/filebekqz845.html