如何创建一个高影响英雄形象为您的网站

访问你的网站的时候都有人看到的第一件事是一个英雄形象。

人们受到图像的感觉的方式。事实上,你可能已经注意到您最喜爱的网站和品牌使用图像来吸引和激发他们的用户。毕竟,一个图像抵得上一千字…对吧?所以正确的英雄形象可能是价值数百万美元的!

这戒指非常适用于现代企业,使用这些图像将可能导致客户。但这是怎样的?

一个图像,无论是单个图像或一系列的英雄图片帮助你传达你的消息和整体品牌的概念。但是为什么传达你的信息通过图像重要?好吧,它只是帮助影响别人对你的品牌的感觉。它可以帮助他们感到兴奋,相信别人,愤怒,快乐,等等。

这就是为什么我们要谈论英雄形象。我们来看看一些英雄形象的事实是好知道,有些图像转换相关的知识,甚至看几个例子。让我们深入了解如何能说服用户只有一个形象。

在我们深入好东西之前,让我们把它带回基础知识和解释一个英雄形象。

简单地说,一个英雄形象是大照片或图形的一些网站使用他们的网站的顶部。更正式,它的一个很大的宣传图片上方的褶皱(网站)的上半部分用来吸引别人的注意力。

好消息是,他们中很容易实现网站设计。您可以添加少量的HTML和CSS你的网页产生一个响应图像。你也可以尝试的英雄形象引导,你创建一个大盒子,页眉,或“大屏幕”显示特殊的内容。

多次这些英雄形象将包含文本,CTA,或由一系列的图像。但是,这些添加经常为响应网页设计存在的问题。188bet官网备用域名幸运的是,有办法解决这个问题,这意味着创建一个响应的英雄形象是可能的各种规模的企业。

一个响应的图像是一个图像,可以适当地显示在各种屏幕跨不同平台。这是否意味着将不同大小的图像为不同大小的设备,或改变文本或覆盖为每个用例格式正确。

所以响应英雄形象,只是主要的网站图片优化适应各种不同的环境条件。

现在你理解什么是英雄的形象,让我们谈谈一些最佳实践和英雄形象需求。虽然看起来相对简单,需要创建一个英雄形象以这样一种方式,它有利于你的而不是颠覆或迷惑潜在的客户。

把它像一个着陆页一份工作…它的存在。转达你的信息并吸引新的线索。这也可以增加你的品牌知名度,可能人们会讨论时提到你的品牌。

所以这里有一些最好的建议时要考虑设置你的英雄形象:

人们应对和记住东西更有意义的方式在情感。这并不意味着你需要在顶部。但如果你能巧妙地工作一些让人感觉良好,或者坚信对你的英雄形象将产生影响。

你的英雄形象可以增强任何情感或感觉你试图描绘。

帮宝适、受欢迎的尿布品牌使用著名的歌手约翰传奇和捕捉真正的父母时刻(面对你时换脏尿布)。这增加了一种信任的品牌。知道著名的人选择帮宝适尿布变化使品牌更有吸引力。

加上,你真的能感觉到那一刻他们抓住这一个简单的连接对大多数的父母。

你知道什么是困惑?到达网站和看到的图像与他们卖什么。它会使你的问题你是否输入正确的网址,不是吗?

你的英雄形象需要领带为你做什么。如果你卖美食狗对待,例如你没有展示你的赏赐,但您可能想要显示有关狗的东西,例如。这可能意味着一只狗在沙滩上跳,或大嚼大碗食物,甚至只是一条狗。你的图像需要与您的业务,点空白。

Barkbox展示他们最喜欢的类型的客户以及他们的产品。他们还利用鲜艳的色彩使它非常有趣。

你去过一个网站,使用像素图像吗?它是怎么让你感觉如何?大多数人对产品或服务的质量失去信任他们会如果他们视为潜在客户的第一件事是一个低质量的网站与一个大英雄形象了。

