您的网站图片真的在讲述故事吗?

已发表: 2016-06-23

公司文化、个性和目标可以通过两种方式进行投射。 该公司可以创建一个网站来描述自己,并包含一些干净、时尚的图像,也许是其设施的照片。

它的产品也有精美的图片,带有很好的描述,或与其服务相关的图标/绘图。 该网站可能会令人愉悦,并且可能会诚实地描述该组织。 但个人魅力在哪里? 公司的灵魂在哪里? “谁”是这家公司?

如果一家公司想要成为人类,并获得当今消费者的青睐,那么它必须在其网站和其他任何地方通过它在网上展示自己的“谁”而不是“什么”。 许多公司都这样做了,结果是一个小想法变成了大,一个羽翼未丰的创业公司变成了数百万美元的企业。 仅仅拥有一个好的产品或服务不会发生这种情况。 之所以会发生这种情况,是因为该公司与消费者之间建立并培养了一种联系。 这种联系是基于该公司的“谁”,而不是它的销售。 很难用文字来描绘“谁”,这就是为什么创意视觉设计每次都胜过文字的原因。

图片

您网站的视觉内容比文字更能传达信息。 他们讲述有关公司、品牌、人员以及与该公司相关的事件的故事。 它们使公司及其品牌令人难忘。

公司营销人员和设计师需要仔细查看他们使用的图像,如果这些图像不能正确传达公司及其品牌的信息,则需要经历一个更新过程——创建并放置引人注目且引人入胜的图像,以发送正确的信息。 这是一个可行的过程。

  1. 确定你要讲的故事。 你可能有一些最初的故事,你可能会定期有新的故事,但必须有一个整体的故事来说明你的公司“谁”。 是精力充沛、悠闲、快乐、凄美等? 把故事写下来。 虽然它可能与公司使命有关,但它也具有一定的情绪和基调。 您的图像必须捕捉到的就是那种情绪或基调。 许多公司已经“发现”了他们的故事并很好地描绘了它们。 其中有:
    • 希望头带——儿童癌症
    • Dollar Shave Club – 方便又有趣
    • 汤姆斯鞋——慈善事业
    • ModCloth – 验证所有女性体型
    • 红牛 – 能量和兴奋
    • GoPro——冒险和冒险

找到与公司的情绪和基调相匹配的“主题”的最佳方法之一是开始头脑风暴。 使用团队成员、了解您品牌的朋友等,并让每个人写下想到的描述性词语。 常见的主题是随着公司“故事”的展开,图像应该描绘的主题。

故事的要素

正如我们大多数人在英语课上所记得的那样,所有故事都有一个介绍、一个情节(上升动作、高潮、下降动作)和结论。 品牌故事也可以在其网站上包含大致相关的元素。 让我们以美元剃须俱乐部为例:

1. 主题:

这家公司的整体主题和基调是方便、低成本和幽默。 该公司已经决定,它的故事是采用每个男人都必须拥有和购买的无聊产品,让它变得简单、便宜,并且幽默地减少无聊。

2. 简介 - 登陆页面(首屏):

这是首屏的着陆页。 它以公司创始人为特色,他是一个伟大的故事讲述者,讲述公司的“故事”——它的目的和对客户的好处。 它节奏快且有趣,与要描绘的形象完全相关。

Landing Page (Above the fold)
来自dollarhaveclub 的登陆页面示例。

3. 简介 - 登陆页面(首屏):

在首屏下方,介绍继续与便利部分。 它显示了每个月将发送给订阅客户的盒子。 它显示了便利,便宜的价格,也增加了一点幽默感。

Landing Page (Below the fold)

4.上升动作:

现在您已经感兴趣了,您可以看看产品——剃须刀和其他个人护理产品。 这是三个剃须刀选项的描述页面:您会看到名称、价格和描述,再次带有一点幽默感。所有情节细节都将您推向高潮。

Rising Action

5. 高潮:

你加入。 每一页都让您有机会直接进入故事的高潮——您加入俱乐部并开始享受便利和节省的成本。

6.次要地块:

在页面顶部的链接上可以找到一些次要情节——个人护理产品、作为礼物提供订阅以及来自客户的评论。 还有一个非常棒的博客,名为“Bathroom Minutes”。

7.坠落动作:

欢迎您成为会员,并告知您将在您的第一个盒子发货时收到一封电子邮件确认和通知。 您可能还会与他人分享这家公司及其故事。 做完了。

8. 宣传你的故事

而且,为了吸引读者/观众,您可以宣传您的故事,就像电影业宣传其最新电影一样,只有您在您的社交媒体帐户上进行宣传。 你让这些“预告片”在情绪和语气上与你网站上的故事保持一致。

讲故事的好处

  • 当讲故事做得正确,并将公司描绘成“谁”时,你就会获得真实性、可信度和信任。 这三件事让你获得追随者和访客,最终获得客户。
  • 今天的消费者想要一种体验,而这种体验的很大一部分是讲述公司故事的图像。
  • 故事还可以帮助人们记住公司。 那些经历过 Dollar Shave Club 故事的人在为某人寻找独特的生日或圣诞礼物时会记得它。

