如何为您的在线商店创建漂亮（且有说服力）的英雄形象

已发表: 2015-01-06

大多数在线商店和主题模板都有一个共同的主要组成部分，即主页上突出显示的大型特色图像或一系列图像。

这些图像通常被称为英雄、横幅或轮播图像。无论您如何称呼它们，它们都是相同的，并且对在线业务起着非常重要的作用。

在这篇文章中，我们将探讨英雄形象的重要性，向您介绍一些使用它们的最佳实践，并提供一些令人难以置信的工具和图形资源来帮助您为您的在线商店创建漂亮且有说服力的英雄形象。

让我们深入研究一下。

免费阅读清单：在线商店设计技巧

您的在线商店的外观会对销售产生重大影响。通过我们免费、精选的高影响力文章列表释放您的内在设计师。

地点，地点，地点。

主图占据了整个网站最常见的页面（主页）上的大部分空间。这是在线世界中的主要房地产，这意味着如果使用得当，英雄图像可以成为您的业务非常宝贵的资产。

这些大图像无处不在，只需看看 Shopify 主题商店中一些最受欢迎的主题。大多数具有突出的英雄形象：

英雄形象的目的

根据您的业务和目标，您可以将这块宝贵的房地产用于多种用途。让我们看看下面一些使用英雄图像的最常见方法：

1. 帮助建立您的品牌并讲述您的故事

您的主页英雄形象空间的一种潜在用途是帮助建立您的品牌。这种方法可以特别有效地为您的业务和产品添加一个很棒的故事。使用您的主要房地产这种方法涉及提供关键信息，以教育您的访问者了解您的品牌故事。

2.回答客户问题

另一种常见的方法是对常见问题的回答进行专题介绍。这可以回答您最常见的反对意见，或者解决您的访问者可能遇到的时间敏感问题。例如：“免费运送到美国”。

3. 突出你的价值主张

也许这个空间最重要的用途是解释你品牌的价值主张。您的价值主张准确地向您的客户解释了您的产品为他们带来的价值。有什么比直接在大多数访问者登陆的主页上告诉客户您的价值主张更好的地方了。

4.发布公告

这个关键空间最突出的用途之一是展示销售等公告。主页英雄图片是销售通知的好地方，因为它将吸引最多的访问者。

5. 展示产品或产品线

最后，英雄形象的另一个流行用途是展示产品或特定产品线。当您推出新产品并希望它们受到最多关注，以及展示利润率最高的产品或您试图清算的产品时，这可能是完美的选择。

无论你选择在这个空间做什么，一个好的英雄形象应该包括几件事。让我们来看看英雄形象中最重要的元素。

英雄形象应该包括什么？

塑造一个伟大的英雄形象需要三个要素。对这些元素中的每一个进行深思熟虑的组合可以产生有说服力的英雄形象，迫使访问者按照您的转化目标采取您希望他们采取的行动。

让我们看一下以下三个基本要素：

引人注目的图像 - 人眼喜欢大、大胆和明亮的图像，这正是出色的产品摄影如此重要的原因。英雄形象也不例外。您的主图应该包含高分辨率且引人注目的图形、图像或照片。几乎所有主题都会列出建议的图像分辨率，以便您确切知道制作英雄图像的尺寸。
朗朗上口的文案 - 您的文案是您用来传达信息的文字。由于图像的性质和您必须传达信息的时间，您的文字应该保持非常简洁和重点。
强烈的号召性用语——最后，所有英雄形象都应具有突出的号召性用语。告诉读者您希望他们采取的操作的文本或按钮。一些示例包括立即购买、阅读我们的故事、了解更多信息等。

你应该旋转你的英雄形象吗？

您会注意到，许多主题和网站都会以旋转的英雄图像为特色，每隔几秒钟就会旋转几张图像。此功能通常受到设计师的喜爱，因为它具有一块大而华丽的房地产来展示其出色的设计，但是由于不断移动的图像通常会让人分心，可用性专家一直对它们不屑一顾。观众的控制。

已经进行了一些测试，表明旋转的英雄图像超过第一个几乎从未被点击。 ConversionXL 发表了一篇很棒的帖子来讨论这个问题，他们的建议是一起放弃旋转横幅。

该帖子引用了圣母大学的一项研究，该研究表明，五张图片中的第一张图片获得了 84% 的点击率。

普遍的共识是，你应该专注于一个单一的图像，而不是旋转几个英雄图像。但是，旋转图像可能适合您的业务，并且通过一些计划，它们可能非常适合您。

如果您想为您的商店使用旋转的英雄图像，请考虑以下事项：