如果你使用高质量的照片,那些决议能够承受所使用的设备可以让人的第一印象很好。

想象一下如果你登陆一个网站,卖海滩装备。如果他们试图伸展图像适合,你会得到一个模糊和模糊。如果他们使用一个适当大小的图像,和右边的一样,它看起来会好很多。

更不用说用户可能对他们购买的质量感觉更好,如果你不能让你的网站吧,人们会把这与产品的质量你愿意伸出。下载我们的免费的电子书看看我们使用高质量的视觉效果。(这也完全免费使用!)

如果你要用行动呼吁,它需要脱颖而出。与此同时,它不应该。所以这两个工作之间找到平衡。

一些事情需要考虑颜色和位置。你不想要的颜色被周围的图像。你也不想把CTA按钮附近的其他按钮(如菜单项或删除痛苦)。

你可以做一个模糊图像的快速测试按钮是否明显不够。如果你的眼睛捕捉你的按钮在哪里,你答对了!

取袜子的转诊着陆英雄形象。图像有大胆的颜色,他们把从他们的菜单栏CTA足够远,并使用一个漂亮的黑色按钮使它脱颖而出的形象。

当我们做模糊测试,形象突出,你的眼睛所吸引。你注意到最形象和按钮。但是,按钮似乎并不太彪悍。

你可以使用任何你想要你的英雄形象。但如果您使用的人,一个客户可以直观地看到自己在同一位置。

当你使用一个人,一个用户可以感觉到一个连接,因此感觉更好连接到你的品牌。你应该避免过于通用。过度了照片不相同的打击。而不是选择使用照片的人或者客户匹配您的目标受众。

等网站Pikwizard提供一系列辉煌的图片,避免了过去的形象,而是能提供图片。

宏碁选择显示不同的用户在不同的情况下,这表明他们是一个产品适合任何人。

但如果这样的图片不是在你的预算,然后选择中性图片描述,用户可以与日常生活中。

等待不是有趣的,人们有一个很短的注意力,所以负载速度必须保持用户参与。最近的研究表明,7秒吸引别人的注意力。我们都在那里,等待页面加载,然后继续之前我们甚至可以眨了眨眼。

做一些测试来确保页面加载以快速的方式。你想要的最后一件事是别人弃船,因为网站上的图片不负载。

觉得你的搜索引擎优化策略、图像大小和加载速度的一部分!

有响应的英雄形象的一部分是确保你占所有不同的屏幕尺寸,可以看到它。

优化所有设备是至关重要的,将有助于保持你的形象一致的所有用户。有大量的工具您可以使用,就像一个响应图像断点发电机。这将检查你的形象为各种不同的屏幕尺寸,这样你就可以选择出最优的大小。

或者你可以使用平面设计软件可以帮助你设计内容为多个设备。你可能会减少或使用不同版本的主要英雄形象适合智能手机等小型电子设备的大小。

看看黄金的健身房。他们有一个大英雄形象显示4个不同的人以及他们的品牌承诺。但这并不适用于一个较小的设备,文本不清晰。

所以,他们做了一个手机版本来解决这个问题。正如你所看到的,消息还清楚,他们配对的裁剪版他们现有的形象。你会看到相同的人,相同的承诺,稍有不同的形象。但是,它仍然得到了相同的观点。

有时改变你的英雄形象相匹配,或者一个特定的节日可以为用户创造的兴趣和激情。它也可能引发一些想法和鼓励他们购买一个项目你会显示在这个实例中。

建立一个熊经常改变他们的英雄形象。他们做的,每一次展示完美的毛绒玩具的场合或假期。

在这种情况下,他们使用一个泰迪熊穿着t恤晚礼服与一些花象征着即将到来的节日——情人节。他们也玩的措辞让你知道仍然有足够的时间来得到一个熊就像这样为自己的情人。

使用一个主题或节日也是一个伟大的方式来增加你的口碑营销!

