如何为您的所有在线平台 DIY 一个令人惊叹的视觉品牌(无需 Photoshop)

已发表: 2017-11-21

建立品牌标识不仅仅关乎视觉效果,还可以为您的图形添加一层润色,让您的观众尖叫“专业”。

无论您要构建什么,无论是博客、Youtube 频道、商店还是其他完全不同的东西,这都是您想要的。 如果您正在更新您的品牌,甚至只是您的视觉资产,这也很重要。 (假日主题的社交媒体资料,有人吗?)

另外,作为一个拥有杀手级图形的热门新 YouTuber 脱颖而出,比作为一个不知道如何摇滚缩略图的 YouTuber 脱颖而出要好得多,你知道吗?

幸运的是,这些天你有选择。 如果您还没有准备好投资专业设计师,并且学习 Photoshop 的想法让您畏缩,您仍然可以为任何项目或平台建立一个伟大的视觉品牌。

无论您是更新现有品牌,还是启动一个全新项目,请确保您的视觉效果恰到好处。 以下是使用适合初学者的工具的方法。

介绍 Hatchful

Hatchful 是您掌中的品牌助手

Hatchful 是一款移动应用程序,可帮助您从手掌开始构建视觉标识。

您只需回答几个有关您业务的问题,Hatchful 就会从数百个可用模板中推荐徽标。 从那里,您可以自定义品牌的颜色和字体,并下载您需要的所有品牌资产——包括适用于所有社交媒体平台的完美尺寸图像。

无论您是否是 Shopify 商家,Hatchful 均可免费使用。 (您可以在应用程序中购买高级徽标模板,并且只有在下载时才需要付费。)

安装 Hatchful

品牌战略概述

在您真正深入了解您的视觉效果之前,您需要更全面地了解您的品牌。 毕竟,这不仅仅是关于你的字体、颜色、标志和视觉营销,这些都和这些东西一样重要。

你的品牌的基础是你是谁,你代表什么,你为谁服务。 一旦你知道了这一点,细节就会变得容易得多。

你的品牌的基础是你是谁,你代表什么,你为谁服务。

为了帮助您更好地了解您的品牌,请尝试回答以下问题。

  • 你做什么工作?
  • 你为什么这样做?
  • 你为谁服务?
  • 他们需要什么?
  • 是什么让你与众不同?

记住——你不可能成为所有人的一切,你不应该尝试。 最好的品牌是代表某种东西的品牌,所以不要害怕把赌注放在地上。

这甚至可能意味着在列表中添加一些问题:

  • 不做什么?
  • 为谁服务?

例如,如果您处于传统上以男性为主的行业或利基市场,但您的品牌专注于女性受众,那么这很重要。 或者也许你是一个瑜伽品牌,但你是为那些从未想过自己会成为“瑜伽人”的人服务的。

当您为品牌的各个方面(而不仅仅是视觉效果)打下坚实的基础时,做出选择会容易得多。

进一步阅读:需要确定品牌的每个部分吗? 看看这个建立品牌的七步指南。

建立视觉品牌形象

现在您已经有了良好的基础,是时候开始关注视觉效果了。

拥有强大视觉品牌的公司在竞争中占据优势,因为大多数时候,您甚至可以在没有看到他们的标志的情况下识别出他们的广告或帖子。 这是因为它们与视觉效果一致,从使用的字体到图像的处理。

这是一个例子。 你觉得这个广告是谁做的?

可识别的广告示例
照片提供:广告论坛

还是这个?

可识别广告的另一个示例
照片由(剧透警报)提供:耐克

您可能立即知道第一个广告来自 Apple,来自他们长期运行的 iPod 广告风格,而第二个广告中的字体尖叫着耐克。 这就是一致的视觉品牌的力量,包括一致的标志使用、字体使用和产品设计。

您也可以通过增加视觉效果的一致性来建立一个与这些大品牌一样可识别的品牌,这样每当他们看到 Pinterest 上的图钉或 Youtube 封面图片时,他们就知道它来自您。

一个做得很好的品牌是金融饮食。 以下是他们的 Youtube 页面、网站和商店中的一些图片,所有这些显然都是同一个一致品牌的一部分。 只要他们的粉丝看到一张图片,他们就可以看出它来自 TFD。

tfd 品牌标识指南示例

一致的品牌是帮助您未来的粉丝和客户找到您的另一种方式,随着时间的推移,这些视觉效果会提示他们,他们可以期待从您那里获得与他们习惯相同的高质量内容或产品。

