Kahraman Görüntü Tasarımı Hakkında Bilmeniz Gereken Her Şey

Kahraman görseller, bir ana sayfada belirgin bir şekilde görüntülenen ve bazen e-posta tasarımlarında kullanılan büyük görseller veya bir dizi görseldir. Aslında tüm işletmeler için çok önemli bir rol oynarlar, bu nedenle kahraman imaj tasarımı hakkında bir veya iki şey bilmek önemlidir.

Neden bir Kahraman imajına sahip olmalısınız?

• Markanızı oluşturmanıza ve marka hikayenizi anlatmanıza yardımcı olabilir. Markanızın arkasındaki hikaye hakkında bilgi vermek için bu görüntüleri kullanabilirsiniz.
• Ayrıca, müşterilerinizin en çok sorduğu soruları yanıtlamak veya zamana duyarlı bir sorunu ele almak için de kullanabilirsiniz.
• Kahraman görseller, müşterilerinize markanızın değer önerisi hakkında bilgi vermek için de kullanılabilir.
• Örneğin, yakında gerçekleşecek bir satış gibi önemli bir duyuru yapacaksanız, bu yardımcı olabilir. Bu, göndereceğiniz e-postalar için de harika bir fikir.
• Kahraman görseller, bir ürünü veya eksiksiz bir ürün hattını öne çıkarmak için kullanılabilir.

Bir kahraman imaj tasarımına neler dahil edilmelidir?

Markanız için mükemmel olanı yapmak için kahraman imaj tasarımınızda sahip olmanız gereken üç ana unsur vardır. Doğru şekilde yürütülürse, aslında bir eylem çağrısı görüntüsü olarak hareket edecektir.

• Görüntünün kendisi yüksek çözünürlüklü fotoğrafçılık, göz alıcı grafik tasarım veya görüntüler içermelidir. Görüntülerin hangi boyutta olması gerektiğini bilmeniz için görüntü çözünürlüğü listelenecektir.
• Ayrıca görsel üzerine eklenebilecek kısa, öz ve güçlü bir içeriğe sahip olmalısınız. Bu, mesajı hemen eve götürmelidir.
• Tüm kahraman resimlerinin çok güçlü bir harekete geçirici mesaj metni veya düğmesi içermesi gerekir. Bazı iyi örnekler "Şimdi Alışveriş Yap", "Daha Fazla Bilgi Edinin", "Hikayemizi Okuyun" veya "Şimdi Satın Alın" olabilir.

Kahraman görüntüleri oluşturmak için en iyi uygulamalar

Yüksek kaliteli görüntüler kullanın

Bir web sitesinde veya bir e-postada olsun, resimlerinizin yüksek kalitede olması gerçekten önemlidir. Günümüzde bilgisayar ve akıllı telefon ekranlarının boyutu nedeniyle müşteriler, kahraman görsel tasarımınızın bulanık mı yoksa pikselli mi göründüğünü kolayca anlayabilir. Bu sorunlardan kaçınmak istiyorsanız, resimlerinizi her zaman boyutlarını küçülterek yeniden boyutlandırabilirsiniz. Ama asla boyutu büyütmeyin. Bunu yaptığınız anda, görüntünüz pikselli hale gelecektir.

Kahraman görüntüsünün yüksekliği ve genişliği söz konusu olduğunda, sahip olduğunuz belirli düzene bağlı olacaktır. Belki de kahraman resminizin sayfanın tüm genişliğini kaplamasını istiyorsunuz? Öyleyse, VW veya VH kullanın (bu, görüntü alanı alanının tam genişliği veya yüksekliği anlamına gelir).

Ayrıca, kullandığınız hazır görselleri özelleştirdiğinizden ve özellikle metin ekliyorsanız arka planın aşırı meşgul olmadığından emin olmalısınız. Kaplamalar ve ince kumaşlar aracılığıyla renk kontrastını kullanmak, metne ve arka plana netlik getirmenin de harika bir yoludur. Örneğin, aşağıda verilen resimdeki beyaz metne dikkat edin.

Görüntüler için yükleme süreleri

Yüksek kaliteli görüntüler kullandığınızda, yükleme süreleri kritik bir rol oynar. Yükleme süresi 0,4 saniyeden 0,9 saniyeye çıktığında trafiği %20 oranında azaltır. Bundan kaçınmak için izlemeniz gereken en iyi uygulamalardan bazıları şunlardır:

• Resmi kendiniz yeniden boyutlandırmak ve tarayıcının otomatik olarak yapmasına izin vermemek.
• Photoshop kullanarak seçtiğiniz görüntüyü sıkıştırma. Bunun için özel olarak tasarlanmış sıkıştırma araçlarını da kullanabilirsiniz.
• Yükleme süresini artırmadan hangi türün en iyi sonucu verdiğini görmek için hem PNG hem de JPG görüntüleri ile deneyin ve çalışın.

Temyiz için gösteri

Kahraman görsel tasarımınız, izleyiciye tam olarak ne sattığınızı göstermelidir. Örneğin, özelleştirilmiş şemsiyeler satmak istiyorsanız, yağmurda onları kullanan insanların bir resmini sergileyebilirsiniz.

Resminiz bir sloganı belirtiyorsa veya müşterilere bir indirimden bahsediyorsa, yalnızca az miktarda kopya kullanıldığından emin olun. Unutulmaması gereken bir diğer önemli nokta da, resimlerinizin altındaki yazıların, ana metinden %300 daha fazla okunacağıdır. Bu, başlığınızın kahraman resmine ne kadar doğru, uyumlu ve hedefli olması gerektiği konusunda size bir fikir versin.

Deneyebileceğiniz başka bir taktik, tek bir resim yerine, yüksek kaliteli görüntüleri güçlü ve çekici bir harekete geçirici mesajla birleştiren bir dizi kahraman afişi kullanmaktır.

Alaka düzeyini koruyun

Kahraman imajınız, mesajınıza bir giriş gibidir. Müşterilerinizin e-postanızın geri kalanından veya web sitenizden neler bekleyebileceklerini anlamalarına yardımcı olacaktır. Görüntü mesajınızı net bir şekilde iletemezse, müşteriye değer de sağlayamaz.

Ayrıca, tasarım için kullandığınız alanı tamamen boşa harcamış olursunuz. Daha da tehlikeli olan, görüntünün müşterinin ürün veya hizmet hakkındaki önyargılarıyla uyuşmamasıdır. O zaman sadece kafa karıştırıcı olacak.

Alaka düzeyini korumak için aşağıdakileri göz önünde bulundurmanız gerekir:

• Resim, hedef anahtar kelimenizin bir görselleştirmesini mi kullanıyor?
• Görseliniz web sitenizin veya e-postanızın amacına açıklık getiriyor mu?
• Harekete geçirici mesaja kadar giden sayfanın veya e-postanın akışı, kullanılan resim tarafından destekleniyor mu?
• Görsel, markanıza ne kadar güvenilirlik ve özgünlük getiriyor?
• Yararlar ve alaka düzeyi görsel tarafından artırılıyor mu?
• Görüntü, müşterileri harekete geçirmeye zorlayacak duyguları tetikliyor mu?
• İmajınız, ürünü veya hizmeti aldıktan sonra müşteriyi kahraman olarak tasvir edebilir mi?

Eylem çağrısına vurgu yapmak

Daha önce, kahraman imaj tasarımınızda harekete geçirici mesajın bulunmasının önemli olduğuna işaret etmiştik. Şimdi hemen dikkatleri üzerine çekmek için neler yapabileceğinize bakalım. Örneğin, harekete geçirici mesajınız görselle rekabet etmemelidir. Ancak gerçekten öne çıkmalı. Aşağıdaki örnek, genel görüntüyle orantılı olarak harekete geçirici mesaj düğmesinin ağırlığını korurken, ilgili ve duygusal bir mesaj iletmenin mükemmel birleşimidir. Burada renk kullanımı da çok önemlidir.

CTA'nın öne çıktığından emin olmak için görüntü üzerinde bir bulanıklık testi yapabilirsiniz. Bu, müşterinin gözünün gitmeniz gereken yere çekilip çekilmeyeceğini görmenize yardımcı olacaktır. Sitenin veya e-posta tasarımının ekran görüntüsünü almanız ve ardından Adobe XD'yi kullanarak bulanıklaştırma efekti uygulamanız yeterlidir. Görüntü bulanıklaştıktan sonra, gözünüzü neyin çektiğini görün. Gördüklerini beğenmiyor musun? O zaman revize etme zamanı.

