英雄形象最佳实践：需要考虑的 6 件事

英雄形象是网站上的主要横幅，通常放在显眼的位置，位于首屏上方 - 正面和中间。

主图是您的观众在进入您的网站世界时将看到的第一张图片。 因此，寻找和选择你的英雄形象的任务不是一项可以掉以轻心的任务。

在这篇文章中，我强调了在选择英雄形象时应该考虑的一些最关键的方面和最佳实践。

1.使用相关图片

虽然我们在网上花费的时间比以往任何时候都多，但我们的注意力却在迅速减少。 丹麦技术大学的一项研究得出结论，我们的集体注意力范围正在缩小（sciencedaily.com）。 虽然所有行业的平均页面停留时间为 62 秒，但超过 50% 的访问者在页面 (time.com) 上的活跃停留时间不到 15 秒。

你的英雄形象必须放大你的价值主张——你试图传达的东西。 问自己以下问题：

• 你想触发什么情绪？
• 您的图像如何连接到您的 USP / ESP？
• 图片是否与网站内容相关联？

我们在下面收集了一些示例来展示英雄形象如何做到这一点。

HubSpot：使用插图作为英雄背景，HubSpot 既体现了增长方面，又体现了它们既适合中小型企业，也适合企业公司。

拯救儿童：使用英雄背景中的儿童照片来举例说明他们试图拯救的众多儿童中的一个——从而（希望）与观众建立情感联系。

Riverford Organic Farmers：如何利用真实的有机蔬菜产品相关图片的一个很好的例子。 图片与产品和USP密切相关。

2.对比度是关键

设计元素应该分开，以使最重要的元素脱颖而出。 因此，除了选择好的图片之外，您还应该考虑该图片如何与您想要的字体颜色、号召性用语和品牌配色方案相匹配。

使用简单的覆盖通常可以产生巨大的差异，使您的文本脱颖而出。 此外，使用编辑工具优化饱和度、温度和对比度可以使您的图像栩栩如生。

3.使用正确的格式

不要使用低质量的图像。 像素化或模糊的图片会破坏第一印象。 但是，由于主视觉是关键的 CX 元素，因此您应该确保图片尽可能快地呈现。

使用 1500 到 2500 像素宽的图像并压缩图像以减小文件大小，从而提高加载速度。

因为 PNG 格式通常会产生较大的文件大小，所以我们建议您仅在线条清晰且平面颜色和文本区域清晰分离的情况下才使用此格式。

一些在线工具可以帮助您压缩图像：

• Tinyjpg.com：最多 20 张图片，每张最大 5 MB。
• Compressor.io：支持 jpg、png、gif、svg、webp。 最大 10 MB
• Imagify.io：文件大小上传限制为 2MB
• Shortpixel.com：最多 50 个文件，最大 10MB。

4.建立情感联系

最近发表在 Frontiers 上的一项研究发现，情感图像比情感词更能影响人们。 因此，通过选择具有高度情感性的图像，您可以引发观看者的情感反应。

当我们观察情绪的面部表情时，我们经常模仿它。 根据发表在《认知科学趋势》杂志上的一篇论文，具有传染性的不仅仅是我们的微笑或笑容，而是我们所有的面部表情。

事实上，大脑处理图像的速度比文本快 60,000 倍，传输到大脑的信息中有 90% 是视觉信息（t-sciences.com）。 我们是视觉动物，通过利用情绪刺激，包括情绪化的面孔和令人回味的图像，我们不仅可以触发积极的感觉和联想，还可以帮助您的听众更快、更准确地解码您想要的信息。

5.真实和现实

消费者对刺激、广告和噪音感到不知所措。 品牌真实性可以帮助打破噪音，让你脱颖而出。 真实的信息和逼真的图像更能引起人们的共鸣，并帮助您与观众建立更牢固的联系。

越来越多的公司正在使用“真人”来推销他们的产品。 Dove 于 2004 年开始了他们的“真正美丽运动”，庆祝所有女性所代表的自然身体差异。 除了赢得无数奖项外，该品牌还与目标受众建立了强烈的情感联系，从而显着增加了销售额。

近年来，Dove 和后来的 Target 等品牌成功地在广告中使用了“真人”，这是有充分理由的：真实是值得的。

这并不意味着您必须自己拍摄所有照片，也不意味着您应该使用低分辨率的图像和视频。 但是，您应该使用真实人物、地点和经历的照片，并以真实的方式传达一个故事，而不是使用看起来像是上演的图像。

6. 测试和优化

选择（新）英雄形象不应被视为最后阶段，而是优化过程的开始。 如前所述，主图可能是网站上最重要的设计元素之一，它会对您的整体表现产生重大影响。

为了确保您的主图按预期执行，您应该在设置它之前实施适当的性能跟踪。 为此，请考虑使用 A/B 测试工具来测试替代变体并针对新图像测试原始变体。

在 Crazyegg 实施的一项测试中，获奖版本将全球购物者的销售额提高了 29.7%。 在过去，我使用以下工具来测试图像变化：

• 谷歌优化（免费）
• 优化
• 疯狂的鸡蛋

请记住，失败是迈向成功的第一步，不尝试比尝试失败更糟糕。 您可能不会第一次就正确 - 但测试，尝试新的变化并不断优化 - 您将获得相应的奖励。