2019波追流行的n大设计趋势

Dribbble是一个面向创作者、艺术家、设计师等创意作品的交流网站。为网民提供在线查看已完成作品或正在在线创作的作品的服务。
一般来说，一个用户贡献作品的网站内容质量水平往往参差不齐，但Dribbble的作品整体质量很高。很多摄影师、设计师等创意行业的人都喜欢在这里展示自己未完成的设计，通过与其他设计师的讨论来启发自己。
几年前，F7问我是否可以写一篇关于设计时尚趋势的文章。其实写流行趋势很难，我自己也没写过。好在我有三年多的追浪经验。通过分析总结追浪的优秀作品，我或许能找到能够影响2019年设计的流行趋势。
在渐变风格和扩散投影大行其道的2016年，在有人质疑的时候，2017年国内刮起了一股渐变扩散投影之风。MBE风格插画的风格是一样的。大火之后，很多培训机构都把MBE风格设计技能作为UI设计师的必备技能。为什么追浪的时尚风格会在次年风靡中国？首先，追浪中大量的世界知名设计师会把自己的设计分成非常精细的，只专注于自己擅长的一个领域的设计。其次，他们会对自己擅长的设计领域进行再创造、再创新，让自己的设计作品慢慢适应更多的场景。其次，很多追浪作品都是创意稿，所以设计作品会有创意和前瞻性。当一个创意风格简单易学，适合更多的应用场景，并且在审美上被大多数人接受，它就会立刻流行起来。
为什么要走n个设计趋势？因为我写了更多2018年最流行的设计作品。然后每个设计师定位不一样，专业技能不一样，兴趣领域不一样。每个人都会自己判断哪些流行趋势适合自己，并花时间去研究。
我筛选整理了2018年追浪最受欢迎的设计作品，共578件作品，578件作品中每件作品都有过千赞。我通过提炼每个工作元素的共性，整理出N个追波的设计趋势。
商标名称
品牌升级
通过媒介
Medium是一个轻量级的内容发布平台，允许单个用户或多人协作，将自己的内容以主题的形式收集成相册，分享给用户消费和阅读。
2017年8月21日，Medium全面升级品牌标识。原来的塑料折叠“M”直接改成了衬线字母。这次调整没有保留任何原创设计元素，苦心建立了两年的品牌基因被彻底丢弃。但在产品用户方面下了很大功夫。
Medium强调以视觉图形风格提升用户阅读体验，以主题聚合内容为核心内容组织，以用户投票的众包形式进一步精选内容，以精美的网站模板强化页面结构。对于像Medium这种新的内容分发形式，作者和品牌不是最重要的，话题才是核心。Medium不希望用户仅仅因为一篇文章是作者写的就去读它，而是希望他们读它，因为文章的主题是他们真正关心的。目前国内很多设计翻译都来自Medium，我会每天关注这个平台。里面的热门设计文章具有前瞻性和实用性。
品牌调性
由绿色变色龙
品牌调性是建立在品牌外在表现基础上的市场印象，从品牌人格化模式上等同于人的性格。Botanical使用衬线字体突出咖啡个性的品牌调性，品牌颜色绿色代表纯天然、贴近自然、阳光明媚。浅暖红色辅助沙拉回归自然健康，同时也兼顾了喝植物咖啡的女性顾客。整个包装也采用了细字体，植物衬线字体的正反形状比例和字母间距都恰到好处。
欧美风格
尼克斯莱特
欧式风格的logo以简洁紧凑为主。英文字母的构成基本都是线条和路径环绕，图形的形状也是通过高度抽象提取出来的。加工后形成的文字和图形比较简洁工整，容易与其他颜色或背景形成统一的效果，突出重点，能给人以深刻的印象，同时也容易记忆。很多NBA球队的logo风格都类似于这种欧美风格。
品牌延伸
埃迪洛巴诺夫斯基
为了更有效地传达品牌价值，需要建立一套完整的视觉规范，包括Logo、配色、字体、图标等。以及设计元素规格和辅助图形。首先，你需要确定品牌的主色和辅色。用户在使用当前多平台互联网产品时，图标是品牌设计的重要元素，可以帮助品牌延伸到产品上。统一的图标设计可以帮助用户更容易识别品牌所传达的价值。
组装设计
迈克|创意薄荷糖
包装上展示的商标、图形、文字及其组合的完整图片。这四个方面的结合构成了包装设计的整体效果。商品设计的构成元素的商标、图形、文字、色彩如果运用正确、恰当、美观，就可以称之为优秀的设计作品。
包装的平面设计主要是指产品的形象和其他辅助装饰形象。作为平面设计的语言，它是展示形象的内部和外部组成部分，以视觉形象的形式将信息传达给消费者。要实现这个目标，平面设计的准确定位非常关键。定位的过程不仅仅是熟悉产品所有内容的过程，包括商品的商标、商品名称的含义、同类产品的现状等诸多因素，都要熟悉和研究。
连接
三维的
迈克|创意薄荷糖
随着C4D软件的普及，界面设计中的许多主要元素和形状都采用了三维设计技术。通过简单的建模和材质渲染，进行页面布局。这种手法增加了画面的质感，烘托了气氛。Make God不仅手绘能力很强，还尝试通过3D软件对建模、配色、光影做更深入的研究。两种视觉体验还是有明显区别的。
网格标准化
通过视觉
在网页设计中使用网格系统可以更好地规范网页内容。我们可以看到使用网格系统的网页设计是非常有条理的。看起来也很舒服。最重要的是，它为整个网站的页面结构定义了一个标准。虽然网格系统没有统一的标准，但设计者可以使用黄金分割0.618、银比1.414的经典尺度划分，或者垂直间距与网格系统的间距相同或为网格系统间距的整点时间。根据项目的实际情况，网格系统的参数应尽可能以10或8的倍数增加。
吉峰
极简界面设计通常有几个特点：简洁、清晰、一致和可用性。你的交互系统应该通过清晰的视觉交流帮助用户定位和解决问题。通过简单的配色方案；使用大字体和醒目的颜色，使特定数据成为视觉焦点；也可以大胆使用留白，让画面有呼吸感。
打开黑暗和明亮的风格
埃迪洛巴诺夫斯基
明暗风格是一种新的艺术风格，近年来被广泛应用于网页设计中。暗明风格会更加个性化，被广泛的年轻人接受。暗明风格一般以黑色或暗色调为底色，再加上一种饱和度和亮度较高的颜色作为主色调。首页过多的亮色会影响网页的视觉效果。调整明暗风格以恰当处理背景色、光影是非常重要的。
形式感
迈克|创意薄荷糖
腾讯设计师金晓燕出了一本《形式感+：网页视觉设计创意拓展与快速表现》的书，里面写了很多关于形式感的设计方法论，比如复制现实的三步：减、块、加，提取真实事物的形式，然后把信息内容和形式结合起来形成一个整体，让画面更加生动有趣。在界面中，一个插图被分割成每个小块，每个小块
作者：伊戈尔帕夫林斯基
动态图形作为一种更新颖的品牌动态Logo展示方式，会更容易被用户理解，具有更高的品牌认知度。给人更愉悦的视觉享受。一个好的有趣的动态Logo可以引发不同的情绪。我们可以在设计中创造一个美好的故事情节，也可以体现我们品牌Logo设计的专业性的创新。品牌设计上的创新，让用户更加认可公司的专业性。
界面微观相互作用效应
由神奇的独角兽
由谷歌
界面的微交互效果会让用户体验更加精细化。创造优秀的产品设计，微交互和动态效果设计是密不可分的。UI界面设计通过微交互反馈告诉用户正在发生什么，处于什么状态。Google系统中控件的标准化会使界面更加标准化。微妙的动态效果能激起用户的情绪，取悦用户。
插图动态效果
马库斯马格努松
扎克斯蒂尔埃克伦德
插画一般都是有艺术性的，插画传达的信息是否清晰尤为重要。添加适当的简单动态效果会增加插图的场景，给用户带来一种真实感。插图和动态效果的结合，更容易引导用户，吸引人们的注意力。插图动画可以帮助用户更好地理解内容，它会让用户在界面插图中寻找互动体验乐趣。
Mg动画
马库斯马格努松
Mg动画需要很好的节奏感和节奏感。每一个场景动画都需要元素的连接和变化，使得转场动画更加自然。马库斯马格努松动画通过点、线、面的动态变化，使画面更加有趣、自然，会让人印象更加深刻。
弹性动画
马库斯马格努松
作者：盖尔希尔
爱德华麦卡伊洛夫
Q弹动画中的Q弹效果会让画面更有趣，让人觉得重复欣赏很累。用AE弹性表达弹跳和过冲！有了这两个表达式，你就可以轻松实现各种弹性动画，还可以使用Ae script: Aescripts橡胶化它，可以模拟你的对象的图形层中的元素有弹簧弹性的效果，更符合力学！
字符动态效果
埃兰孟德尔
大卫卡尔德龙
角色动画的AE用了很多插件，木偶工具插件用图钉做骨架工具，但是因为图钉的缺陷，很容易断图。现在AE中广泛使用DUIK插件制作角色动画(角色动画比较硬)，RubberHose插件角色动画比较软，相对更自然。为了做好角色动画，我们需要更仔细地观察角色。
科技锋
通过牛奶内部
AE Trapcode插件是最常用的：粒子和形态。这两个粒子插件可以产生很多很酷的动态效果。随着科技的进步，上述动感酷炫的风格可以应用于大屏幕多媒体展示或者企业官网。粒子插件能突出企业科技感，是多用户的互联网公司。
三维动态效果(C4D)
格列布库兹涅佐夫
C43D场景动画可以通过构建真实的物体和场景来模拟生活中的真实场景，让用户体验真实感。3D软件制作最大的优势是可以通过动态和表情模拟真实感，未来在AR/VR领域会有更好的发展。相对于界面动态学习，成本相对较难。
伪旋转动态效应
作者：盖尔希尔
马库斯马格努松
伪3D旋转动态效果逐渐成为趋势，360度无死角旋转对人物造型要求更高。伪3D旋转动态效果逐渐被更多设计爱好者喜欢。伪3D旋转动态效果主要通过ae表情来定型360不同旋转角度，新颖有趣。
游戏动态效果
迈克|创意薄荷糖
马库斯马格努松
游戏动态可以很好的指导玩家操作，帮助新手指导，让玩家了解游戏的规则和操作。好的游戏动态可以增加用户粘性。游戏动态、场景特效、人物动画都对动画的运动规律有很高的要求。游戏动态演示还可以节省研发的时间成本和沟通效率；d人员。
图标
逐渐通过
通过分枝
扁平化设计之初，很多图标都是以纯色和图形为主。但是随着渐变色的流行，图标使用渐变色的时候，就更符合潮流了。将渐变设计与扁平化设计的美学特征相结合。同一个图标，利用色相的变化，会表现出不同的深浅和层次。恰当的使用渐变颜色可以快速提升界面和图标的设计感。
线面结合
埃迪洛巴诺夫斯基
线面结合图标是一种非常出彩的风格，线条是一种高度概括的图标。这时，surface更多的是一种装饰点缀。人脸的表现方式有很多种，比如单色或者渐变，或者像MBE风格一样提取主体结构形成的人脸，或者提取图标中封闭路径形成的人脸。这种风格也被广泛使用。
准物理风
通过服务
习惯了平风，还是觉得伪物风格更精致，更吸引人。追浪最早的UI设计师，擅长伪对象风格。对造型、光影、材质、绘画技巧要求很高。Ios代表了过去拟像风格的表达，强调单个物体的细节模拟。如果在更广的范围内讨论，只要是和现实世界相关的，都应该叫拟像？所以现在的设计趋势就是这种广义上的拟像，越来越强调现实世界的物理特性。
Windows也推出了自己的设计语言——Fluent Design System，以扁平化设计为基础，通过光影和材质增加了信息增强的层次感。模拟物理现实的弹性、光影、阻力等特性。增强小部件或其他元素的动画功能，以突出显示当前信息。它更易于使用，简洁和信息丰富。
轻物体
通过Rwds
这次R神画的美食主题，主要是轻仿，比较容易识别，也比较轻，简单，吸引人。简单而清淡的颜色让食物很有食欲。轻物风格质感纯粹，细节处理细致。相比复制品，制作会更有效率，值得设计师花时间去研究。
图表
共生正反形状
由瑜伽Perdana
瑜伽风格以前是曲线渐变风格。今年大量尝试将共生正反图形应用于Logo设计。瑜伽有意识地更加注重负形的变化，通过图形正负形的互补，提高图形的表现力，增强视觉错觉和冲击力。字母和图形的组合有趣，经过精心设计，丰富了图形的表现力，会产生明亮的艺术效果。
点、线和面
埃迪洛巴诺夫斯基
线和面是标志设计中的基本元素，可以体现各自的造型特点。合理运用点线面可以聚焦视觉，Logo中的点线面造型会更加活跃。点线面不仅能大大提高人们的注意力，还能通过不同形状结构的视觉变化和色彩明度的变化给人留下深刻的印象。
几何学
迈克|创意薄荷糖
几何设计形式在设计中应用广泛，几何设计的图像相对简单，主要把握结构形状变化、元素形状提取和重组的过程。最后，通过冷暖对比和互补色增加视觉冲击力，使图像更有张力。抓住用户眼球，从优秀作品中脱颖而出。
以适当的比例混合颜色
多色
埃迪洛巴诺夫斯基
多色设计总是给人眼前一亮的感觉。其实仔细研究多色也有一个大的主题，可以从一个大的冷暖角度来区分，根据色块的大小和冷暖对比范围来确定大方向。当暖色为主色调时，冷色只能作为辅助色。多色也可以按照红、橙、黄、绿、蓝、紫的顺序排列。这种安排将更加有序，而不仅仅是随机的。
说明
写实风格
作者利奥夏目
写实绘画骨子里还是有很强的艺术性的。虽然绘画和设计逐渐细分，但是好的手绘技巧有着独特的优势。更多的美院毕业生有这样的技能。写实绘画有着不可抗拒的魅力和不可替代的作用。更多的艺术家会投身其中，他们一定会重现无尽的风景。如何将写实绘画与设计融合，使其应用于更多的场景，发挥其最大的光芒。
硬件升级
作者：库贝托
iPad Pro的本质不仅仅是更大的屏幕和更强的性能，在我看来，iPad Pro的灵魂在于可以配合Apple Pencil使用。Apple Pencil看起来就是一只普通的铅笔，但是它的性能设计非常强大。可以根据压力进行不同程度的上色上色，使用起来非常流畅，几乎不像电子笔。基于这样的体验，越来越多的绘画软件在iPad Pro上制作，越来越多的设计师和插画师开始在iPad Pro上工作。硬件升级也是大势所趋。有经济能力的设计师可以试试。
性格风
埃迪洛巴诺夫斯基
通过视觉
人物的光影风格更像Mbe风格快速区分画面中黑、白、灰三种色调的分布，利用色块进行区分，最后通过多色搭配保持画面一致。在配色过程中，可以先用黑、白、灰三种色调进行配色，等大的明暗色调出来后再选择颜色。颜色多为暖色调，适当加入冷色调，防止画面过于油腻。
2.5D升级
作者：德米特里哈尔琴科
2.5D应该是继Mbe插画风格之后最火的插画风格了。ps/ai/c4d因为应用范围广，制作方法教程多，所以可以快速制作。2.5D插画风格升级后，加入了渐变风格增加其科技感，加入了光影效果增加其场景的真实感。加入小人物的工作场景会有带入感，可以清晰的识别出他们的工作场景。
平面插图
乔安娜awniczak
平面插画要把形、影、色、形等具象对象分开。并通过丰富的想象力来丰富图形组合的趣味性，使画面中的物体摆放有节奏有韵律。平面插画风格在色彩选择上更为大胆，会增强明暗关系，增加色彩之间的块感、统一感和对比感，以使画面更加丰富。随着大众审美水平的提高，平面式插画应该以简洁大方的插画为主，让具体的事物变得夸张新颖，这样可以缩短用户的距离感，增加用户的视觉感官，强化平面插画的内在感受。
人物插图风格
作者：德米特里哈尔琴科
人物插画风格也是一种流行的插画风格。由于其应用场景广泛，互联网公司产品和B端产品都可以适用于这种插画风格，而且其绘画操作难度适中，很快就流行起来。人物和实际应用场景会给人更多的真实感，更好的向用户传达信息和情感。适当添加植物和花卉具有装饰性，增加画面的活力。亲近自然，拥抱自然。
简单又干爽。
由Fireart工作室制作
简洁的风格也适用于插图。画面中的每一个元素都经过造型和提炼，每一个提炼出来的造型元素都符合人们的审美。通过主题元素的重组，在符合透视的前提下，通过大小、大小、远近的对比，增加画面的层次感。干点的使用可以用亮干点代表高光，或者暗干点代表暗区或阴影。干点的使用可以增加画面的质感。
剪纸
埃迪洛巴诺夫斯基
剪纸具有高度的概括性、强烈的夸张性和丰富的装饰性，通过造型、肌理、色彩来表达插画的内心感受。剪纸风格传统，从整体气质上具有亲和力，使得剪纸风格的插画更具艺术价值。剪纸风格应用于插画设计的各个方面，使其在设计中的适用性更强，风格更突出。值得每个插画师去尝试。
卡通形象
设计吉祥物
迈克|创意薄荷糖
吉祥物设计多为写实图形，通过夸张和提炼再现原型。吉祥物设计是一种具有鲜明原型特征的创作手法。运用漫画手法进行创意，需要设计师有扎实的艺术功底，非常熟练地从自然原型中提取特征元素，用艺术手法重新表达，准确把握企业的品牌内涵和比赛活动的特点，对形象有良好的策划能力，以适合后续的衍生开发。目前，品牌文化宣传在公司发挥着重要作用。
表情包
瑞安普特南
表情包在中国还是有非常广阔的市场的。表情包很神奇。他们可以让无聊的话变得有趣。表情的意义让生硬的话语更有人情味，让聊天更有趣。打架在聊天群或者聊天软件中很常见。最厉害的那种人，不用打字就能和别人聊天，不管别人说什么，都有相应的表情，而且很得体。这样的聊天真的让人很开心。表情符号的应用也可以解放人的天性。很多心里经常不方便表达的人，可以用表情符号来表达自己的感受。
摘要
2019年，尝试自己写第一个设计流行趋势不容易，陆续准备了半个多月。首先我下载了2018年追浪的优秀作品进行分类总结，找到符合当下潮流的设计作品，对单个作品进行分析策划。从578件作品中，首轮筛选还剩200多件优秀作品，第二轮筛选还剩128件作品。优秀的作品太多了。最后从128个作品中选出以上N个流行趋势。可以根据自己的喜好和实际工作需要提高相应的技能。
(Ps:因为作品中有大量的视频和动作特效，所以也有Gif压缩的问题。为了方便大家观看，我们也尝试了很多动态压缩的方法。最后我们用AE插件Gif枪再次压缩了动态效果和视频，整体效果还是挺不错的。)
从网络上，