登陸頁面圖像:選擇令人印象深刻的視覺效果

已發表: 2022-09-15

登陸頁面圖像:選擇令人印象深刻的視覺效果

登陸頁面是營銷效益的金礦。 您可以通過多種方式使用登錄頁面。 支持您的廣告、培養潛在客戶或進行銷售。

並且基於目的,有很多類型的登陸頁面。 此外,在所有這些中,圖像都起著至關重要的作用。

由金普設計

圖像會立即吸引註意力並傳達您的信息。 當您選擇相關且吸引人的圖像時,就是這樣! 事實上,您為著陸頁選擇的圖像可以成就或破壞您精心製作的設計。 因此,在本博客中,我們將為您提供一些簡單的技巧來選擇正確的圖像,以便您的目標網頁設計能夠解決問題。

但在我們到達那里之前,我們將為您概述對著陸頁轉換至關重要的設計元素。

  • 登陸頁面的基本要素
  • 為著陸頁選擇圖片的有效策略
    • 1.保持簡單明了
    • 2. 虛擬體驗的視覺證明
    • 3.通過了解你的聽眾來打出正確的和弦
    • 4. 把它與你的客戶聯繫起來
    • 5. 設定心情的圖片
    • 6. 如果沒有任何效果,你有插圖
  • 使這些圖像有效的著陸頁設計技巧
    • 為了獲得最大的影響,請選擇正確的顏色
    • 為您的圖像設置正確的優先級
    • 密切關注佈局
    • 開箱即用的設計
    • 始終牢記色彩對比
  • 使用 Kimp 設計具有視覺吸引力的著陸頁

登陸頁面的基本要素

Kimp 的登陸頁面設計

一些登陸頁面旨在從客戶那裡收集信息。 還有一些是為了縮短銷售漏斗,說服顧客買東西。 無論如何,以下是每個著陸頁應包含的設計元素:

  • 吸引眼球的英雄文本——它也應該立即告訴頁面是關於什麼的
  • 清晰明了的文案,說服人們採取行動
  • 定義明確的 CTA
  • 支持頁面上所有其他設計元素的視覺效果

近 80% 的用戶更喜歡閱讀具有圖像和其他視覺效果以支持所呈現信息的內容。 因此,即使您花費數小時為著陸頁策劃內容,不添加視覺效果或添加不相關或無啟發性的內容也會降低內容的有效性。

著陸頁上的每個小細節都應該有明確的目的。 他們應該一起無縫地將您的客戶引導到號召性用語。

好吧,這就是登陸頁面的必要條件。 我們確實有一個詳細的博客,介紹如何優化您的著陸頁設計以實現轉化。 但是現在,讓我們直接進入我們的主題:為您的目標網頁選擇正確的圖像。

為著陸頁選擇圖片的有效策略

您在視覺效果中展示的內容、客戶從他們那裡得到的解釋以及這些視覺效果回答的問題都會影響您的目標網頁提供的整體體驗。 這就是為什麼您應該優先為您的目標網頁圖像確定正確的策略。 我們將看一些簡單的,首先:

1.保持簡單明了
空白的
Kimp 的登陸頁面設計

您通過著陸頁推廣的產品或服務是什麼? 通過視覺效果展示這一點並添加連貫的副本。 這是設計無憂著陸頁的最簡單方法。 在上面的示例中,從英雄形像到輔助視覺效果的所有內容都展示了產品。

在線下訂單時,客戶無法像在商店購物時那樣實際檢查產品。 這就是為什麼著陸頁上清晰的產品圖片有助於提高轉化率的原因。

一個產品或服務頁面在一個地方包含所有基本信息和補充所提供細節的圖像,有可能影響購買決策。

Kimp 提示:在大多數情況下,僅產品圖片是不夠的。 當您選擇這個想法時,請確保您還有一些額外的圖像來捕捉體驗,而不僅僅是產品本身。 當您有多個圖像要添加到您的目標網頁時,請創建一個平衡的佈局。 應該有一個比其他英雄形象更大的英雄形象。

想要創建具有大量視覺效果的交互式登錄頁面? Kimp Graphics 訂閱正是您所需要的。

2. 虛擬體驗的視覺證明

直接在頁面上添加產品圖片是一種方法。 另一個是展示產品的實際應用。 它特別適用於軟件產品甚至基於服務的業務。

當客戶在付款前了解您所提供的產品時,他們會更有信心選擇您的品牌。 例如看下圖:

空白的
Kimp 的登陸頁面設計

