如何为所有在线平台打造出色的品牌视觉(无需Photoshop)

品牌视觉

打造品牌不仅仅在于视觉美学,更是要升华你的平面设计,向受众传达一种“专业感”。

无论是博客、Youtube 频道,商店,还是其他任何平台,道理都是一样的。当然了,当你更新品牌时,或者只是更新视觉资产时(比如以假期为主题的社交媒体资料),也请始终牢记这一点。

另外,与其做一个甚至对制作视频封面都一无所知的视频博主,不如手握杀手级平面设计,做一名冉冉升起的 YouTuber 新星。

好消息是,如今你有很多选择。如果你不想雇佣专业设计人员,或者担心 Photoshop 的学习难度太大,那么你仍然有其他方法,为项目或品牌的在线平台打造令人惊叹的视觉效果。

无论你是要更新现有品牌,还是启动一个全新项目,请先确保你的视觉效果符合你的品牌形象。接下来我们将介绍专为初学者而设计的妙用工具,带你进入品牌的视觉设计世界。

 

品牌策略概述

在真正进入视觉设计世界之前,你需要对你的品牌有一个更全面的了解。毕竟,这不仅关乎字体、颜色和 logo (这些因素同样很重要)。

品牌的基础是你的谁,你代表什么,你又为谁服务。如果你能回答出这些问题,那么事情就变得容易多了。

为了帮助你更好地了解自己的品牌,请试着回答以下问题。

  • 你是做什么的?
  • 你为什么要做一行?
  • 你为谁服务?
  • 他们的需求是什么?
  • 是什么让你与众不同?

请注意,你不可能做到满足所有人的需求。也不应尝试去满足所有人的需求。最好的品牌是那些能够代表某种东西的品牌,所以放心大胆地去追求你的目标吧。

你还可以再问自己几个更深入的问题:

  • 做什么
  • 为谁服务?

例如,假设你身处一个有史以来始终以男性为主导的行业或利基市场,但是你的品牌却只针对女性受众,或者,假设你是一家瑜伽品牌,但你的受众却是那些从未想过上瑜伽课的人,那么这几个问题就非常关键。

有了坚实的基础才能够轻松地为品牌的各个方面做出最佳选择——而不仅仅是视觉效果方面。

深度阅读:正欲敲定品牌的方方面面?请查看我们的打造品牌的七步指南

 

打造视觉系品牌

现在你已经有了良好的基础,接下来我们就来深入地了解一下什么是视觉效果吧。

视觉效果强烈的公司可以在激烈的市场竞争中轻松占据上风。从字体使用到图像处理,所有这些元素皆与品牌的视觉效果一脉相承,因此在大多数情况下,人们甚至都不用看清楚 logo 就能够辨别出这是谁家的广告或帖子。

看看下面这个例子。你能猜出这是谁家的广告吗?

品牌视觉
图片提供:Ad Forum

下面这个呢?

品牌视觉
图片提供 (剧透警告): Nike 

可能你立即就猜到了,第一个广告来自 Apple。一直以来,他们的 iPod 广告风格始终保如一,而第二个广告中的字体则“大声叫嚷”着自己的名字:Nike(耐克)。一致的 logo,一致的字体风格和一致的产品设计,这就是一致的视觉效果的品牌力量。

 

免费领取选品攻略:如何为自己的在线商店寻找一款可盈利的产品

为打造自己的品牌激动不已,却不知从何入手?这部完整攻略教你如何寻找高销售潜力的最新趋势产品。

 

你也可以为自己的视觉效果添加某些一致的元素,打造出一个同样具有高辨识度的品牌。这样,每当人们在 Pinterest 上的 pin 或 Youtube 的视频封面看到你的品牌图片时,他们的脑海中总是能立刻蹦出你的品牌名字。

一个非常典型的例子就是 The Financial Diet。下面这些图片来自该品牌的 YouTube 频道,网站和商店。所有这些图片显然都源自同一品牌。他们的受众看到这些图片后,立刻就可以知道这是 TFD 家的东西。

品牌视觉

保持品牌的一致性还可以帮助你未来的粉丝或者潜在消费者发现你的存在。经过长期的耳濡目染,潜移默化,当他们想要寻找另一个高品质内容或产品的替代方案时,脑海中总会首先浮现出你的品牌。

在决定如何为你的品牌添加那些视觉效果时,请先考虑清楚它们的用场在哪里:

  • 字体:标题用哪种字体?正文用哪种字体?想强调某一信息时用哪种字体?
  • 颜色:哪种颜色适合你的品牌?使用几种颜色?选择颜色时,请务必记录每种颜色的十六进制代码,类似于#5c6ac4 这种。大多数网络平台都采用十六进制代码,以保证他们能够正确提供你所期望的颜色。
  • 图案:条纹?圆点?还是留白?记下你喜欢的图案,或者将你喜欢的示例保存下来,以备所需。
  • 图片处理:图片是选择朴素典雅的黑白色,还是选择绚丽多彩的色彩?所有图片中都否包含人物吗?还是只想用作插图?
  • logo 变体:在什么位置使用 logo?是基于文本的 logo,还是基于图标的 logo,亦或者是两者兼而有之?

