英雄要展现在登陆页上最重要的区域。它包含在网站的折叠中,因此是第一个与访问者通讯的区域。这意味著需要简单而简洁地传达信息,以有效地传达产品或服务。它也是公司可以创造高视觉冲击力和兴趣的领域,并引导访问者进入关键内容部分。

  在本文中,我们将在著陆页中检视一些优秀的英雄设计示例,以发现使它们如此高效的原因。
 
  您可以要求的所有 WordPress 网站制作的著陆页模板:
 
  Headway
 
  Headway 保留了一个非常干净的英雄部分,同时提供简洁的产品描述和明确的行动呼吁。导航选项简单易懂,主要关注英雄讯息。
 
  丰富多彩的插图作为内容突破,通过设计传承品牌,同时在视觉上代表产品。
 

 
  REZI
 
  Rezi 的英雄部分激发了一种切实的情感。它吸引著访客接近房产钥匙和搬家的情感。
 
  该讯息很短,很大,并且很快就会将该 WordPress 网站制作用作租赁或出租物业的工具。影像具有微妙的紫色色调,可以通过设计延续品牌效应。英雄部分伴随著明确的号召性用语,允许该网站捕获多用户的初始兴趣并了解有关该服务的更多信息 – 在这种情况下,获得即时房产优惠。
 

 
  Bonsai
 
  Bonsai 以精确和简洁的方式执行了他们的英雄部分。他们甚至没有选择包含描述,只是简单地使用大型标题来快速解释手头的产品。
 
  标题附有明确的号召性用语和产品截图,进一步强化了产品的概念。
 
  该多用户界面还允许他们通过简洁的设计销售产品。背后的浪潮有助于创造视觉趣味,贯穿品牌以及图形,这些是产品及其基本概念不可或缺的一部分。
 

 
  Glyph
 
  Glyph 是登陆页面中英雄设计的更加简单方法之一。这也适用于在之前分享的《建立多个语言网站时要避免常见的错误》中可以运用到的。几乎没有噪音,分心或卖力。它就像 Glyph 所做的那样简单,并伴随著对最小设计明显突出的行动号召。
 
  说明性部分位于主要英雄部分下方,以保持重要信息和行动尽可能高。该部分还用作书面内容之间的中断,以免使多用户信息过载。

 
  framer
 
  framer 可能是所有例子中最精致和最有条理的。它采用清晰的网格系统,通过颜色和间距进行充分的区分。主要的英雄区域使用有效的视频来快速传达本来难以描述给日常访客的产品。
 
  设计的重点不在于产生强硬销售,更多的是关注产品的多用户教育,因此主要呼叫定位在导航的右上角。颜色的使用清晰,锐利和有效,巧妙地使用品牌颜色。这三张卡片提供了主要书面内容的有用视觉分隔符。