用视觉来讲述这些故事比文字更有说服力。 如果使用正确的颜色、排版、图像和背景,它们会很强大。 以下是图像创作者在讲述故事时必须考虑的两个因素:

1. 真实性

如果照片是创建的图像的一部分,则停止使用库存图像。 人们怎么相信,这些只是普通的真人。 向真实的人展示他们的头发有点乱或不那么完美的身体是一件好事。 ModCloth 做得很好,因为它使用实际客户作为模型。 它要求这些客户发送他们穿着 ModCloth 物品的照片,而且他们成群结队地这样做。 ModCloth 在其网站和社交媒体平台上展示了​​这些“模型”。

Authenticity

2. 与时代和人口相关

什么与千禧一代相关? 老年人怎么办? 您的目标受众具有文化相关性,图像必须反映这一点。 例如,老年人比 20 年前活跃得多。 多样性和包容性对 X、Y 和 Z 世代很重要。他们需要社会相关性。 他们还要求承担环境责任。 Cheerios 以家庭种族多样性及其蜜蜂项目的形象作为回应。 这出现在其登录页面上。

Relevant for the Times and the Demographic

视觉叙事设计技巧

故事的“外观”必须与公司的主题和基调相关。 应该简单明了地讲出来,不要过多的炫耀和混乱。 如果是视频,则不应有分散注意力的效果。 考虑到这一点,这里有五个视觉设计技巧。

1.图像应该是大胆的和大的

如果您打算吸引访问者的注意力,那么小图像是不够的。 专注于一些特殊的图像而不是许多可能会使页面混乱或使访问者感到困惑的图像要好得多。 如果您的网站有很多页面,您可以使用多个图像,一个页面上的一个。 请确保每张图片都与您希望访问者了解您的最重要的事情直接相关。

Headbands of Hope 是一家从一个小想法开始的公司,现已发展成为一家专注于儿童癌症病因的大型营利性公司。 每购买一个头带,就会给一个患有癌症的小女孩一个,并捐赠 1 美元用于儿童癌症研究。 故事引人入胜; 画面还是凄美的,真实的,也乐观的。 很难抗拒从这家商店购买一些商品。

Images Should Be Bold and Large

2. 字数少的大字体

并非每张图片都必须附带文字; 然而,一些吸引人的单词或短语可以抓住信息,从而强化该信息。 文字应该远离图像的主要元素。

GoPro 是一家为从事极限运动并想要拍摄或拍摄他们的经历和胜利的冒险家生产可穿戴相机的公司。 在经历了几次失败的创业之后,尼克伍德曼最终决定专注于他的激情——极限运动。 他在冲浪。 他开发了他的第一台可穿戴相机,这样他就可以免提拍摄自己。 如今,36 岁的他是亿万富翁。 GoPro 网站不会弄乱其图像,但会发布客户提交的照片和视频。 这是特色客户的示例。 请注意,吸引人的标题位于视频的底部。

Large Typography with Few Words

3.颜色必须与情绪相匹配

Headbands of Hope 旨在让小女孩在因癌症治疗而脱发后感到女性化,这些颜色将是“女性化”粉彩。 另一方面,红牛将使用与其活力和兴奋主题相一致的颜色。

有大量的心理学研究将颜色与情绪和情绪联系起来。 当然,实际照片的图像的颜色就是它们的颜色,但是在选择这些照片时,应该牢记颜色。 并且图纸应该使用最合适的调色板。

红牛的故事并不那么微妙。 这家公司的故事在它多年来赞助的活动的照片中得到了真实的讲述。 以下是邀请参观者仔细观察的方式:

Colors Must Match the Mood

红牛的颜色是原色——红色、蓝色和黄色——它们出现在网站的每个页面上。

这是一个信息图,它将提供颜色的情绪反应。

Colors Must Match the Mood

很容易看出为什么 Red Bull 选择了它的颜色,而像劳力士这样的网站选择了黑色和灰色的色调。

4.图像滚动

讲故事的伟大设计趋势。 滚动允许访问者通过滚动图像来获得整个故事,无论是幻灯片、视频还是单页网站。 水力压裂的危险是一个单页设计,讲述了在整个过程中使用一滴水进行水力压裂的故事。 如果您还没有访问过本网站,请访问。 它富有创意,色彩丰富,讲述了一个引人入胜的故事,一路上得到信息框的支持。

Image Scrolling

滚动有很多选项——例如翻书或故事板——它们可以根据需要简单或复杂。

5. 视频

这里不需要解释。 视频显然是讲故事的最佳选择之一,它可以嵌入到任意数量的地方。 Dollar Shave Club 在其登陆页面上有其解释视频,也可通过其社交媒体平台获得。 显然它是有效的——超过 2200 万次观看和计数。

结论

讲故事是公司/组织的个性化。 如果他们做得好并且故事的所有元素都存在,使用视觉来讲述故事会对访问者产生重大影响。

如果你想用视觉来讲述一个故事,那么你可以从纸和铅笔开始,记下故事的每个元素以及与之相匹配的潜在视觉效果。 一旦你有了这些,创建你的视觉效果并确保每一个都与组织的形象、情绪和目的保持一致。