上述設計是寵物美容服務的登陸頁面。 您會看到精心修飾的寵物的照片以及寵物被修飾的實際快照。 像這樣的視覺證明將簡化您客戶的決策過程。

當您展示而不是講述時,您可以減少副本並仍然傳達信息。 一看您的客戶就會了解您提供的服務範圍。

3.通過了解你的聽眾來打出正確的和弦

選擇具有情感價值的圖像將是提高轉化率的最有效方法。 當您了解客戶並激起他們的情緒時,您就會影響他們對您的產品和品牌的整體感受。 這就是幫助建立忠誠度和加強品牌形象的原因。

例如,如果您擁有一家活動管理公司,並且您想要一個為您的生日派對裝飾服務設計的登陸頁面,您會選擇什麼樣的圖像?

大多數品牌選擇展示他們以前作品的照片。 花哨的派對場地,以及團隊過去佈置的派對佈置。 但這個行業幾乎所有的企業都有這樣的形象。 那麼,你如何脫穎而出?

展示享受派對的家庭的幸福面孔。 添加圖像,捕捉孩子看到派對場地裝飾成他最喜歡的超級英雄主題時臉上的驚訝表情。 看到此登錄頁面的父母會希望在孩子的臉上看到類似的笑容。 因此,他們將渴望選擇您的服務。

捕捉情緒的圖像會打動人們,讓他們在選擇您的服務之前就感受到這些情緒。 這增加了客戶選擇您的業務的機會。

空白的
Kimp 的登陸頁面設計

上面的狗床登陸頁面並沒有過多地關注產品。 它顯示狗正在享受廣告中的狗床。 看到這一點的寵物父母將能夠想像他們的狗在狗床上感到舒適,這將促使他們購買它。

4. 把它與你的客戶聯繫起來

誰應該成為您的目標網頁上的視覺英雄? 產品還是您的客戶? 毫無疑問是你的客戶。 您可能有很棒的產品,但許多其他品牌也有。 所以,在你的視覺效果中給你的客戶最高優先級,你就會產生影響。

看看下面的亞馬遜廣告。 第二張圖片顯示了廣告指向的目標網頁。

空白的
亞馬遜兒童廣告
空白的
亞馬遜兒童登陸頁面

在上面的示例中,廣告和著陸頁都包含以兒童為特色的視覺效果。 由於該服務是為兒童設計的,因此它專注於實際的目標受眾,而不是展示產品。 這將有更好的響應。 正在尋找娛樂孩子的方法的父母會立即明白,這項服務將為他們提供這樣的服務。

5. 設定心情的圖片

不想要展示產品或客戶實際使用您的產品的傳統想法? 然後嘗試結合設定情緒的視覺效果。 在不實際展示您的客戶或產品本身的情況下,您可以通過使用顏色甚至視覺隱喻讓人們感受到某些情緒。

看看下面的著陸頁設計:

空白的
Kimp 的登陸頁面設計

上面的登陸頁面是針對一個美容品牌的。 但是您看不到英雄圖片中的實際產品。 相反,視覺效果專注於設置情緒,從而建立情感聯繫。

由深綠色、黑色和金色組成的調色板立即讓您意識到這是關於奢華美容產品的。 您甚至可以將圖像中的綠葉與產品中安全和天然成分的使用聯繫起來。

因此,即使不直接展示產品,也可以傳達如此多的意義。

6. 如果沒有任何效果,你有插圖

有時,當您使用實際的產品或服務照片時,您會覺得自己付出了太多。 而其他時候,您只是想讓您的頁面看起來與您所在行業的其他品牌不同。 無論哪種方式,如果您希望轉過頭並清楚地傳達信息,有一件事可以提供幫助 - 自定義插圖。

定制插圖是營銷中的寶貴資產。 您可以在電子郵件、廣告和許多其他地方使用它們。 您的登錄頁面將是另一種類型的營銷資產,您可以在其中發現插圖可以發揮有意義的作用。

插圖為您的設計增添了新的維度。 當有一個專門為您的目標網頁創建的自定義插圖時,它將是獨一無二的,並且僅對您的品牌而言是獨一無二的。 最終,這有助於建立強大的視覺形象。

空白的
Kimp 的登陸頁面設計

從上圖中可以看出,使用插圖的想法幾乎適用於所有大小品牌。 為了展示您的服務,將注意力吸引到頁面上的特定區域,甚至簡化信息,插圖會派上用場。

