出海干货 | 如何为所有在线平台打造出色的品牌视觉（无需Photoshop）

越简单越好

如果这是你的第一套Logo，那么你可能还未意识到自己究竟需要多少种设计尺寸，但是它实际上比你想象中的要多得多。

尺寸最小的设计估计要属收藏页图标（favicon）了，它是你在浏览器的地址栏或标签页看到的小图标（如下图所示）。

一些大众熟悉品牌的收藏页图标

这一图标的设计绝对是越简洁越好。

详细一点的Logo设计可能在完整的网站页面上看起来很不错，但是如果缩小到最小尺寸时，它就可能显得有些冗繁了。就算你为Instagram或Twitter选择头像，完整的图标有时候可能都会显得有点复杂。

切忌要保持简洁的设计。

不同版本的设计

我们到目前为止所举的一些例子都是方形图片，但是你该如何设计网站主图或YouTube横幅图片呢？这些图片的背景一般都是呈长方形的，所以比较适合长方形的Logo或文字Logo。

请看下面来自沃尔玛的案例。他们在Facebook上选用正方形的头像，但是他们也有使用长方形的文字Logo设计，这样就能保持所有平台上图标设计的一致性。

考虑使用文本

某些行业会有一些大家所熟知的常见元素或形状。例如金融业的美元符号、化妆品行业的化妆刷之类的元素。因此，你的行业中也可能会存在一些比较常用的颜色。

无论你是因为想向行业靠拢而使用这些常用的符号、颜色或传统元素，还是想尽量避开这些内容，最终都得由你自己来定。你只要确保你所做的这些决定是经过深思熟虑的即可。

如何打造Logo

你可能因为觉得需要记住的内容太多而开始变得有点紧张，但是我前面不是说过了吗，你无需掌握Photoshop也能完成这一任务。

你只需要利用一些应用即可轻松应对。

Hatchful是一款适用于iOS和安卓系统的应用，它能够更准确地帮你设计Logo。根据你提供的一些线索与元素，它可以帮你选择最佳的Logo设计模板。

你可以调整颜色、字体及其它内容，之后就可以下载一整套设计及相关内容。你无须付费，但是要是你愿意花点钱的话，他们也有更高级别的Logo选项和更多的设计模板，而且你可以等到完成设计与编辑之后再付费，付完后就可以下载整套设计内容。

现如今，推广并不单单只限于网站的推广，有些人因项目要求有可能还没有或不需要创建网站。

但是无论你从哪里开始推广（网站、YouTube、Instagram等），你都需要注重视觉的打造。

这也就意味着你需要对社交媒体的图像进行品牌化，你需要对的尺寸与颜色，而且在每一个平台都要保持风格一致。

我们完全可以继续分享一堆不同平台对应的图像尺寸，但是这样就得需要一个非常长的列表，而且一旦某一平台改变设计布局或图像尺寸之后这些内容就会跟着过时。（如果你尺寸方面需要一些参考，那么你可以看看Sprout Social的这篇博客。）

为何不尝试用一些能够帮你弄好所有尺寸的工具呢？

Hatchful会帮你设计需要放在YouTube、Facebook、Instagram等平台上的品牌图像，而且你可以直接从应用上下载最终的设计完成稿。另外，这些图像都是为不同平台量身定制的。

你所需要做的只是将这些图像上传到社交媒体平台上，然后你就有了自己的品牌内容。

如果你需要在推文上添加图片或是想为Instagram打造一张图片内容，那么你也有一些工具可用。

Canva可以为你保存不同社交媒体图片的推荐尺寸，所以你只需选择Pinterest图片、推文图、YouTube缩略图或者其它任一平台的预设图片即可完成设计。你只需确保字体、颜色以及设计符合现有的品牌推广指南即可。

你也可以使用Buffer旗下的图像编辑工具Pablo，它可以帮你在很短的时间内打造一些专为社交媒体发布内容而优化的图像。

有些人一开始就创建网站，有些人将这一步留到最后，但是在网络上拥有属于自己的地盘能够让你更有话语权，而且它还是帮助品牌创造利润的一大因素。

这也就是为何保持前后风格一致尤为重要，因为网站的视觉设计可以比其它平台的灵活得多。你需要考虑如何使用以下几方面的内容：

✍模板

✍图像

✍字体

✍Logo

✍颜色

模板

在设计品牌视觉时，网站的主题是所有其它内容的基础。你可以把它看做是房子的根基：让它先为你打好基础，然后你可以在此基础上根据自己的喜好来调整。

这里我们所谈及的风格不是房产兄弟家居设计那种拆墙型的个性化定制。所以你在主题选择方面需要非常认真，确保数字墙（即网页的布局）从一开始就接近于你想要的风格。

如果你在打造一个Shopify在线商店，那么你就可以从模板商店入手。你可根据自己想要的大致布局与风格，利用价格等因素进行筛选，获取一些主题模板。

图像

网站的图像包含主图、博客图片、侧边栏、产品图等。网站所需要的图像五花八门，所以它是品牌推广非常重要的一部分。

当你在选择图像时，应尽量选择一些风格一致的内容，这样给人的整体感觉就会更舒服与连贯。如果你为网站选择的图像中有一半是卡通，而另一半是经典黑白图，那么你的网站给人所带来的印象可能就没那么理想（除非这是你故意设计的）。

字体

因为你已经提前为品牌选好字体了，所以在风格指南中就应该有字体记录，那么将它们添加到模板中应该跟在模板编辑器内选择字体一样简单。

很多模板和平台会简化这一步骤。如果你能在字体选项中找到自己所需要的字体，那么一切都好办。

但是如果你找不到你想要的字体，那么你就需要考虑使用模板中的代码了。如果你对这一内容没有什么信心的话，那么你可以考虑将它外包给专业人员。如果你有用Shopify，那么你可以寻找专业人员来帮你解决一些像模板定制这样的小任务。

Logo

还记得我们之前提过的Logo变体么？如果你之前有所准备的话，那么在设计网站的时候就可以将它们派上用场了。

Logo的最小变体，可以设计成网站的收藏页图标，然后你可以为主图选择大一点的尺寸。你还可以在网站的不同地方适当地插入一些Logo。

举个例子，如果你在打造一个Shopify商店，那么你就可以在订单配送提醒中添加Logo，这样你就可以确保每一封邮件都将是经过品牌化的。

下面是Province of Canada提醒客户订单已送达的例子。

颜色

一旦设置好模板以后，你就可以开始调整颜色。你可以回顾一下之前所选的一些颜色，确保所有的颜色风格一致。

这个时候你之前记下的16进制代码就开始发挥作用了，因为它能帮你确保网站上所选的所有颜色都达到完美像素。