英雄形象可以成就或破坏任何网站。了解其基础知识并遵循这些最佳实践和示例，以确保它只为项目带来好处。

您知道只需大约 0.05 秒即可形成对网站的看法吗？最近的研究表明，人们会做出仓促的判断。由于市场过度饱和和激烈的社交媒体活动，50毫秒足以让他们决定他们是留下还是离开。这意味着品牌只有一小部分时间可以给他们的网站留下良好的第一印象。

他们怎么能做到这一点？简单 - 他们需要经过深思熟虑的视觉效果。为什么？访问您网站的人中有75%会根据网页设计对您的可信度进行评分。根据这项研究，在这0.05秒内，人们不会阅读或扫描：他们只是通过理解颜色和形状来获得图片。这形成了对Web项目和品牌的第一印象和意见。

还有更多。仅视觉对象的上下文无法正确完成此工作。尺寸和位置在0.05ms期间给人留下正确的印象方面也起着重要作用。

虽然第一个标准是显而易见的：如果你想给人留下第一印象，视觉效果需要立即与观众见面，但第二个标准会引起混乱，因为提供小型企业网页设计服务的专业机构坚持少即是多。

但是，在数字世界中，也有一些例外，正面的视觉尺寸越大越好。有一个简单的解释。一个比周围其他东西更大的物体将是人们首先看到的东西。从心理学的角度来看，大小通常是权力的隐喻：我们对它感到敬畏并迅速做出反应，因为大事可能是危险的。因此，这对我们来说最重要。

那么，这会给公司带来什么呢？这给公司留下了英雄形象的趋势，因为它意味着利用一个大的标题区域 - 这是一个急需的工具，可以充分利用这个小小的时间摩擦。

网页设计中的英雄形象

这个概念具有巨大的力量来吸引用户的注意力并立即提供重要信息，它已经缓慢但肯定地迁移到数字领域。今天，它是几乎所有Web界面的关键元素。它不仅用于充分利用用户的短暂注意力，而且还实现了几个关键目的：

它让用户了解对网站其余部分的期望。

它为建立强大的品牌奠定了基础。

它立即为目标受众带来价值。

它把注意力引向关键要素。

它使一个戏剧性的入口。

它澄清了网站的信息。

它反映了品牌的真实性。

它描绘了触发所需行动的情绪。

它增加了视觉趣味，使网站看起来很有吸引力。

它展示了品牌的风格。

它设定了正确的基调和氛围。

什么是网页设计中的英雄形象？

最初，英雄形象是印刷媒体中的一个术语。它是杂志、报纸甚至商店橱窗中一个大而突出的视觉效果，用作文章或任何其他信息的图形介绍。它可以是整页广告，主要文章之前的两页跨页，或比真人大小更大的海报。

在网页设计中，主图片是位于着陆页首屏区域的照片、插图或构图。它可以位于顶部标题下方或顶部右侧。根据目标和目的，它可能包括号召性用语按钮、视频、排版、文案甚至表单。 通常，主标题几乎占据页面上所有预滚动全角空间。但是，也有一些例外。请考虑以下方案：

某些利基市场的可用性原则可能需要在第一个屏幕上包含关键细节。例如，预订网站总是牺牲全角英雄图像来拥有预订表格。

营销活动可能需要单独的空间来放置 CTA、铅磁铁或表单。

小屏幕（手机和平板电脑）要求网页设计师避免全屏图像以获得舒适的用户体验。

英雄图像在网站设计中的重要性

他们说你永远不会有第二次机会给人留下第一印象。

无论您在哪个利基市场工作，无论您服务什么受众，第一印象都很重要。从您接近客户的那一刻起，您的行为、态度和个人表现将影响客户继续使用您的品牌并从您那里购买的决定。对于一些品牌来说，这种第一印象是他们的目标受众对业务的唯一印象。因此，网站设计中的英雄区域站在第一印象后面，让公司有机会讲述一个故事是至关重要的。

网站上的英雄图像应该有多大尺寸？

面对无数的屏幕尺寸，这个问题没有一刀切的答案。但是，公司应该坚持一些良好的建议和做法：

从宽 1，200 像素、宽高比为 16：9 的横幅区域开始。

要处理大型显示器，请使用 1600 x 500 像素的尺寸。您最多可以调整 1，800 像素的大小，以查看目标受众是否对此做出更好的响应。

要处理小屏幕，请从 800 x 1，200 像素开始，然后慢慢缩小大小。

考虑纵横比：对于手机，它是 4：3;对于智能设备，它是3：2;对于平板电脑和笔记本电脑，它是 16：9。

还有更多。英雄区域也是影响访客对公司看法的第一个因素，在建立访客之间的信任方面起着至关重要的作用。这是一种经过时间验证的方式，可以立即建立信誉和信任，从而增加个人风格。此外，精心挑选的英雄设计提供了一个即时上下文，消除了任何冗长和令人困惑的书面解释，并直截了当，最大限度地减少用户理解消息的努力。

英雄形象至关重要的另一个很好的原因是它可以自然地吸引游客的注意力。在用户注意力跨度越来越低的世界中（根据最近的研究，营销人员只有不到 8 秒的时间来吸引潜在客户的视觉注意力），这种能力变得非常重要。

最后但并非最不重要的一点是，如果做得好，英雄插图或图像可以作为开展营销活动的立足点。在超个性化体验的帮助下，营销团队可以提高参与度，吸引访问者进入销售漏斗，最大化活动并全面实施策略。

结论

今天，书面文字还不足以吸引和吸引金鱼注意力跨度的观众。如今，精心挑选的视觉效果在网站上传达信息和传递信息方面产生了真正的影响。虽然你不能完全依赖他们，但如果没有他们的支持，接触人群并将正确的信息带回家将更具挑战性。

因此，在整个网站中使用视觉效果也就不足为奇了，英雄部分是每个成功网络平台的核心支柱。它做了这么多好事，令人难以置信。例如，英雄形象使第一印象很重要，传递信息，营造正确的氛围，倡导品牌的个性，产生参与度，并迫使访问者浏览网站。

事实上，对于一个视觉内容来说，它有很大的分量。为了释放其潜力，谨慎行事至关重要，因为有一些缺陷需要减轻。最重要的是，强烈建议遵循最佳实践并采用最新的解决方案和技术。