设计就像时尚一样,几乎每个月都有新的流行趋势。
曾经是创造性、抽象性和尖端性的东西,在当下却变得无聊、过时,成为昨天黄花。
跟上新出现的趋势并保持逐步淘汰的状态,是我们设计师时刻要有的工作状态。
想要出更好的设计,就必须跟上最新潮流趋势。
下面将展示五大领先平面设计趋势:
颜色渐变复兴
颜色渐变,是在多个相近颜色之间过渡的图形。例如:蓝色、紫色和红色之间的细微而平滑的过渡色。
颜色渐变有多种不同的渐变方式。例如,上面的图像是轴向/线性渐变的示例,这时的颜色在单个特定方向上线性变化。另一种流行的方式是径向渐变,渐变起始于中心聚焦圆,然后向四周渐变。
虽然它们有很多不同的方式可以应用到设计中,但在五年前,在大多数顶级在线网站和知名品牌中几乎是看不到的。最近,颜色渐变在设计中的使用逐渐多起来,开始走向复兴。
如下例所示某网站上的极其简单的颜色渐变:
该网站本身具有集成到号召性用语按钮,其应用程序内的图像也应用了渐变设计。hulu最新更新的设计,应用了大规模的径向渐变设计:
从网站内容、加载项到搜索项,每一个屏幕的背景都使用渐变构建的。为什么?因为渐变效果非常适合将乏味的简单颜色,转化为看起来很漂亮的动态元素。通过渐变可以创建静态颜色无法独立的流动效果。而且他们还有额外的好处,就是能够使输入在其上的文字,看起来干净、清晰。
hubspot也在其最近重新设计的网站上使用了渐变效果:
单一的颜色表现力也很好,但是它们通常表现力有些简单、有些乏味。这时,通过添加一个简单的渐变效果,可以让你的设计更加生动,即使是这样一个简单的颜色上的变化。
下面的网站也使用了渐变效果:
标准的单一颜色在表现力和数量上都是有限的,但是使用渐变效果的颜色是无限的、可定制的,这为你提供无限制的方式来创建充满活力、变化多端的色彩方案。
下面案例中的色彩渐变,除了整个网页使用了渐变,在网页顶部的纯白色字体'lyft'背景上,同样使用了渐变效果。
在不使用单调的黑白背景和文本功能的情况下,渐变有助于提供美丽的明暗对比色。
spotify最近把自己的品牌进行重新设计,将其从一个由绿色、黑色组合主导色的调色板设计,转变为一个充满活力的颜色渐变组合设计,根据观众所看的不同网页,它的颜色会所不同,算下来应该有几十种不同的渐变颜色。
同样,pandora在其最新的品牌改革,色彩同样采用了渐变的方法。
渐变能使页面即美丽又简洁,它使品牌能够专注于他们的产品和消息传递,而无需一个简单而无聊的背景图。想在你的下一个设计项目中开始使用渐变吗?
动画/动态效果
在过去的几年中,动画gif在互联网上风靡一时。根据lifewire的说法,gif已经存在了超过25年,但在过去的五年里,它才重新流行起来。《纽约时报》(the new york times)认为,在怀旧的千禧一代中,动画图形和gif动图的复兴,让他们想起了剪贴画时代的经历。
那么,这是如何转化为设计和图形的呢?
动画设计可以帮助沟通和展示信息,比如视频,而不影响整体设计,或者要求对页面进行全面的重构。例如,下面网站使用动画设计,完美地反映了他们的标题和价值主张:
动画设计将这些不好把控的的方面,压缩在主题的计算机上的一个单独的平台上。
该设计传达了平台的完美使用效果,而无需视频或数十个独立的数字图形。
视频需要至少几分钟来观看,它们还会发出声音。而gif提供了更方便、快捷及完全无声的方式来表达内容。实现了图像和视频的完美结合,真正吸引了我们的注意力。
简而言之,动画设计和gif可以让你从设计中消化信息,而不用花时间去解读图像或观看整个视频。这是一种沟通的捷径,被证明是2018年及以后的关键设计元素。
discord在图标使用上,以些许不同的方式使用动画设计方式:
通过动画图标的应用,平面的感觉消失,这创造一个更动态的外观。现在看来,动画就应该是在那里,而不是一个图库配图、插图图形被放到页面上占用空间。
某营销机构甚至在其博客上使用与discord相同方式的动画图形,以减少平面的外观:
最重要的是,动画设计很有趣。它吸引眼球、引人入胜,给你一种你在大多数网站和平面设计项目中通常看不到的体验。他们比静态图形更具有创造力。
如果动画/gif设计得好,它会越来越流行。现在是开始研究动画图形、gif的时候了。
简约设计和粗体字
设计要简洁、简单,有时似乎与直觉相反。设计的全部意义在于表达激情、情感和价值。展示你的创造力和能力。那么为什么你不按照这个思路来做炫设计,却去创造一些非常简单、简约的设计呢?
因为简约设计非常有效!通过测试结果显示,发现用较少的文字和图片的简约设计,转化率提高了13%。
为实现简约的设计,在很多方面要进行调整,如电脑显示视频、箭头指向内容和一个清晰的醒目标题等等。
现在,领先公司正在使用白色空间和粗体字体方法来创建简约设计。例如,evernote是使用白色空间和粗体标题的典型例子:
空白区域允许用户专注于页面的最重要信息。它提供了抽象的、拥挤的设计所不能提供的方向和特殊性。直接看evernote的主页,你的眼睛会立即集中在他们的标题上:
“认识evernote,你的第二个大脑。”
同时更多的空白空间,提供了在右侧填写的注册表单的空间。通过减少页面上的杂乱的内容,可以轻松识别顺序和对齐方式。
就像evernote一样,slack保持简单,提供充足的空白、醒目的标语和清爽干净的设计。
uber应用同样的方法,将最重要的文本加粗,并使用白色空间来创建页面背景图:
directive consulting也是一个简约设计,突出他们最重要的信息的完美例子:
粗体文本可以立即引起注意。如果使用得少,它会使你的观众对品牌产生良好的第一印象。
大量使用图标
图标,如动画和动态图形,它可以帮助品牌和观众之间,轻松地进行沟通。图标可以用颜色和创意传达同样的含义,而不是以文字作为设计的描述性元素。
当涉及到社交媒体帖子的设计、网上销售的产品或介于两者之间的任何东西时,图标就成了文本的补充,从而巩固了它的含义。
社交媒体帖子同样可以从使用图标式图形中获益:
在一个关于视频创作的帖子中,该图标与目标完美匹配,帮助用户解读标题并获得兴趣。
例如,如果你正在撰写关于seo和网站的博客,则可以按照这些图标集进行选择,为你撰写的任何主题提供大量图标。
图标应用到信息图上,也非常有用。
用一个图标来帮助建立与观众之间沟通交流信息,比如统计数据,可以为你节省页面空间并使观众对于统计数据信息图更加感兴趣。
弃用图库中的图片,而用真正的员工和客户的照片
当创建一个全新的设计时,设计师通常去一个图库网站去找合适的配图。这些图片可能适合很多项目,而且图片大部分都是免费的!
虽然从使用昂贵的摄影器材或者雇佣一个摄影师上的方面来说,节省了时间和金钱,这似乎是个不错的主意,但你可能要三思而后行。研究表明,一般人可能很容易就发现这是图库中的照片,而且它们实际上会对用户的图形体验产生负面影响。
来自市场营销实验的测试表明,用你的照片、你的品牌、你的员工、客户或产品/服务来替换你图库中的照片,会大大提高你成功率。在一次测试中,将普通的图库图像替换为真实的人群图像,结果会增加34.7%的转化率。
这种设计趋势刚刚开始成为主流。在大多数热门网站上,你现在很少会看到使用图库照片。虽然在社交媒体上仍有使用的情况,但最佳做法是使用自定义图片。
例如,drift在他们的主页上直接展示他们自己的员工,而不是图库中没太大意义的图片:
电子邮件营销平台constant contact也一样,展示令人难忘的员工的面孔:
insightly直接在主页上展示他们的团队照片:
从设计到销售的每一个事情上,社交评论都是成功的关键驱动力。因为人们相信别人,相信评论和相信员工的经验。
在开始下一个设计项目之前,请务必去规划使用与你的设计项目有关的真人的照片和图像。如果你正在设计一个新的社交媒体图形,试着融入你自己的摄影图片。如果你正在设计一个信息图表,请把真实的客户照片用上。这是因为图库照片根本不会有很好的表现。
结论
设计趋势似乎每年甚至每几个月都会发生变化。使用错误的、过时的样式会极大地影响项目的成功。目前的图形设计状态主要围绕着五个特定的趋势,虽然这些趋势可能明年就不流行了,但现在让我们来应用这五个特定趋势:
1. 渐变
2. 动画
3. 利用空白和粗体字,实现简约设计
4. 图标
5. 真正的照片,而不是图库中的照片
在开始你的下一个平面设计项目之前,请考虑将这些元素添加到你的设计中,以吸引最大的受众群体并获得最大的“性价比”。
它们可以对你的设计信誉产生巨大的影响,成为你的设计武器库专家级的工具。