广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

18年
互联网应用服务商
请输入搜索关键词
如何创建一个出色的网站首页头图部分
发布日期:2024-07-23 11:23:05
浏览次数:453

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

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

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

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开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


责任编辑:优网科技

版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处

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

日期:2024-07-23 11:23:05 发布人:优网科技

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

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

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

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

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

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

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

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

  • 他们凭直觉立即喜欢视觉效果;

  • 他们看到了问题的解决方案;

  • 他们受到图像的激励;

  • 他们被标题所激励;

  • 他们知道下一步该做什么。


  • 2.不要忽视用户目标

  • 为了给观众带来惊喜并让他们留在第一个屏幕上,一些设计师无意中用自己的目标取代了用户的目标:做出出色的设计。但用户的目标不是设计。

  • 用户的目标是获得他或她需要的东西:东西、服务或特定信息。设计应该促进这项任务而不是阻碍它。

  • 智能设计不会引起人们的注意,也不会分散用户对他们目标的注意力,或者让他们目瞪口呆,忘记他们为什么来。对于头部尤其如此。

  • 这是一个典型案例。呈现给用户的要点是:

  • 公司提供什么;

  • 此优惠的优势;

  • 信任该公司的理由;

  • 用户要执行的操作。

  • 这个信息很明显:我们的公司很棒,用户应该赶快按下那个按钮。唉,事情不是这样的。

  • 用户目标与网站所有者、营销人员或设计师的目标无关。

  • 任何对用户没有直接价值的信息都必须保留。诸如“我们是最好的”、“庆祝成功十年”、“为什么人们信任我们”等信息属于视觉层次结构的底部。

    英雄部分的视觉效果必须优先考虑用户目标。

  • 向用户展示他们想看到的内容,并使其看起来非常好。这是你的第一要务。其余的一切——可靠性、信任、保证——只会让用户确信他们来对地方了。


  • 为有效的用户保留而设计

  • 3.记住:不要杂乱

  • 主屏幕必须清晰且易于用户导航。你可以在这里展示你的产品/服务的精髓。尽最大努力提高可读性。这包括:

  • 干净、整洁的设计;

  • 清晰的页面结构;

  • 充足的“空气”;

  • 没有干扰;

  • 亮点的层次结构;

  • 激励人心、简洁的标题和副标题;

  • 与消息和文案相匹配的头部形象;

  • 易于理解且可预测的导航面板。

  • 保持简单和简洁!


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

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

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

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


5.寻找特定的触发因素

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

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

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

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

要找到最佳触发因素,请问问自己:

  • 当用户看到你的报价时应该有什么感觉?

  • 它应该唤起什么样的记忆?

  • 应该建立哪些协会?

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

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

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


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

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

热门英雄形象集中于:

  • 产品;

  • 行动;

  • 优点;

  • 上下文;

  • 过程(幕后);

  • 公司的所有者。

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

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

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

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


7.管理用户的注意力

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

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

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

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

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

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

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

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


8.使用相关图像

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

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


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

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


10. 说话要微妙

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

切勿使用 CTA 施加压力。

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

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

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

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



责任编辑:优网科技

版权所有:http://www.uweb.net.cn (优网科技) 转载请注明出处