在所有英雄图像中使用一致的风格。
保持内容简单，以便读者快速消化。
使图像文件尽可能小，以免减慢网站的加载时间。
将幻灯片的数量保持在最低限度，并且只展示真正重要的内容。
使导航对读者来说显而易见且可控。

如何为您的在线商店创建英雄形象

对于非设计或精通技术的新店主来说，最大的障碍可能是定期创建漂亮的新英雄形象。然而，近年来，已经出现了各种工具，即使是最不精通技术的企业家也可以轻松完成这一过程。

从哪里获取图像：

有无数的地方可以上网为您的网站英雄图片查找图片。不过，有些比其他的要好。为了帮助您进行搜索，我们列出了一些最佳来源，供您查找下一张图片：

免费、免版税的图片资源

Burst by Shopify -（免费）这是一个面向企业家的全新照片平台。您可以找到非常适合营销活动和社交媒体的高分辨率产品照片和生活方式图像。每周都会添加数百张新照片，因此如果您的利基市场尚未添加，请经常回来查看。

The Stocks -（免费）The Stocks 将来自顶级资源的所有最佳免版税库存照片汇集在一个干净、易于浏览的网站中。并非所有内容都可以搜索，因此您可能需要花一些时间搜索所有资源才能找到适合您品牌的内容。

Death To Stock Photo (免费) 这些免费图片只能通过电子邮件获得。因为这些照片每月通过电子邮件发送给您一次，所以这是开始构建您自己的独特图像集合的好方法，您可以在未来使用。

Pixabay - （免费）超过 400,000 张免费照片、矢量图和艺术插图。

Graphic Burger -（免费）包含免费用于商业用途的照片和图像的绝佳资源。

PicJumbo -（免费）PicJumbo 是一个非常好的资源，可提供高质量的免费库存照片。一个巨大的选择和所有分类使伟大的图像很容易找到。

morgueFile -（免费） morgueFile 已经存在了很长时间，并且有数千张免费的库存照片都可以搜索。

付费图片资源

如果您的英雄图像预算很少，请考虑使用一些付费资源更高的资源来获取更高质量的图像和照片。因为这些是付费的，所以在网络上使用它们的人会减少，从而使您的英雄形象更加独特。

创意市场 - （付费）图像和图形的最佳市场之一。这里的质量标准很高，价格也很合理。

500px Prime - （付费）来自世界各地摄影师的高端、美丽和独特照片的令人难以置信的资源。

Dollar Photo Club - （付费）每张图片只需 1 美元和精选的优质照片。

Stocksy - （付费）来自策展摄影师的策展图像的另一个重要资源。图片的价格从小图片 10 美元、中等大小图片 25 美元和大图片 50 美元不等。

当然，库存照片永远只是库存照片。如果您有一些时间并且可能还有更多预算，请考虑拍摄您自己的英雄形象摄影，例如 Amos Brand。

拍摄自己的照片不必昂贵或复杂。您会对从智能手机获得的照片质量感到惊讶。要开始，请查看 CreativeLive 提供的关于摄影的免费在线课程之一，以了解摄影的基础知识。

您可能还需要考虑查看我们关于使用智能手机拍摄精彩照片的指南。这篇文章中的许多技巧也可用于为您的主页拍摄漂亮的英雄图像。

如何组合英雄形象：

Adobe Photoshop（每月 9.99 美元）是平面设计艺术家和摄影师的首选程序，然而，它的价格相当高，学习曲线也很大。好消息是，有几种替代方案更加用户友好和免费。

Pixlr -（基于 Web，免费）基于 Web 且可下载的免费图像编辑器。如果您对图像编辑有一定了解，您会发现 Pixlr 非常容易上手且直观。不幸的是，之前没有图像编辑经验，您可能仍然会发现 Pixlr 有点难以导航。尝试从基于 Web 的编辑器开始。

Pixelmator - (OSX App 29.99 美元) Pixelmator 是一款功能丰富且功能强大的 OS X 图像编辑器，标称成本为 29.99 美元。

Canva -（基于网络，免费增值）Canva 是一个相当新的基于网络的图像编辑器应用程序，它超越了简单的图像编辑。他们的目标是让任何人的设计都变得简单。该应用程序可以轻松选择您要制作的图像尺寸，并包括内置的设计元素，包括库存照片（免费和付费）和字体。

PicMonkey（基于网络，免费） PicMonkey 将其强大的功能隐藏在简单直观的界面后面。虽然 PicMonkey 是免费的，但有一个高级版本可以提供很多额外的功能，只需每月支付少量费用。

结论

你有它，你的主页上的英雄图像的原因，目的和用途。经常更改这些图像可以让您的商店对回头客感到新鲜，保持活力，并促使访问者采取最符合您的转化目标的行动。

如果我们错过了将伟大的英雄形象放在一起的重要资源，请在评论中告诉我们。