Kimp 提示:如果您打算將插圖作為目標網頁的主要視覺元素,請嘗試在與目標網頁鏈接的電子郵件和廣告中加入類似的樣式。 畢竟,視覺一致性對於提高設計的有效性大有幫助。

想要同一個團隊來設計您的廣告和著陸頁? 每個Kimp Graphics 訂閱都配有專門的設計團隊,負責處理您的所有營銷設計,包括自定義插圖。

使這些圖像有效的著陸頁設計技巧

使用上述想法,您選擇了要在著陸頁上使用的圖像。 怎麼辦? 如果沒有正確的佈局和顏色來支持它們,這些圖像將不會對您的客戶產生預期的效果。 為了使您的圖像流行,請記住以下一些設計規則。

為了獲得最大的影響,請選擇正確的顏色
空白的
Kimp 的登陸頁面設計

上面的登錄頁麵包含以產品為焦點元素的圖像。 這些產品色彩鮮豔的包裝設計非常引人注目。 因此,著陸頁配色方案由類似於包裝顏色的顏色組成。 結果,頁面上的視覺效果和顏色看起來都令人愉悅。


Kimp 提示:當您為著陸頁選擇配色方案時,請始終考慮您將使用的圖像。 如果著陸頁顏色與圖像上的顏色發生衝突,即使是最好的產品照片和頭像也不會產生預期的影響。

為您的圖像設置正確的優先級

有時,文本內容將成為主角元素,而您的圖像支持文本。 有時情況正好相反。 您的圖像適合設計的位置取決於圖像的目的。

空白的
Kimp 的登陸頁面設計

上面的示例顯示了攝影業務的登錄頁面。 因此,代表作品質量的精美照片被允許主導設計。

另一方面,請看下面的著陸頁設計,其中圖片僅佔頁面的一部分。

空白的
Kimp 的登陸頁面設計

在上面的設計中,頁面談論食物,圖像用於使內容更具吸引力。 有許多額外的細節要呈現給客戶。 出於這個原因,副本和圖像都被賦予了相同的優先級,而不是讓圖像佔據所有空間。

以上兩個示例展示瞭如何為著陸頁上的圖像設置不同的優先級,以實現著陸頁的目標。

密切關注佈局

當您只有一個圖像和一個簡短的副本設置優先級可能很容易。 當您有多個圖像都具有相同的優先級和不同的文本部分時,您需要一個不會忽略視覺平衡的佈局。

下面的登錄頁面顯示瞭如何以清晰自由的佈局添加多個圖像。

空白的
Kimp 的登陸頁面設計

簡單的佈局,如上述著陸頁設計中的特色,確保沒有太多的視覺噪音。 您不想要一個看起來很忙但無法傳達信息的登錄頁面。

開箱即用的設計

為您的圖像設置特定分辨率並為其明確定義輪廓或框架可能感覺是將它們放置在目標網頁上的最直接方式。 但是,如果您想添加一個扭曲並使圖像看起來與頁面的其餘部分無縫對齊怎麼辦? 在這種情況下,忘記邊框並將圖像直接放在登錄頁面背景上。

看看下面的例子:

空白的
Kimp 的登陸頁面設計

上面的設計使主題,咖啡,彈出。 然而,圖像感覺與文本部分一致。 這使得設計看起來很完整。

始終牢記色彩對比

在精心選擇傳達您的信息的圖像和使圖像脫穎而出的背景顏色後,如果文本顏色與圖像不匹配,則會破壞整體效果。 如果將文本放置在圖像的頂部,則對比度可以發揮更大的作用。

較差的顏色對比會使圖像上的文字難以閱讀。 然後這個文本也會影響圖像的美感。 相反,選擇強烈的對比會放大圖像的效果。

下面的登陸頁面設計顯示了適當的對比度如何確保文本和圖像看起來都很好。

空白的
Kimp 的登陸頁面設計

使用 Kimp 設計具有視覺吸引力的著陸頁

無論您的目標網頁的目的如何,有兩件事決定了最終設計。 您選擇的圖像類型以及如何在設計中使用這些圖像。 如果您有專業的設計團隊為您提供支持,您就不必擔心所有這些細節。 Kimp Graphics 訂閱包括登錄頁面設計。 因此,您專門的設計團隊將幫助您為所有廣告系列設計令人驚嘆的目標網頁。

註冊免費試用,立即探索無限設計服務為您的品牌帶來的好處。

相關文章

登陸頁面優化 - 電子商務企業的 8 個技巧
登陸頁面的類型:您的品牌需要知道的 10 個