在为数字品牌进行设计时,您或您的设计师必须在创造视觉上新颖的事物与令人兴奋的事物同时传达所有重要内容之间找到平衡。 图标和图像齐头并进,以设置用户体验的基调,并邀请他们吸收您品牌的身份和精神。

在这里,我们整理了一个“操作方法”指南,首先侧重于在设计中使用图标和图像。 涵盖所有基础知识,这是您跳入数字创意之旅的绝佳跳板。

让我们潜入。

简单的线条艺术图标设计
Clicky的图标设计

如何成功显示图标

图标为数字设计增添了视觉效果。 如果您要提供大量信息,它们是将大量文本内容分解为更易消化和令人兴奋的格式的出色工具。 为了有效地做到这一点,您需要具有战略性。

继续阅读,以发现将图标实现到视觉内容中的五种绝佳方法。

1.指出重点

我们最喜欢的弹簧清洁器,项目符号要点或编号列表可以使文本更整洁。 它们将信息内容与文本正文的其余部分分开,突出显示了关键点和要点。 经典列表格式的一种更具创造性的方法涉及图像。

COVID措施图标
通过 亚历克斯·索洛尔扎诺

设计独特的符号以进一步传达您的品牌形象,并以视觉方式传达您的信息,使读者保持节奏轻快和有弹性。 例如,看一下这组图表,说明该品牌为应对Covid-19大流行而采取的步骤。 它不仅以轻松,易于阅读的方式解释了这些重要信息,而且充满了特色并代表了品牌价值。

2.标签图表或图形

一些设计适合于文字沉重的内容(例如,书面文章或书皮的醒目的部分),但其他信息性内容,例如 信息图表,则需要更直观的方法。 图像学的好处之一是它使读者可以可视化文本,这在您尝试传递数据或统计数据时特别有价值。

有和没有图标的人类的六个组成部分
通过 维斯美

看上面的示例,首先不带图标,然后带图标。 包含图标的选项看起来不是那么整洁并且易于阅读吗? 这是因为每个标签都有视觉支持元素,有助于解释每个要点。

要确保的一件事是,您总是合并与该点高度相关的图标,否则它们将变得毫无意义。 您并不是为了添加图标而添加图标,而是为了确保您的设计易于理解 视觉上吸引人。

让我们在下图中查看另一种类型的信息图,注意这两种数据可视化之间的区别。 交换带有可视徽标的图表的书面统计信息和名称,可以创建更清晰,更易于访问且因此更有效的设计。

青少年社交媒体使用情况(带有和不带有图标)
通过 维斯美

3.显示一致性

图标的样式多种多样,从平面,轮廓,等距到更多,以至于不知道从哪里开始,可能会有些不知所措。 在为您的项目选择或设计图像时,我们要牢记三件事。 找到正确的 风格颜色 尺寸 对于保持一致性和反映您的品牌形象至关重要。

图标样式

因为有很多不同 图标样式 要进行选择,无论选择哪种样式,在整个设计过程中都必须坚持使用单一图标样式,这一点很重要。

这是一个示例,可以帮助说明为什么这种一致性如此重要:

英国对肉类图标差异的态度
通过 维斯美

首先看看这些图标的外观和感觉如何? 它使整个设计具有凝聚力,并且融合在一起。 但是在第二个示例中,胡萝卜是黑色轮廓图标,而生菜仍然是彩色图标,这将观看者拒之门外并破坏了设计。

图标颜色

图标一致性的另一个重要方面是颜色。 尽管某些情况下要求图标保留“逻辑”颜色(请参见前面的示例中的胡萝卜和生菜),但有时更具创造力会更有趣。 这样做的一种方法是将图标的颜色与它们出现在其中的数据小部件(或整体配色方案)进行匹配,例如统计信息及其对应图标之间的以下一组协调颜色。

网络研讨会观众数据
通过 维斯美

图标大小

葡萄牙语的大图标
通过 比阿特丽斯·艾尔斯

在设计工作中实现图标时要考虑的最后一个主要问题是图标的大小。 无论他们要表示什么消息,请考虑该消息是否与其他要点一样重要。 如果是这样,并且您希望读者平等地考虑每个图标,则图标的大小应反映出这一点,因为设计项目中的每个元素都应简化在一起。 此外,使用相同大小的圆圈有助于围绕一些形状更奇特的图标创建统一的外观,这将我们引向下一个重点……

4.添加背景

图形信息
通过 维斯美

