7种与观众交流的图形类型(信息图)| Brafton

你已经听说过cliché关于一张图片的价值(提示:关于这篇博文的长度)。但如果我们告诉你每一张图片，更具体地说，图形设计资产就像一幅插图或一个动态图形——价值1000美元的品牌价值?

营销人员了解具有视觉吸引力的东西能给品牌带来的真正价值，但你可能不知道能带来多大的价值。通过平面设计传达品牌标识是任何营销策略的重要组成部分。平面设计回答了这个问题:“这家公司卖什么?代表什么?”

平面设计在市场营销中的主要目的

平面设计是视觉传达的一种形式。

这家公司卖什么或代表什么?它的产品是如何运作的?为什么客户要选择它而不是竞争对手?

虽然从理论上讲，你可以只用文字来回答这些问题，但实际上，添加或替换品牌平面设计是一个非常优秀的策略，基本上每个品牌都遵循:

人类的大脑比语言更快地解释图像根据麻省理工学院的研究人员的说法，这一过程只需几毫秒。
受众强烈地将品牌名称与颜色等视觉元素联系在一起，这些视觉元素会影响他们对品牌身份的评价，并影响他们对品牌的感觉。
具有一致的视觉风格和品牌的组织在多渠道营销策略中脱颖而出。

多年来，客户关系管理套件提供商Salesforce通过一个简单的logo图形将其品牌形象和形象烙进了B2B买家的脑海中，图形设计师在媒体中使用了这个简单的logo图形，其中包含“软件”一词:

Salesforce早期的使命是让企业用其基于云的套件取代他们的本地设计软件——他们在本地托管和/或执行的应用程序，就像在cd - rom时代一样。

虽然“没有软件”是一种不同寻常的图形设计和信息策略，因为从技术上讲，Salesforce仍然在销售软件，只是不同而已。Salesforce首席执行官马克·贝尼奥夫(Marc Benioff)看到了它的价值，即通过这种视觉元素将Salesforce的品牌标识与竞争对手区分开来。

他将“无软件”描述为Salesforce提供“面向未来”体验的“个性”的一部分——换句话说，云客户关系管理，而不是预置软件。这幅图像的部分天才之处在于，它很容易通过计算机图形复制，从而得到更广泛的应用。

对于Salesforce和其他公司，平面设计和设计软件因此有几个主要目的:

打造一个一致的品牌视觉标识(“无软件”标志= Salesforce)。
通过行动建立品牌亲和力(Salesforce不销售传统的CRM软件)。
支持广告和营销活动(“无软件”设计曾经在Salesforce品牌中无处不在)。

营销中使用的主要图形类型是什么?

图形的类型公司用于上述目的的产品范围从其网页的UI和UX设计组件到他们在数字和物理媒体中包含的插图。图形元素可分为两大类:光栅图形和矢量图形。

下表列出了这两种图形之间的基本区别。基本上，光栅图形是基于像素的，而矢量图形是由笛卡尔平面上的点生成的几何原语，这些点由路径(向量)连接。

图形类型	作文	文件格式	相对文件大小	图形软件	Resizability	例子
光栅图形	像素	.psd， .bmp， .jpg， .gif， .png。, . tiff	大	Adobe Photoshop, Acorn, GIMP	当缩放时像素化和别名。	上传到公司网站的图片。
矢量图形	笛卡尔平面上的点。	.ai, .。， .eps， .pdf	小	Adobe Illustrator，素描，Inkscape	无质量损失或混叠。	可打印的标识和包装。

下面是来自Shutterstock的一个基本示例，展示了两种类型之间的本质区别:

这两种类型的图像在内容营销中都很重要。

例如，发布到网站或社交媒体渠道的照片是光栅图形。另一方面，包装设计中的标志和图像是矢量图形，具有高可调整性和流畅的线条，在现实世界中看起来很棒。从前面突出的Casper例子中，地铁广告和枕头包装是矢量图形，而网站图像是光栅图形。

让我们深入挖掘，看看光栅和矢量图形是如何归入7种更具体的图形类型中的。

1.视觉识别平面设计

在这个类别中，我们有徽标、图标、排版和调色板——换句话说，图形设计元素在视觉上定义了一个品牌的基本层面。

关于排版的注释

印刷术是字母排列方式的总称，包括字体风格、字体和字母结构。考虑任何将被纳入视觉元素的文本都是非常重要的。在平面设计中，甚至有一个专门为文本的视觉组件指定的名称，称为文具设计。文具设计对于市场营销中的标志设计是很有价值的。