Gerçek insanları sergileyin, 'gerçek sahte' insanları değil

İnsanları kahraman imaj tasarımınıza dahil edecekseniz, markanızı temsil eden gerçek insanların resimlerini sergileyin. Ekrana geniş bir gülümsemeyle bakan profesyonel görünümlü bir kişiyi gösteren hazır görüntülerden uzak durun. Bu görüntüler bir düzine kuruş ve sadece anlamsız ve sahte olarak karşımıza çıkıyor. Gerçekleştirilen kullanılabilirlik testleri, bu tür görüntülerin sadece dekoratif olduklarını ve gerçek bir değer katmadıklarını göstermektedir. Ayrıca, kullanıcı deneyiminden olumlu şeyler alabilir.

Kişisel bir his uyandıran illüstrasyonlar kullanmayı düşünün

İllüstrasyonlar da kahraman imaj tasarımı için popüler bir seçim haline geliyor. Bir resme bu kişisel dokunuşu ekleyebilirseniz, aslında imajınıza çok fazla kişilik getirebilirler. Çizimleri kullanmak, görselin teknik ve içerikle ilgili yönleri üzerinde daha iyi kontrol sahibi olmanızı sağlar, çünkü onları istediğiniz kadar özelleştirebilirsiniz. Aslında, daha iyi bir marka hatırlanması istiyorsanız, kahraman imajınız için özelleştirilmiş illüstrasyonları düşünün.

Bir illüstrasyonun işlevsel olması için kolayca tanınabilir olması gerekir. Gönderdiği mesaj, kullanıcı kim olursa olsun benzer şekilde görülmelidir. Birden fazla illüstrasyon varsa, hepsinin tutarlı olması gerekir. Diğer bir deyişle, tüm illüstrasyonları aynı kişi yapmış gibi görünmelidir.

Kahraman imaj tasarımlarınız için yardıma ihtiyacınız varsa, özel bir Kimp Ekibi her zaman yardıma hazırdır.

İlham almak için harika kahraman resimleri

Artık temel bilgileri öğrendiğinize göre, işte gerçekten işe yarayan bazı harika Kahraman resimleri örnekleri.

Bu görüntü bir 3D konsepti kullanır. Aynı zamanda harika işlevselliğe sahip keskin ve çekici bir arka plana sahiptir.

Apple hepimizin bildiği gibi tamamen tasarımıyla ilgili bir marka. Bu nedenle, ürünlerini kahraman imajlarında şık bir şekilde sergilemeleri çok mantıklı.

Spotify, bu teklifi gerçekten öne çıkarmak için iyi oynayan güzel renk kontrastı kullanımıyla burada gerçekten bir etki yaratıyor. Ek olarak, kullanıcılar yalnızca bir tane yerine birden fazla kahraman görüntüsü arasında gezinebilir.

Fivefootsix markasına ait bu kahraman görüntü tasarımı, tam ortasına yerleştirilmiş vurgulanmış bir slogana sahip tam siyah bir ekrandır. Bu tasarımın doğası ve metin yerleşimi hemen dikkatinizi çekiyor.

Bir kahraman olun ve Kahraman görsel tasarımınızı doğru yapın

Harika bir kahraman imaj tasarımı oluşturmak çok önemlidir. Sadece marka kişiliğinizi yansıtmanıza ve farkındalık yaratmanıza yardımcı olmakla kalmaz, aynı zamanda satışları artırmanıza da yardımcı olur! Ayrıca, web sitesi sayfanızı tekrar tekrar ziyaret eden kişilerin kontrol etmeleri gereken yeni bir şey olduğunu hissetmeleri için kahraman görsel tasarımınızı ne sıklıkta değiştirmek istediğinizi de düşünmelisiniz. E-postalarda, görsellerinizin okuyucunun göz atmasını ve silme düğmesine basmamasını sağlayacak kadar akılda kalıcı olduğundan emin olun.

Tasarımınız söz konusu olduğunda, imajınızı net, güçlü, dikkatlice düşünülmüş ve benzersiz yapın. Buradaki temel amaç, müşterinizin görüntüye çekildiğini hissetmesi ve söyleyeceklerinizi okumaya mecbur hissetmesidir.