当您决定要为您的品牌使用什么时,请务必写下您选择的内容:

  • 字体:您将使用哪些字体作为标题? 您将哪些用于正文? 您是否使用任何字体来强调?
  • 颜色:什么颜色适合您的品牌? 你会用多少种颜色? 选择它们时,请确保记录每个十六进制代码,类似于#5c6ac4。 这就是大多数网络平台将确保他们使用您想要的确切颜色的方式。
  • 图案:你用条纹吗? 波尔卡圆点? 没有图案,曾经吗? 记下它,并保存您喜欢的任何示例。
  • 图像处理:你所有的图像都是黑白的,还是你喜欢鲜艳的色彩? 你的图像中总是有人物吗? 您只想使用插图吗?
  • 标志变体:您使用标志的不同方式是什么? 您是否有基于文本的徽标、图标或两者兼有?

这是品牌风格指南可以派上用场的地方。 它可以帮助您跟踪您对品牌所做的所有决定,以便下次您需要创建某些东西时,它看起来就像来自您一样。

如果您将图形创建交给虚拟助手(或随着您的成长而发展的其他员工),样式指南也会很有帮助,并且如果您使用应用程序来构建图形,则可以让您保持正轨。

创建徽标

当你面对像耐克耐克这样的图标时,设计一个标志可能会感觉很困难,但是有一些简单的规则可以帮助你创建一个满足你需要的标志(以及更多)。

把事情简单化

如果这是您的第一个徽标牛仔竞技表演,您可能没有意识到需要多少种不同的尺寸,但它比您想象的要多。 至少,您需要对您的徽标进行一些变体才能为您网站的网站图标工作,这是您在 URL 栏中看到的小图像或 Web 浏览器中的选项卡。

来自大品牌的网站图标示例。
来自知名品牌的一些网站图标。

完成这项工作的最简单方法是让您的徽标保持简单。

非常详细的徽标在完整的网页上可能看起来很棒,但是当缩小到您需要的最小尺寸时,最终看起来很杂乱、忙碌或简直糟糕透顶。 即使缩小到 Instagram 头像或 Twitter 个人资料图片也可能带有详细的徽标。

简单是你的朋友。

创建变体

到目前为止,我们涉及的所有示例都是方形图像,但是您的网站标题或 Youtube 横幅图像呢? 这两者通常会给你更多的水平空间,矩形徽标或文字标记可能更适合。

这是沃尔玛的一个例子。 他们在他们的 Facebook 个人资料照片中使用方形图标,但他们也有一个矩形字标——为了保持一致性,他们在其他地方使用了这个图标。

沃尔玛不同标志变体的示例

考虑上下文

您可能拥有通常被认为是您所在行业的一部分的特定项目或形状。 想想金融的美元符号,化妆品的化妆刷,诸如此类。 您的行业中可能还会使用常见的颜色。

您是想深入了解它并使用那些常见的符号、颜色或约定,还是完全避免它们,这取决于您。 只要确保你是有意做出选择的。

如何创建您的徽标

这就是你可能会感到紧张的地方,认为这需要记住很多东西——嘿,这不是你不需要了解 Photoshop 就能完成所有这些的承诺吗?

你说得对。 这就是可以为您完成繁重工作的应用程序的用武之地。

Hatchful是一款适用于 iOS 和 Android 的应用程序,可以为您消除标志设计中的猜测。 它的构建考虑了所有这些,并且通过您的一些输入,它可以帮助您从数百个可用的徽标模板中选择最佳的徽标模板。

您可以调整颜色、字体等,并下载您需要的所有变体和资产。 它是免费使用的,如果您想在您真正喜欢的设计上投入一点钱,还有高级徽标选项 - 但您只需在完成编辑并准备下载新徽标时付费和品牌资产。

进一步阅读:这里有五个其他的标志生成器可以帮助你创建一个标志(以及关于如何制作一个伟大的标志的额外建议)。

品牌化您的平台

如今,仅仅为您的网站打上品牌并收工是不够的——根据您的项目,您甚至可能还没有或不需要网站。

但是,无论您从哪里开始建立品牌(您的网站、Youtube、Instagram,等等),您都需要注意无处不在的视觉效果。

这意味着您需要为您所在的每个平台提供尺寸合适、颜色合适的品牌社交媒体图片。

您需要为您所在的每个平台提供尺寸合适、颜色合适的品牌社交媒体图片。

我们可以共享每个平台的每个图像尺寸的完整清单,但这不仅会使这个列表变得很长,而且一旦一个平台更改其布局或首选图像尺寸,它也会过时。 (如果您正在寻找尺寸,Sprout Social 可以很好地在这篇文章中保持它们的最新状态。)

但是为什么不使用可以为您处理所有图像大小的工具呢?

Hatchful 将为您构建 Youtube、Facebook、Instagram 等的品牌社交媒体图像,您可以直接从应用程序下载它们。 您的图像将针对每个平台进行适当的格式化和调整。