游戏中的视觉识别

让我们回到Salesforce。它已经摆脱了“没有软件”的咒语，但它仍然有令人难忘的品牌，这在很大程度上要归功于一致的颜色和字体，以及在平面设计中使用吉祥物。

这段Instagram视频展示了多种视觉识别设计元素的作用:主标志——蓝色云形背景上风格独特的“Salesforce”字体——旁边是一个带有相同标志的角色，也拿着一个相同色调的花盆。

在Instagram上查看这篇文章

Salesforce分享的一篇文章(@salesforce)

该视频也是一个动态图形被动画化的例子。事实上，视觉识别图形可能有多种形式，并与下面的一种或多种图形类型重叠，因为品牌识别应该在品牌媒体中得到加强。

调色板的重要性

每一个细节都是重要的，以敲定一个视觉形象，立即识别，特别是当涉及到选择调色板。与你的品牌相关的每一个视觉元素都应该很容易与品牌本身联系起来。在选择正确的颜色时，要考虑你想在观众中唤起什么样的情感。让我们来看一些例子:

橙色:家得宝、Nickelodeon和Payless等品牌都使用橙色来让人们感到兴奋和充满活力。
蓝色:这种颜色通常代表一种忠诚和可靠的平静感，这就是为什么许多科技公司将蓝色融入他们的标志。想想英特尔(Intel)、惠普(HP)或三星(Samsung)等成功的热门公司。
黄色:当大多数人看到黄色的东西时，他们往往会感到高兴和充满喜悦(如果使用得当)。只要看一眼麦当劳或尼康的标志，你就会有一个好心情。

2.动画

动态图形通常表示带有动画和画外音和/或伴随字幕的视频，尽管它也可以指较小规模的内容，如之前的Casper动画GIF。

谷歌Chrome的官方YouTube页面包括一个大量的动态图形库，用于经常解释复杂的，技术密集的主题，如密码管理和管理员角色的创建。下面是他们密码管理的一个例子:

动画显示了一些与密码相关的常见图像——密钥、输入字段等——主要以红色、蓝色、绿色和黄色呈现。这4种颜色与Chrome最为相关，尤其是谷歌。

3.营销平面设计

信息图、幻灯片、横幅、小册子和广告所有这些都属于这个广泛的类别，包括在促销和品牌推广工作中使用的任何形式的平面设计。这些资产非常适合通过多种渠道进行传播，从电子邮件活动到博客帖子。

这张来自Dropbox Business的信息图是典型的格式，也是整体良好图形设计的一个例子。它包括:

要点简明扼要。
定量和定性数据的混合。
说明性的图形。
行动呼吁(下载电子书)。
品牌颜色，标志和排版。

4.UI设计/ UX设计

UI设计决定了人们与网站或应用程序交互的特定界面。同时，UX设计指的是他们在这些交互过程中的整体体验(例如，UI是否易于使用?)这些因素都依赖于网站上设计良好的视觉元素。

电子商务平台Mercari有一个独特的品牌标识，即“销售应用程序”，其调色板以紫色为中心，偶尔有橙色。它的移动应用程序包含多种视觉元素，支持其以卖家为中心的信息:

下图截图默认选择“Sell”;进入“购买”页面需要额外的点击。
“设定目标”按钮会引导你如何在平台上销售产品。
顶部的横幅提供了列出商品的优惠券。
“出售”按钮位于底部托盘的中心，颜色不同。
实际售出物品的照片会放在显眼的位置，以增加动力。

理想的网页设计包含了吸引人的视觉元素和易于导航的用户界面。用户体验设计师和用户界面设计师将能够一起工作，创造两个世界的最佳融合。

5.包装设计

当然，产品的物理包装并不纯粹是功能性的。它们也是通过工业设计进行视觉传达和品牌推广的机会。

要想在品牌上创造令人难忘的包装，就需要将公司的品牌标识转化为现实世界。这个过程通常从设计师在矢量图形编辑器(如Adobe Illustrator)中创建模型和打印就绪的资产开始。

咖啡品牌Nespresso展示了包装设计如何直接支持品牌。这个盒子包括独特的公司标志(注意“N”)，以及一个背景，大致显示了这种特殊的口味在酿造后的样子。对于买家来说，这是一种有效的方式，让他们知道自己想要什么。双语标签(“Barista Creations | Créations Barista”)也是Nespresso品牌标识的重要组成部分。