如何创建一个出色的网站首页头图部分

发布日期：2024-07-23 11:23:05

浏览次数：609

头部图片是人们打开你的页面时首先看到的东西。这是你赢得他们的独特机会，或者永远失去他们。

用户处理第一个屏幕只需几秒钟。但在幕后，营销人员、设计师和开发人员进行了大量艰苦的工作。如何快速找到正确的解决方案并挑选出完美的图像？

我整理了创建有效头部形象的最佳实践，与你分享。让我们向最优秀的人学习。

1. 不要忽视头部图片的目标

头部的目标是让用户想要了解更多信息并执行下一步操作。它作为介绍并邀请进一步的交流。

乍一看，用户希望看到的是好处和问题解决方案，而不是公司有多伟大或者设计看起来有多酷。:) 那东西留在后台！

头部形象是一种视觉刺激。它承诺带来好处、改进和积极的变化。

如果出现以下情况，用户将愿意向前迈出一步：

他们凭直觉立即喜欢视觉效果；
他们看到了问题的解决方案；
他们受到图像的激励；
他们被标题所激励；
他们知道下一步该做什么。
2.不要忽视用户目标
为了给观众带来惊喜并让他们留在第一个屏幕上，一些设计师无意中用自己的目标取代了用户的目标：做出出色的设计。但用户的目标不是设计。
用户的目标是获得他或她需要的东西：东西、服务或特定信息。设计应该促进这项任务而不是阻碍它。
智能设计不会引起人们的注意，也不会分散用户对他们目标的注意力，或者让他们目瞪口呆，忘记他们为什么来。对于头部尤其如此。
这是一个典型案例。呈现给用户的要点是：
公司提供什么；
此优惠的优势；
信任该公司的理由；
用户要执行的操作。
这个信息很明显：我们的公司很棒，用户应该赶快按下那个按钮。唉，事情不是这样的。
用户目标与网站所有者、营销人员或设计师的目标无关。
任何对用户没有直接价值的信息都必须保留。诸如“我们是最好的”、“庆祝成功十年”、“为什么人们信任我们”等信息属于视觉层次结构的底部。
英雄部分的视觉效果必须优先考虑用户目标。
向用户展示他们想看到的内容，并使其看起来非常好。这是你的第一要务。其余的一切——可靠性、信任、保证——只会让用户确信他们来对地方了。
为有效的用户保留而设计
3.记住：不要杂乱
主屏幕必须清晰且易于用户导航。你可以在这里展示你的产品/服务的精髓。尽最大努力提高可读性。这包括：
干净、整洁的设计；
清晰的页面结构；
充足的“空气”；
没有干扰；
亮点的层次结构；
激励人心、简洁的标题和副标题；
与消息和文案相匹配的头部形象；
易于理解且可预测的导航面板。
保持简单和简洁！

4.将用户的目标变成视觉磁铁

设计师的任务是将用户的目标形象化，使其看起来有吸引力、活泼且引人注目。对你的用户、产品和竞争对手网站进行全面的研究和分析。这将帮助你为观众找到鼓舞人心的图像和激励人心的信息。

客户在到达该页面时常常会想到他们的目标的具体图像。考虑到这一点并满足他们的期望很重要。可预测性是人们对你的期望。这适用于视觉效果和用户体验。

遵循“一个想法，一个图像”的规则。让你的标题与图像产生共鸣、强化和增强。图像和文本必须激发用户向满足迈出一步的欲望和意愿。

5.寻找特定的触发因素

当你处理英雄形象从概念到最终设计的过程时，请记住：你正在创建一个激励触发器。随意使用任何和所有营销、设计和心理学技巧来影响用户的感知。

每个观众都有自己的动机。了解你的用户并找到在情感上和理性上吸引他们的最佳方式。（情绪反应之后是对信息的理性评估。）

用户情感需要在概念阶段进行设计并融入到项目中。

特定的触发因素，例如图像和/或文本，特别有利于激发情感。

要找到最佳触发因素，请问问自己：

当用户看到你的报价时应该有什么感觉？
它应该唤起什么样的记忆？
应该建立哪些协会？

寻找情绪触发因素通常需要进行良好的头脑风暴会议。列出情绪及其可能的可视化，例如引人入胜的图像、插图或视频。测试最好的想法。