上一篇 返回列表 下一篇
推荐案例
眼光高度决定品牌厚度 !
广州网站建设-大良实验小学系统开发
广州网站建设-大良实验小学系统开发
大良实验小学于1998年成立,占地4万5千多平方米,是顺德区规模的民办学校之一。现有71个教学班,学生3223人,教职员工436人。学校按广东省一级学校标准建设,配有图书馆、舞蹈室、管乐室、多媒体电子琴室、实验室、英语乐园等功能场室36个,还拥有大礼堂、羽毛球馆、生物园、地理园、游泳池和200米塑胶运动场等活动场所。学校先后荣获“广东省一级学校”、“全国少先队红旗大队”、“广东省首届优秀书香校园”、“广东省书法教育名校”、“广东省综合实践样本学校”等光荣称号。
广州网站建设-海天味业公众号开发
广州网站建设-海天味业公众号开发
海天是中国调味品行业的优秀企业,专业的调味品生产和营销企业,历史悠久,是中华人民共和国商务部公布的首批“中华老字号”企业之一。目前生产的产品涵盖酱油、蚝油、酱、醋、料酒、调味汁、鸡精、鸡粉、腐乳等几大系列百余品种300多规格,年产值过百亿元。
广州网站建设-中凯网站建设
广州网站建设-中凯网站建设
中凯(海南)控股集团有限公司本次项目是集团网站建设,与优网科技合作过程中,双方配合默契,保质保量的仅一个月就完成了整站建设。优网科技帮助中凯(海南)快速树立了一个集团专业形象展示,同时网站的设计效果、体验和交互也让中凯(海南)非常满意。
广州网站建设-中国联塑网站建设
广州网站建设-中国联塑网站建设
中国联塑集团控股有限公司(简称:中国联塑,股份代号:2128.HK )是国内大型建材家居产业集团,产品及服务涵盖管道产品、水暖卫浴、整体厨房、整体门窗、装饰板材、净水设备、消防器材、卫生材料、海洋养殖、环境保护、建材家居渠道与服务等领域。
广州网站建设-前海益广网站建设
广州网站建设-前海益广网站建设
深圳前海益广股权投资有限公司成立于2016年04月18日,注册地位于深圳市前海深港合作区前湾一路1号A栋201室,经营范围包括一般经营项目是:股权投资;受托管理股权投资基金;受托资产管理;企业管理咨询、经济信息咨询;投资兴办实业等。
广州网站建设-萨米特高端品牌网站建设
广州网站建设-萨米特高端品牌网站建设
佛山市萨米特陶瓷销售有限公司始于2000年,在陶瓷行业风潮中发展壮大,是新明珠陶瓷集团的核心品牌。萨米特瓷砖注重营销系统的升级与消费体验模式的实施,倡导“设计+生活”的品牌理念,致力于打造有温度,有态度的瓷砖品牌。用设计提高人居价值,以创新驱动行业发展,与全球不同国家和文化背景的消费者共享美好家居。
广州网站建设-欧迪克网站建设
广州网站建设-欧迪克网站建设
佛山市南海欧迪克五金制品有限公司始创于2003年,致力于发展高端硅镁铝合金安全门窗,木铝门窗、阳光房定制,集研发、生产、销售、服务于一体。自创立以来,系列产品畅销大江南北,获得由权威媒体及单位颁发的多项殊荣。目前为止,“欧迪克门窗”的专卖店遍布全国800多个县市及地区,共有1000多家专卖店辐射全国。
广州网站建设-好太太网站建设
广州网站建设-好太太网站建设
好太太集团是一家集研发、生产、销售、服务于一体的智能家居企业,产品与服务涵盖智能晾晒、智能锁、智能电器等众多领域。坐落于广州番禺区,自1999年始便致力于打造 “好太太”品牌,经过将近二十年的发展,如今好太太已成为全球的晾衣架行业研发、生产、销售、服务商,在中国拥有近2000万户家庭在使用好太太产品。好太太集团于2017年主板上市,成为智能晾晒领域首家A股上市企业。
广州网站建设-中山公用水务网站建设
广州网站建设-中山公用水务网站建设
中山公用事业集团股份有限公司成立于1998年,是一家国有控股的上市公司(SZ:000685)。公司坚持“产业经营+资本运营”双轮驱动的战略思路,定位环保水务为核心业务,通过提升环保水务板块的产业经营能力,与资本运营平台协同增效,致力打造行业内有影响力的领先企业,积极担当社会责任和环境保护的公民企业,促成员工实现自身价值的平台企业。
广州网站建设--华标集团物业公众号
广州网站建设--华标集团物业公众号
华标集团物业为了进一步提升服务质量,满足业主的多元化需求,采用微信公众号作为服务平台,为业主提供日常物业缴费、报事报修、社区活动等便利性服务。本次量身定制的微信公众号,旨在打造一个高效、稳定、便捷的线上服务平台,让业主享受到更加贴心、便捷的物业服务。
广州网站建设-欧派家居集团官网建设
广州网站建设-欧派家居集团官网建设
欧派集团官网作为欧派对外展现品牌形象、传达服务理念的重要信息平台,也向用户展示了欧派最新的资讯和相关的售后服务。优网作为欧派集团的信息化战略合作伙伴,本次的官网开发基于专业的设计水平和扎实的技术能力,为欧派的互联网品牌形象全面升级。
广州网站建设-康臣药业网站建设
广州网站建设-康臣药业网站建设
康臣药业集团(HK.01681)是一家主要从事现代中成药及医用成像对比剂研发、生产及营销的现代化制药企业,创立于1997年,于2013年12月19日在香港联合交易所主板上市,旗下拥有广州康臣药业有限公司、康臣药业(内蒙古)有限责任公司、广西玉林制药集团有限责任公司、广州康臣药物研究有限公司等从事药品生产和研发的企业,运营康臣、玉林等知名医药品牌,在国内建有广东广州、内蒙古通辽、广西玉林等3个生产基地,员工逾2000人。
专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

展开菜单
关于我们
优网观点
项目动态
公司新闻
优网学院
常见问题
收起菜单
活动会议应用
答题应用
班车预定应用
应急值班表应用
春节活动应用
活动直播应用
内部培训及任务应用
返回上一级