使用深色,以便在使用白色時標題和副標題都會突出顯示

Office Data gives you office 365 database with full contact details. If you like to buy the office database then you can discuss it here.
Post Reply
jobaidur222
Posts: 24
Joined: Sun Dec 15, 2024 3:29 am

使用深色,以便在使用白色時標題和副標題都會突出顯示

Post by jobaidur222 »

號召性用語按鈕是與網站轉換率直接相關的元素。這些有用的按鈕應該在設計中脫穎而出,並提供明確的訊息,表明如果訪客決定單擊,則會出現某種結果。例如,它可以是「訂閱我們的新聞通訊」或「我想要免費內容」。既然句子一定很短,但你一定要仔細思考。

此外,您還必須考慮這些小按鈕的顏色、位置、形狀和位置。因此,正如您所看到的,放置號召性用語按鈕並不像看起來那麼簡單。但您可能會在網站上看到有效甚至創造性地使用號召性用語按鈕的範例,並有足夠的靈感來解決有關您自己的 CTA 按鈕的某些問題。因此,在本文中,我們向您展示一些我們最喜歡的 CTA 按鈕。

Netflix

Netflix

訪客造訪Netflix 主頁時首先看到的是該平台上提供的各種劇集的拼貼畫。

它的 CTA 按鈕是紅色,是色環中最引人注目的顏色之一。此外 新加坡手机区号 這種顏色與您的企業形象相符,因為其徽標是紅色的。該短語表示您可以免費使用一個月的服務。毫無疑問,這個細節引起了許多參觀者的興趣。

威靈頓動物園

威靈頓動物園

這個動物園的主頁 相當豐富多彩,說明很有趣。在前景中,我們看到一隻變色龍,其顏色與選擇作為背景的黃色相結合。標題採用粗大寫的手杖字體,上面寫著“了解我們的奇蹟”,明確指的是動物園飼養的所有動物。

CTA 按鈕與標題對齊,呈紫羅蘭色,與黃色互補。透過這種方式,可以創建互補色對比,非常適合使用,使前景元素從背景中脫穎而出。

Image

Skype

Skype

Skype頁面 使用圖像作為背景,標題和字幕的來源為白色。就標題而言,不存在可讀性問題,因為它的分數較高,但在字幕中,有可能區分資訊。

與前面的範例不同,在第一個畫面上,您可以看到三個 CTA 按鈕:一個位於功能表列中,另外兩個位於主頁副標題下。然而,由於它的大小和填充顏色,「下載 Skype」按鈕脫穎而出,因為儘管他們有辦法使用此線上服務,但最終想要的是下載和使用該程式。

文法

文法上

在Grammarly 網頁中,CTA 按鈕使用了微紅色調。它在訊息「新增至 Chrome」中表明它是網頁瀏覽器的擴充功能或插件。此外,他們還添加了「免費」一詞來吸引註意力並提高轉換率。另一個額外的細節是,該按鈕會根據您使用的瀏覽器而變化,因為此擴充功能也適用於其他網頁瀏覽器。最後,一旦用戶向下滾動以了解有關此擴展的更多信息,該按鈕就會被放置在功能表列中。這樣,如果用戶讀完他最感興趣的好處並希望下載該插件,則他不應該再次上傳。

條紋

條紋

Stripe 網站以不同的藍色調背景迎接訪客。由於圖像放置在右側,標題已向左對齊。在第一個螢幕截圖中,您可以看到兩個號召性用語按鈕,一個用於在平台上建立帳戶,另一個用於了解有關此服務的操作和優勢的更多資訊。

放置這兩個按鈕是明智的,因為作為主螢幕上的第一個圖像,訪客不太可能決定立即建立帳戶,除非他們之前已經聽說過該服務。他們更有可能選擇“了解我們的報價”,但有一部分人可以直接建立帳戶,因此最好提供這兩個選項。
Post Reply