这是你未来转化和受众喜爱的关键。

情绪不一定是积极的。苹果公司曾经成功地利用了恐惧，设计了一个血红色的艾滋病宣传网站，邀请人们成为献血者。看起来令人印象深刻。我不知道捐款情况，但很多人买了红色iPhone。:)

6. 显示显性或隐性的好处

有效的触发总是与用户利益相关。触发器会推动用户执行让他们获得这些好处的操作。

热门英雄形象集中于：

产品；
行动;
优点;
上下文;
过程（幕后）；
公司的所有者。

任何类型的英雄形象都必须传达好处。

显性好处：突出使用产品或服务的明显优势。

隐性好处：从视觉上和心理上突出用户的地位、重要性、成功、技能和机会的提高。

用户分析将帮助您根据具体情况决定哪些内容应该明确或隐含。展示隐性利益总是双赢的。例如，如果一个销售钉子的网站的英雄部分展示了一个节俭、聪明、整洁的工人的形象，那么它的表现会比仅仅有一张房子或一堆钉子的照片要好得多。客户将享受像方便的房主一样的感觉。

7.管理用户的注意力

明确你希望观众的目光投向哪里。他们首先会看到什么？接下来是什么？他们的目光应该停留在哪里？一切都取决于您的网站和产品的目标。需要提前规划亮点的层次结构，然后进行测试以确保它看起来像您需要的那样。

用户的注视由优势和焦点控制。主导元素是最大、最有吸引力的元素。焦点是用户在主导元素之后看到的图标、按钮和其他元素。它们负责用户的兴趣区域并吸引他或她的注意力。它们通常位于屏幕的边缘。

生活窍门 #1：模糊你的设计布局并将其展示给普通人（而不是设计师）。他们看到的第一件事是什么？什么值得或多或少关注？这是在为时已晚之前纠正失败想法的好方法。

生活窍门#2：使用眼球追踪软件。即使是一个简单的免费软件应用程序也可以帮助你检查突出显示是否位于正确的位置。

如果你发现用户的目光在任何给定元素上停留的时间不够长，请开始工作。也许值得通过使其更大或更亮、添加动画、增加字体大小等来进一步突出显示该元素。（测试一切！）

注意：将主要亮点放在情感触发点上，而不是 CTA 按钮上。

所有视觉构图技巧和工具都必须按层次排序。形状、颜色、阴影、对比度、大小、平衡、运动、版式——一切都必须遵循优先原则。

注意：消除干扰。所有不是第一印象优先的东西都必须降低可见性、隐藏或移到其他地方。

8.使用相关图像

当图像与网站的目的、想法和内容相匹配时，图像就是相关的。想法与其视觉表现之间的任何不匹配都会导致误解和不信任。这不仅仅是断章取义的图像。一个致力于使用过时设计进行创新的网站也是一个无关紧要的例子。不必要的令人惊叹的效果会分散人们对信息的注意力，这同样是无关紧要的。

头部形象必须在视觉上传达内容的本质。

9. 使用简短而有力的口号

使用简短而有力的标语来吸引用户。想出它并不像看起来那么容易。这是一个创造性的过程。我再次建议大家进行头脑风暴。你的字符空间有限，但你需要简洁地传达你的价值观，解释一些好处或问题解决方案，或者提出一个会激起用户兴趣的相关问题。头脑风暴是寻找原创想法的好方法。

10. 说话要微妙

你可能拥有一个具有良好转化潜力的出色英雄形象，但如果没有 CTA，它将毫无价值。然而，应谨慎对待 CTA。

切勿使用 CTA 施加压力。

将你的号召性用语设计得友好、非攻击性，而不是要求过高。不要强迫用户立即学习所有内容、进行购买或订阅。CTA 是用户实现目标过程中的逻辑步骤。如果您未能通过标语和可视化激起他们的兴趣，则任何 CTA 按钮或文本都不起作用。

CTA 是你的设计和经营理念的有机延续。欢迎您的访客。这就是 CTA 按钮或消息的要点：它邀请用户加入该操作。

将 UI 和 UX 的重点放在使用户的目标具有吸引力上。

只有这样你的 CTA 才会有效。按钮不会激励任何人。人们被未来的想法和形象所激励。

优网科技，优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。