如何為您的在線商店創建漂亮（且有說服力）的英雄形象
已發表: 2015-01-06大多數在線商店和主題模板都有一個共同的主要組成部分，即主頁上突出顯示的大型特色圖像或一系列圖像。
這些圖像通常被稱為英雄、橫幅或輪播圖像。 無論您如何稱呼它們，它們都是相同的，並且對在線業務起著非常重要的作用。
在這篇文章中，我們將探討英雄形象的重要性，向您介紹一些使用它們的最佳實踐，並提供一些令人難以置信的工具和圖形資源來幫助您為您的在線商店創建漂亮且有說服力的英雄形象。
讓我們深入研究一下。
免費閱讀清單：在線商店設計技巧
您的在線商店的外觀會對銷售產生重大影響。 通過我們免費、精選的高影響力文章列表釋放您的內在設計師。
將我們的商店設計閱讀清單直接發送到您的收件箱。
快到了：請在下面輸入您的電子郵件以獲得即時訪問權限。
我們還將通過 Shopify 時事通訊向您發送有關新教育指南和成功案例的更新。 我們討厭垃圾郵件，並承諾保證您的電子郵件地址安全。
地點，地點，地點。
主圖佔據了整個網站最常見的頁面（主頁）上的大部分空間。 這是在線世界中的主要房地產，這意味著如果使用得當，英雄圖像可以成為您的業務非常寶貴的資產。
這些大圖像無處不在，只需看看 Shopify 主題商店中一些最受歡迎的主題。 大多數具有突出的英雄形象：
英雄形象的目的
根據您的業務和目標，您可以將這塊寶貴的房地產用於多種用途。 讓我們看看下面一些使用英雄圖像的最常見方法：
1. 幫助建立您的品牌並講述您的故事
您的主頁英雄形象空間的一種潛在用途是幫助建立您的品牌。 這種方法可以特別有效地為您的業務和產品添加一個很棒的故事。 使用您的主要房地產這種方法涉及提供關鍵信息，以教育您的訪問者了解您的品牌故事。
2.回答客戶問題
另一種常見的方法是對常見問題的回答進行專題介紹。 這可以回答您最常見的反對意見，或者解決您的訪問者可能遇到的時間敏感問題。 例如：“免費運送到美國”。
3. 突出你的價值主張
也許這個空間最重要的用途是解釋你品牌的價值主張。 您的價值主張准確地向您的客戶解釋了您的產品為他們帶來的價值。 有什麼比直接在大多數訪問者登陸的主頁上告訴客戶您的價值主張更好的地方了。
4.發佈公告
這個關鍵空間最突出的用途之一是展示銷售等公告。 主頁英雄圖片是銷售通知的好地方，因為它將吸引最多的訪問者。
5. 展示產品或產品線
最後，英雄形象的另一個流行用途是展示產品或特定產品線。 當您推出新產品並希望它們受到最多關注，以及展示利潤率最高的產品或您試圖清算的產品時，這可能是完美的選擇。
無論你選擇在這個空間做什麼，一個好的英雄形象應該包括幾件事。 讓我們來看看英雄形像中最重要的元素。
英雄形象應該包括什麼？
塑造一個偉大的英雄形象需要三個要素。 對這些元素中的每一個進行深思熟慮的組合可以產生有說服力的英雄形象，迫使訪問者按照您的轉化目標採取您希望他們採取的行動。
讓我們看一下以下三個基本要素：
引人注目的圖像 - 人眼喜歡大、大膽和明亮的圖像，這正是出色的產品攝影如此重要的原因。 英雄形像也不例外。 您的主圖應該包含高分辨率且引人注目的圖形、圖像或照片。 幾乎所有主題都會列出建議的圖像分辨率，以便您確切知道製作英雄圖像的尺寸。
朗朗上口的文案 - 您的文案是您用來傳達信息的文字。 由於圖像的性質和您必須傳達信息的時間，您的文字應該保持非常簡潔和重點。
強烈的號召性用語——最後，所有英雄形像都應具有突出的號召性用語。 告訴讀者您希望他們採取的操作的文本或按鈕。 一些示例包括立即購買、閱讀我們的故事、了解更多信息等。
你應該旋轉你的英雄形象嗎？
您會注意到，許多主題和網站都會以旋轉的英雄圖像為特色，每隔幾秒鐘就會旋轉幾張圖像。 此功能通常受到設計師的喜愛，因為它具有一塊大而華麗的房地產來展示其出色的設計，但是由於不斷移動的圖像通常會讓人分心，可用性專家一直對它們不屑一顧。觀眾的控制。
已經進行了一些測試，表明旋轉的英雄圖像超過第一個幾乎從未被點擊。 ConversionXL 發表了一篇很棒的帖子來討論這個問題，他們的建議是一起放棄旋轉橫幅。
該帖子引用了聖母大學的一項研究，該研究表明，五張圖片中的第一張圖片獲得了 84% 的點擊率。
普遍的共識是，你應該專注於一個單一的圖像，而不是旋轉幾個英雄圖像。 但是，旋轉圖像可能適合您的業務，並且通過一些計劃，它們可能非常適合您。
如果您想為您的商店使用旋轉的英雄圖像，請考慮以下事項：
在所有英雄圖像中使用一致的風格。
保持內容簡單，以便讀者快速消化。
使圖像文件盡可能小，以免減慢網站的加載時間。
將幻燈片的數量保持在最低限度，並且只展示真正重要的內容。
使導航對讀者來說顯而易見且可控。
如何為您的在線商店創建英雄形象
對於非設計或精通技術的新店主來說，最大的障礙可能是定期創建漂亮的新英雄形象。 然而，近年來，已經出現了各種工具，即使是最不精通技術的企業家也可以輕鬆完成這一過程。
從哪裡獲取圖像：
有無數的地方可以上網為您的網站英雄圖片查找圖片。 不過，有些比其他的要好。 為了幫助您進行搜索，我們列出了一些最佳來源，供您查找下一張圖片：
免費、免版稅的圖片資源
Burst by Shopify -（免費）這是一個面向企業家的全新照片平台。 您可以找到非常適合營銷活動和社交媒體的高分辨率產品照片和生活方式圖像。 每週都會添加數百張新照片，因此如果您的利基市場尚未添加，請經常回來查看。
The Stocks -（免費）The Stocks 將來自頂級資源的所有最佳免版稅庫存照片匯集在一個乾淨、易於瀏覽的網站中。 並非所有內容都可以搜索，因此您可能需要花一些時間搜索所有資源才能找到適合您品牌的內容。
Death To Stock Photo (免費) 這些免費圖片只能通過電子郵件獲得。 因為這些照片每月通過電子郵件發送給您一次，所以這是開始構建您自己的獨特圖像集合的好方法，您可以在未來使用。
Pixabay - （免費）超過 400,000 張免費照片、矢量圖和藝術插圖。
Graphic Burger -（免費）包含免費用於商業用途的照片和圖像的絕佳資源。
PicJumbo -（免費）PicJumbo 是一個非常好的資源，可提供高質量的免費庫存照片。 一個巨大的選擇和所有分類使偉大的圖像很容易找到。
morgueFile -（免費） morgueFile 已經存在了很長時間，並且有數千張免費的庫存照片都可以搜索。
付費圖片資源
如果您的英雄圖像預算很少，請考慮使用一些付費資源更高的資源來獲取更高質量的圖像和照片。 因為這些是付費的，所以在網絡上使用它們的人會減少，從而使您的英雄形象更加獨特。
創意市場 - （付費）圖像和圖形的最佳市場之一。 這裡的質量標準很高，價格也很合理。
500px Prime - （付費）來自世界各地攝影師的高端、美麗和獨特照片的令人難以置信的資源。
Dollar Photo Club - （付費）每張圖片只需 1 美元和精選的優質照片。
Stocksy - （付費）來自策展攝影師的策展圖像的另一個重要資源。 圖片的價格從小圖片 10 美元、中等大小圖片 25 美元和大圖片 50 美元不等。
當然，庫存照片永遠只是庫存照片。 如果您有一些時間並且可能還有更多預算，請考慮拍攝您自己的英雄形象攝影，例如 Amos Brand。
拍攝自己的照片不必昂貴或複雜。 您會對從智能手機獲得的照片質量感到驚訝。 要開始，請查看 CreativeLive 提供的關於攝影的免費在線課程之一，以了解攝影的基礎知識。
您可能還需要考慮查看我們關於使用智能手機拍攝精彩照片的指南。 這篇文章中的許多技巧也可用於為您的主頁拍攝漂亮的英雄圖像。
如何組合英雄形象：
Adobe Photoshop（每月 9.99 美元）是平面設計藝術家和攝影師的首選程序，然而，它的價格相當高，學習曲線也很大。 好消息是，有幾種替代方案更加用戶友好和免費。
Pixlr -（基於 Web，免費）基於 Web 且可下載的免費圖像編輯器。 如果您對圖像編輯有一定了解，您會發現 Pixlr 非常容易上手且直觀。 不幸的是，之前沒有圖像編輯經驗，您可能仍然會發現 Pixlr 有點難以導航。 嘗試從基於 Web 的編輯器開始。
Pixelmator - (OSX App 29.99 美元) Pixelmator 是一款功能豐富且功能強大的 OS X 圖像編輯器，標稱成本為 29.99 美元。
Canva -（基於網絡，免費增值）Canva 是一個相當新的基於網絡的圖像編輯器應用程序，它超越了簡單的圖像編輯。 他們的目標是讓任何人的設計都變得簡單。 該應用程序可以輕鬆選擇您要製作的圖像尺寸，並包括內置的設計元素，包括庫存照片（免費和付費）和字體。
PicMonkey（基於網絡，免費） PicMonkey 將其強大的功能隱藏在簡單直觀的界面後面。 雖然 PicMonkey 是免費的，但有一個高級版本可以提供很多額外的功能，只需每月支付少量費用。
結論
你有它，你的主頁上的英雄圖像的原因，目的和用途。 經常更改這些圖像可以讓您的商店對回頭客感到新鮮，保持活力，並促使訪問者採取最符合您的轉化目標的行動。
如果我們錯過了將偉大的英雄形象放在一起的重要資源，請在評論中告訴我們。