正如您在前面的示例中可能已经注意到的,作为线形的图标通常足够生动。 但是,有时您可能希望在设计中添加一个额外的对比层,以使图像确实令人眼花and乱,这意味着要添加背景。 除了常用的球形形状来支持您的图标外,您还可以探索其他一些创意途径,包括尺寸,形状,位置和透明度……无论您喜欢什么,都可以。

信息图表一步一步
通过 维斯美

5.添加动画

什么是设计思维?
通过 维斯美

如果您不够兴奋,为什么不考虑对图标进行动画处理呢? 添加滴答,抽动或颤抖会增加戏剧性,并更有效地传达符号的信息。 让过多的创造力(和动作)贯穿您的标志性想法,看看会发生什么……在此之前,让我们谈谈图像。

如何最大程度地发挥图像潜力

有一些晶圆厂图形,并且不太确定如何将其适合您的网页? 也许您正处于设计数字空间或平台的过程中,并且需要一些启发来使它生动有趣。 图像引起关注; 它们会吸引用户使用您的号召性用语,并提供丰富的体验。 不仅如此,而且还能告诉您品牌的故事和精神。 从视觉上讲

与白色空间和品牌色彩形成对比和补充时,特色图片在设计中是如此重要,以至于您需要使其非常完美地与竞争对手区分开。 因此,我们认为将五种替代技术结合在一起以在您的设计中呈现图像很酷。

1.裂开农作物

裁剪图像图案
通过 维斯美
裁剪图像图案

将图像合并到设计中的一种不寻常的方法是将图像裁剪为抽象形状并创建独特的图案。 您可以从简单的东西开始,例如正方形,圆形或三角形(如果您喜欢冒险,可以从不对称的东西开始),然后试着寻找合适的尺寸。 如果您要考虑的是几何设计,则也可以尝试平铺,其中一些形状可以显示图像,而另一些则可以填充互补色/对比色。

2.使用图像作为背景

社区共享在线营销形象
通过 维斯美

用图像填充背景可以营造气氛,并欢迎读者与您的品牌建立更深的联系。 您可以尝试不同的技术,例如使用透明框在图像上显示文本,但请确保选择对比的颜色和位置以使内容易于阅读。

3.抠图

美食摄影剪纸
通过 维斯美
美食摄影剪纸

喜欢图片中的主要元素,而不喜欢背景吗? 将不需要的部分切成图像切口(请参阅甜甜圈)。 这项技术为您提供了更大的自由度,因为您可以将其主要功能插入设计中,而不必担心方形/矩形照片的边缘感觉笨拙。 它还会打开您的网站以包含空白。 发挥创意,看看可以使用多少个类似的图像切口。 您甚至可以将图像切口放置在文本的一部分上,以使设计更具深度。

4.拼贴

超现实的图形
通过 马特·帕默

自1910年左右以来,Collage的实践随着几种艺术和文化运动的发展而发展。 如今,它充满空白,以创建动态的数字设计,充满个性和品牌形象,令人着迷。 这是一种极好的取笑或嬉戏地操作内容的方式,它是显示图像的最终替代方式。

您可以使用光滑的网格系统作为基础,或者您想去“老派”,扫描并翻录照片,然后将它们放到数字拼贴中,从而散发出低劣的DIY美学。 探索成分,但要确保所有成分都与您的整体品牌标识和调色板紧密相关。

5.添加一个简单的过渡

艺术家杂志图片
通过 珍雅·林卓克

大入口永远不会伤害任何人,图像也不例外。 静态网站的功能非常强大,但也难以接近。 简单的动作转换可增加站点与用户之间的交互性,为用户提供难忘的体验,同时又提供了表达个人品牌标识的机会。

是时候尝试了

图标和图像可能只是设计的一小部分,但可能会产生巨大的影响。 通过这10个技巧,您可以开始将它们集成到您的设计中,从而将它们带入一个新的高度。 不确定哪种图标或图像适合您? 完善数字设计的最佳方法是通过实验。 选择正确的图标和图像,并学习如何操作它们以符合您梦brand以求的品牌美感,这是一个过程,然后猜测一下,这很有趣!

克洛伊·维斯梅(Chloe West Visme)
关于作者

Chloe是在线图形设计软件Visme的内容营销经理。 她喜欢撰写有关数字营销和设计的文章,并喜欢寻找通过内容吸引受众的新方法。 Chloe的总部设在南卡罗来纳州的查尔斯顿,她喜欢与儿子一起探索城市。