这就到了品牌风格指南的用武之地了。它将为你记录下你的品牌决策之路,等到以后进行新一轮的创作时,这上面记录的一切都将成为你的素材源泉。

即使你将平面设计的任务交给了虚拟助手(或其他员工),风格指南也可以助你一臂之力,为你记录下在应用上构建图形时所操作的每一步。

品牌视觉

 

创作 logo

当你面对的是像 Nike(耐克) 这样的劲敌时,创作 logo 的难度可不小。但是别担心,只需遵照几条简单的规则,你也可以顺利创作出一个(甚至多个)符合所有期待的 logo。 

保持简单 

如果这是你第一次参与 logo 设计大赛,那么你可能不太清楚需要设计出多少不同尺寸的logo(远比你预想的要多得多)。但是至少,你可以对 logo 稍加改动,让它适用于你的网站收藏图标——也就是你在网址栏或网络浏览器标签中看到的那张小图片。

品牌视觉

一些知名品牌的网站收藏图标。 

收藏图标设计得越简单越好。

细节丰富的 logo 适合全屏页面,但是如果将它缩小到所需的最小尺寸,全部细节都簇拥在一起,整个 logo 就会显得杂乱无章,视觉效果非常糟糕。就算不缩小到最小尺寸,只是将 logo 用于 Instagram 头像或 Twitter 个人资料图片,那看起来似乎也不尽如人意。

简单是你最好的朋友。 

设计变体 

截至目前,我们所举的例子都是正方形的图像,那么你应该如何设计网站标题图片或 Youtube 的横幅图片呢?这两个位置的水平空间更大,长方形的 logo 或者文字标记可能是更合适的选择。

下面这张图是 Walmart (沃尔玛)的例子。他们在 Facebook 个人资料照片中使用正方形图标,在其他地方则使用长方形的文字标记(为了保持一致性,长方形文字标记中也加入了正方形图标的 logo 图案)。

品牌视觉 

考虑背景 

可能你的行业中有一些专属的项目或形状。比如,金融行业的美元符号,美妆行业的化妆刷,等等。或者,在你的行业中还有一些常见的代表色。

你是希望借助这些常见符号、代表颜色或行业传统的力量,还是完全避开它们,重新开辟一条新的道路?哪种方式都可以,前提是你已经进行过深思熟虑的思考。 

如何设计你的 logo 

这一步要学习的内容有很多,可能是最让你感到紧张的环节。可能你想问了,我们刚刚不是承诺过不用学习 Photoshop 吗?

没错。你说得对。我们的应用可以替你完成这些繁重的任务。 

Hatchful 是一款适用于 iOS 和 Android 的应用,可以为你扫清 logo 设计时的一切障碍。在设计这款应用时,开发人员就已经为你考虑到了所有你可能会有的疑虑。使用时,你只需输入内容,这款应用就帮你从数百种可用的 logo 中选出最佳的 logo 模板供你使用。

你可以自行调整颜色、字体等元素,下载所需的所有变体和资源。这款应用是免费使用的,但是如果你愿意在自己喜欢的设计上花一些钱,就可以获得它的高级 logo 选项——只有在完成编辑并准备下载新 logo 和品牌资源时才需要付费。

深度阅读:这里还有其他五个 logo 生成器,希望可以帮助你创建出一个满意的 logo(另外还包含有关如何制作出色 logo 的建议)。

 

将平台品牌化 

如今已经不是仅仅品牌化商店就万事大吉的时代了。甚至或许你的项目都不再需要网站了。

但是,无论你从哪里起步,网站、Youtube、Instagram、或者任何其他平台,你都需要关注视觉效果。

也就是说,你需要为你所利用的每个平台都量身定制一套尺寸合适、颜色搭配的社交媒体图片。