您所要做的就是将每张图片上传到您的社交媒体平台,然后砰——您的品牌。

当您需要在推文中添加图片或为 Instagram 制作精美的报价图片时,可以使用相应的工具。

Canva 会为您跟踪推荐的社交媒体图片尺寸,因此您只需选择 Pinterest 图形、Twitter 图片、Youtube 缩略图或任何其他预先调整大小的社交媒体图片。 您所要做的就是确保字体、颜色和布局与您现有的品牌相匹配。

您还可以使用 Pablo 创建针对社交媒体帖子优化的图像,Pablo 是 Buffer 的一款图像编辑工具,专门用于帮助您快速创建出色的社交媒体图像。

品牌化您的网站或商店

在您的项目中的某个时刻,您可能想要建立自己的品牌网站。

有时这是第一步,有时是最后一步,但在互联网上拥有一个可以调用自己的地方可以让您完全控制创意,并且可以成为您的项目产生收入的重要因素。

进一步阅读:这里全面介绍了如何在 Youtube 上赚钱。 剧透警报:一些方法涉及在视频流媒体网站之外拥有自己的网站。

这就是一致性变得更加重要的地方,因为与任何其他平台相比,您拥有更多的视觉灵活性。 您需要考虑如何使用:

  • 主题
  • 图片
  • 字体
  • 标志
  • 颜色
  • 主题

主题

当涉及到您的视觉品牌时,您网站的主题是大多数其他决策的基础。 把它想象成房子的地基:它为您提供了入门的基本框架,您可以从那里自定义它以适应您的口味。

不,我们不是在谈论 Property-Brothers 风格的拆墙定制。 这就是为什么你需要仔细选择一个主题,以确保数字墙——也就是你的页面布局——接近你从第一天开始想要的。

如果您要建立 Shopify 商店,请从主题商店开始。 您可以根据要构建的内容、价格等对主题进行排序。

进一步阅读:在选择主题方面需要帮助吗? 以下是为您的项目选择完美主题所需了解的一切。

图片

您网站的图片包括标题图片、博客文章图片、侧边栏图片、产品图片等所有内容。 事实证明,网站往往有很多图片,这就是为什么它们是您品牌的重要组成部分。

当您选择图像时,请尝试选择一致的图像类型,以使它们看起来都具有凝聚力。 如果你的一半图像是卡通,另一半是经典的黑白图像,那么你可能没有创造出正确的印象(当然,除非你想要这样做)。

需要图片吗? 爆发可以提供帮助。 这是一组免费的图片素材,可用于您的项目或商店。

字体

由于您已经选择了品牌的字体,并且在样式指南中记录了它们(对吗?!),因此将它们添加到主题中应该就像在主题的编辑器中选择它们一样简单。

大多数主题和大多数平台都会使这变得像从下拉列表中选择一样简单。 只要您将字体视为选项,就一切就绪。

如果您没有看到您选择的字体作为选项,那么是时候深入研究主题的代码了。 如果这超出了您的舒适区,那么可能是时候外包给专家了。 如果您在 Shopify 上,您可以找到专家来帮助您完成主题定制等小任务。

标志

还记得我们谈到徽标变体的时候吗? 当您需要设置您的网站时,您会很高兴拥有它们。

您最小的变体(如果有的话)将作为您网站的 favicon 的一个很好的补充,并且您可以将更广泛的版本添加到您网站的标题中。 您还可以将您的徽标添加到任何其他有意义的网站元素中。

例如,如果您正在建立 Shopify 商店,您可以将您的徽标添加到所有发货通知中,这样您品牌发出的每封电子邮件都带有 .

这是加拿大省的一个例子,告诉客户他们的订单已经发货。

来自加拿大省的品牌电子邮件示例

颜色

一旦你有了一个主题,你通常可以自定义一些颜色。 您需要回顾您已经选择的特定颜色,并确保它们在您的网站上得到一致使用。

在这里,您写下的那些十六进制代码将派上用场,以确保您的品牌颜色在您的网站上像素完美。

建立令人难忘的品牌形象

如今,您可以使用一些适合初学者的应用程序创建出色的视觉品牌,而可靠的视觉效果是使您的在线项目或商店取得成功的重要组成部分。

要制作徽标并尽快为您的所有社交媒体平台打上品牌,Hatchful 是您的最佳选择。 立即获取适用于 iOS 或 Android 的应用程序,您就可以顺利实现全品牌(或重新命名)在线形象——无需 Photoshop。

最重要的是,所有这些工具都适用于您想要更新您的社交媒体资料或整个网站的任何时候。 这可能是季节性业务、假日季节,甚至是需要全力以赴的主题产品发布的情况。

无论您更新品牌的原因是什么,您都准备好了。