这个是可选的,但有一个特定的方式去做。图像本身不应该文本。相反,您应该使用HTML和CSS覆盖图像上的文字。

许多网站只是换出图像,把文本代码。诀窍在于,你必须不断地使用图像与文本对齐位置。但是如果你不改变英雄形象,通常,这可能为你工作得很好。

通过定位文本这种方式你允许一个更具代表性的形象。这是理想的,特别是当用户来到你的网站通过不同的渠道。

丝芙兰目前的英雄形象的使用多种新的产品到达。如果你发现他们也使用不同的文本。为了达到这个目标,你猜对了,他们做了一个覆盖的文字!

有一个将军英雄图像大小你应该处理?好吧,如果你想要一个优化的网站,那么是的。

你想要的图像为任何规模足够大的屏幕,但足够小,它不会使你的页面加载速度慢下来。因此,您需要使用正确的维度和找到一个分辨率和尺寸之间的甜蜜点。

有几个方面可以使用作为一般指南(我们已经提到的几个)。文件大小,分辨率,当然图像大小。

许多计算机的最小分辨率1024 x 768像素。你想让你的英雄形象会略大于,在1600 x 500像素。你可以小,但如果使用更小的屏幕(如手机或平板电脑)。

的英雄为WordPress图像大小将改变为不同的设备,就像任何其他网站。一个更小的文件应该用于移动设备,而应该使用大图2880 px。正确的CSS可以使用各种图像大小不同的设备。你可以选择浏览器每设备调整,和许多企业这样做。问题是你可能会失去清晰和加载速度。但是,它可能不那么大的一个问题,认为互联网是越来越快。

你会想要一个相对较大的图像与高分辨率(超过2000 px)的东西,关键是要压缩小70%左右。你可以减少文件大小,但让他们形象的完整性和质量完好无损。

它总是最好的形象开始2000 px宽。除此之外,Limecube网站的制造商不需要你来优化图像,为你的站台,横幅图像转换成webP页面加载速度快。图像也为不同的设备自动调整。

幸运的是,有很多免费的图像压缩器,所以抓住你大的图像和压缩最大优化。

确切地说,你要检查一下你的Shopify主题信息图像大小。

现在您已经英雄形象的概念,让我们回顾一些英雄形象的灵感。这里有一些我们的最爱!

产品集中只有英雄形象,展示产品。

情感的英雄形象,描述了高情感。

一个说明性的英雄形象——使用插图传达消息。

让我们回顾一些移动的英雄形象,当我们。这些都包相同的穿孔,而被扩展为一个更小的尺寸。

CTA集中——这幅图像的主要驱动力是CTA本身。

集中的产品形象,英雄形象是菜单和文本之间的间隔。

使用的视频——一些英雄形象推广视频所取代。

我们看到很多单一的图像被使用。然而,有时一个品牌将使用一个拼贴画或相片画廊作为他们的英雄形象。

泛音为例,使用一些图片来展示他们的新产品以及真实用户。

也有企业使用一个图像滑动或旋转图像画廊给用户更多的视觉效果。可以看到箭头所位于图像的每一方以及点图像的底部。

你得到图片用在哪里?在许多情况下你可能会拿出自己的内容。有时你甚至可能使用用户生成内容。但是如果你想试试运气,一个免费的股票的照片你有很多选择。

许多免费的形象网站提供免版税图片在你的网站上,您可以使用。188bet娱乐平台在许多情况下,你可以找到一些很好的照片,你可以让你的独有的业务。

几个知己的网站包括…

Pikwizard——这个是免费的,提供超过400000张照片。你甚至可以获得免费向量和插图。

设计向导——有一个自由选择,但是你可以升级为更多的内容。有很多免费的图片和编辑选项在这个工具,值188bet娱乐平台得被检出。

不一定是很难的,因为你可以看到你有很多的选择为您的网站创建最好的英雄形象。只要确保你认识到屏幕大小,加载时间,剩下的应该很容易。