英雄要展現在登陸頁上最重要的區域。它包含在網站的摺疊中,因此是第一個與訪問者通訊的區域。這意味著需要簡單而簡潔地傳達信息,以有效地傳達產品或服務。它也是公司可以創造高視覺衝擊力和興趣的領域,並引導訪問者進入關鍵內容部分。

  在本文中,我們將在著陸頁中檢視一些優秀的英雄設計示例,以發現使它們如此高效的原因。
 
  您可以要求的所有 WordPress 網站製作的著陸頁模板:
 
  Headway
 
  Headway 保留了一個非常乾淨的英雄部分,同時提供簡潔的產品描述和明確的行動呼籲。導航選項簡單易懂,主要關注英雄訊息。
 
  豐富多彩的插圖作為內容突破,通過設計傳承品牌,同時在視覺上代表產品。
 

 
  REZI
 
  Rezi 的英雄部分激發了一種切實的情感。它吸引著訪客接近房產鑰匙和搬家的情感。
 
  該訊息很短,很大,並且很快就會將該 WordPress 網站製作用作租賃或出租物業的工具。影像具有微妙的紫色色調,可以通過設計延續品牌效應。英雄部分伴隨著明確的號召性用語,允許該網站捕獲多用户的初始興趣並瞭解有關該服務的更多信息 – 在這種情況下,獲得即時房產優惠。
 

 
  Bonsai
 
  Bonsai 以精確和簡潔的方式執行了他們的英雄部分。他們甚至沒有選擇包含描述,只是簡單地使用大型標題來快速解釋手頭的產品。
 
  標題附有明確的號召性用語和產品截圖,進一步強化了產品的概念。
 
  該多用户界面還允許他們通過簡潔的設計銷售產品。背後的浪潮有助於創造視覺趣味,貫穿品牌以及圖形,這些是產品及其基本概念不可或缺的一部分。
 

 
  Glyph
 
  Glyph 是登陸頁面中英雄設計的更加簡單方法之一。這也適用於在之前分享的《建立多個語言網站時要避免常見的錯誤》中可以運用到的。幾乎沒有噪音,分心或賣力。它就像 Glyph 所做的那樣簡單,並伴隨著對最小設計明顯突出的行動號召。
 
  説明性部分位於主要英雄部分下方,以保持重要信息和行動儘可能高。該部分還用作書面內容之間的中斷,以免使多用户信息過載。

 
  framer
 
  framer 可能是所有例子中最精緻和最有條理的。它採用清晰的網格系統,通過顏色和間距進行充分的區分。主要的英雄區域使用有效的視頻來快速傳達本來難以描述給日常訪客的產品。
 
  設計的重點不在於產生強硬銷售,更多的是關注產品的多用户教育,因此主要呼叫定位在導航的右上角。顏色的使用清晰,鋭利和有效,巧妙地使用品牌顏色。這三張卡片提供了主要書面內容的有用視覺分隔符。