我们可以为你分享一份关于每个平台的最佳图片尺寸的清单列表。这份清单不长,但是不太具有时效性。一旦某个平台更改了其布局或优选图像尺寸,这份清单就失效了。(如果你正在寻找尺寸信息,可以看看 Sprout Social,这个应用一直在跟踪更新最新的尺寸信息。

但是,直接使用可以为你处理所有图像尺寸的工具不是更好吗?

Hatchful 将为你制作出适合于 YouTube,Facebook,Instagram 等平台的社交媒体图片,你可以直接从应用下载所有图片。图像将针对每个平台进行适当的格式和尺寸调整。

你要做的就是将每张图片上传到对应的社交媒体平台上,即可完成平台的品牌化。

如果你需要在贴子中添加图片或为 Instagram 提供一张好看的引用图片,我们也有推荐的可用工具。

Canva 可以跟踪推荐的社交媒体图像大小,因此你所需要做的就是选择一张 Pinterest图片、Twitter 图片、Youtube 缩略图或其他任何预先设置大小的社交媒体图片。你的工作只是保证字体、颜色和布局与你现有的品牌相匹配。

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

 

将网站或商店品牌化 

当项目发展至某一阶段,可能你就需要构建自己的网站了。

这可能是业务发展的第一步,也可能是业务起步所需的最终一步。但是如果你在互联网上拥有了一块完全由自己说的算的立足之地,那么你就对创意拥有了掌控权。因此这样一方天地也就成了项目创收的重要因素。

深度阅读:下面就让我们来全面了解一下如何在 Youtube 上赚钱。剧透警告:某些方法包括在视频流网站之外建立自己的网站。

这就是一致性越发重要的原因。与其他平台相比,你的网站你说的算,你可以创造出各种各样的视觉效果。你需要针对以下元素进行仔细考虑:

  • 主题
  • 图片
  • 字体
  • Logo
  • 颜色 

主题 

在考虑品牌的视觉效果时,网站主题是大多数决策的基础。你可以把网站主题比喻成房子的根基:有了这个根基,你才能开始搭建基本的框架,然后按照自己的喜好进行定制。

当然,我们可不是 Property Brothers (注:《Property Brothers》(房产兄弟家居设计)是由Storm8 Studios推出的一款模拟经营类家居装修设计三消手游。,不会将一切都推倒重来。因此,在选择网站主题时一定要谨慎,保证从构建网站的第一天起数字墙(即页面布局)就符合你的期待。

如果你要建立一家 Shopify 商店,那么请从我们 Theme Store 开始。你可以根据要构建的内容、价格等因素对主题进行排序。

深度阅读:需要帮忙选主题吗?这里有你需要了解的一切,可以助你为商店选出一个最完美的主题。 

图片 

网站图片包括标题图片、博客文章图片、侧边栏图片、产品图片等等所有图片。事实证明,网站往往会包含很多图片,因此图片也就成为品牌的重要组成部分。

选择图片时,请尽量选择风格统一的图片类型,保持图片的视觉一致性。如果一半的图片是卡通类型,而另一半则是经典的黑白类型,那么你可能无法给人留下正确的品牌印象(当然,除非这正是你的目的,不然我们不建议你这样做)。

需要图片吗? Burst 能帮上忙。这是一个免费的图片库,你可以从中选择适合你的项目或商店的图片。 

字体 

你已经选好了品牌字体,并且已经记录在风格指南中(对吧?!)。现在就将它们添加到你的主题中吧。就像你在主题编辑器中选择主题时一样,这一步非常容易。

大多数主题和平台都可以从下拉列表中选择字体。只需选定你心仪的字体,就大功告成了。

如果你没有在字体选项中找到合适的字体,那么不妨深入研究一下主题代码吧。如果这超出了你的舒适区,让你觉得烦恼,那么也可以将该任务外包给专家。Shopify 商家可以找到专家来帮助自己完成诸如主题定制之类的小任务 

Logo 

还记得我们谈论过 logo 变体吗?在你需要建立自己的网站时,你会很高兴能够拥有各种不同的 logo 变体。

Logo 可以添加到任何其他有意义的网站元素中。最小尺寸的变体(如果有的话)最适合用于网站的收藏夹图标。宽幅版本的 logo 则可以添加到在网站的标题图片中。

例如,如果你正欲建立一家 Shopify 商店,则可以将 logo 添加到所有发货通知中,这样一来,每封来自品牌的电子邮件都会带有 logo,这就实现了电子邮件的品牌化。

这是 Province of Canada 的一个例子。这封邮件通知顾客他们的订单已经发货。

品牌视觉

颜色 

设置好主题后,通常还可以自定义一些颜色。请回顾一下已经选择的特定颜色,保证网站使用的颜色风格一致。

这时十六进制代码就派上用场了。十六进制代码可以确保网站上的品牌颜色达到像素级的完美匹配。

 

言简意赅 

有很多新手友好的应用可以帮助你为品牌设计出一个出色的视觉效果。可靠的视觉效果是在线项目或商店取得成功的重要因素。

要制作 logo 并在最短的时间内将所有社交媒体平台都打上品牌的烙印,Hatchful 是独一无二的完美选择。下载好适用于 iOS 或 Android 的应用后,你就可以将你的在线形象完全品牌化(或重新品牌化)——完全不需要 Photoshop。

最重要的是,无论什么时候你希望更新社交媒体资料或更新整个网站的资源——可以是季节性营销,是假期购物季,甚至是需要全力以赴的主题产品发布——所有这些工具都可以随时为你效劳。

不管你更新品牌的原因是什么,一切都已经准备就绪。

主题:

关注官方微信公众号了解更多

Shopify 官方二维码