Tasarım ve okunabilirlik için e-posta destekli yazı tiplerini bulma ve kullanma

Hiç gelişigüzel bir e-posta oluşturup gördüğünüz ilk yazı tipini seçtiniz mi? Gönder'e basın. Gitmek güzel mi?

E-posta tasarımı söz konusu olduğunda, yazı tipi seçiminiz, bir abonenin tıklaması veya devam etmesi arasında büyük bir fark yaratabilir. Yalnızca e-postanızı görsel olarak daha çekici hale getirmeye yardımcı olmakla kalmaz, aynı zamanda genel okunabilirliği de iyileştirebilirler. Görünüm, düzenleme ve stil, e-postanızın parlayabileceği benzersiz bir tipografi oluşturmak için birlikte çalışır.

Mesajınızı iletmek için Arial veya Times New Roman gibi geleneksel yazı tiplerini kullanmakta yanlış bir şey olmasa da, kampanyalarınızı bir sonraki düzeye taşıyacak birçok benzersiz e-posta destekli yazı tipi mevcuttur.

E-posta kampanyanızı yüksek vitese geçirmek için e-posta destekli web yazı tiplerini nasıl bulacağınızı ve kullanacağınızı merak ediyorsanız, arkanızdayız! Web yazı tiplerini doğru bir şekilde kullanarak etkileşiminizi ve okunabilirliğinizi nasıl geliştirebileceğinizi inceleyelim.

Web yazı tipleri nelerdir?

Yaratıcı olmaya başlamadan önce, web yazı tipleri ile web için güvenli yazı tipleri arasındaki farkı bilmeniz gerekir.

• Web uyumlu yazı tipleri: Bu yazı tipleri büyük olasılıkla tüm büyük işletim sistemlerinde ve e-posta sağlayıcılarında bulunur ve Arial, Verdana, Georgia, Times New Roman ve Courier'i içerir. Markalar bunları kullanmaya devam ediyor çünkü bunlar klasikler ve her yerde düzgün bir şekilde işlenecekler.

• Web yazı tipleri: Web siteleri için özel olarak tasarlanmış ve lisanslanmıştır, web yazı tipleri varsayılan olarak tüm cihazlarda ve işletim sistemlerinde bulunmaz. Web yazı tipleri Roboto ve Open Sans'ı içerir.

Geleneksel yazı tiplerini kullanmanız gerekebilecek zamanlar olsa da, web yazı tipleri tasarımcının önceden yüklenmiş metinle sınırlı kalmadan markanın mesajını ve estetiğini iletmesine yardımcı olmak için daha fazla yaratıcılığa olanak tanır.

E-posta destekli yazı tipleri neden önemlidir?

Bir e-posta pazarlamacısı olarak stil, renkler ve tipografi ile markada kalmanın önemli olduğunu biliyorsunuz. Ancak, abonelerinizle rezonansa giren ilgi çekici bir mesaj da oluşturmanız gerekir. E-posta destekli yazı tipleri, markanızın bir uzantısı görevi görerek, mesajınızı yaratıcı ve erişilebilir bir şekilde tasarlamak için başlık, gövde ve görüntü yer paylaşımındaki metni kullanmanıza olanak tanır.

Markanız biraz aptalsa, büyük olabilir ve eğlenceli, şık bir tip kullanabilirsiniz. Ancak, daha fazla haber değeri taşıyorsanız, daha standart bir şeye bağlı kalmak isteyebilirsiniz. Web yazı tipleri size bu esnekliği ve yaratıcılığı verir.

Web yazı tiplerini nerede bulabilirsiniz?

Piyasada çok sayıda web yazı tipi sağlayıcısı olsa da, şirketin web yazı tiplerini e-postayla (yalnızca web sitesi veya mobil kullanım için değil) lisansladığından ve dağıtım yönergelerine uyduğunuzdan emin olmak istersiniz. Önerilen e-posta destekli yazı tipi satıcıları şunları içerir:

• Google Yazı Tipleri

• Adobe tarafından Typekit

• Yazı Tipleri

• Ticari Tip

• Yazı Tipi Yay

• Yazı Tipi Dükkanı

Hangi e-posta istemcileri web yazı tiplerini destekler?

Web uyumlu yazı tiplerinin ötesine geçtiğinizde, mesajlar açılırken indirilen yazı tiplerini kullanacaksınız. Tüm cihazların belirli yazı tiplerini desteklemeyeceğini unutmamak önemlidir; bu nedenle “yazı tipi yığınları” oluşturmak için Basamaklı Stil Sayfaları kuracaksınız. Bu yazı tipi yığınları, seçtiğiniz yazı tipinin entegre olmaması durumunda yedek olarak kullanılır.

Web yazı tiplerinizi seçtikten sonra, gerçek e-posta servis sağlayıcısının nasıl görüntüleneceğini düşünmek önemlidir. Tipik olarak, bu e-posta istemcileri web yazı tipi desteği sunar:

• iOS Posta

• elma postası

• Android (varsayılan posta istemcisi)

• görünüm 2000

• Outlook.com

• yıldırım kuşu

Bir e-posta sağlayıcısı web yazı tiplerini görüntülemiyorsa - hepsi kaybolmaz - bu yüzden bu kullanışlı yazı tipi yığınlarını yedek olarak ayarlarsınız. Yazı tipi yığınları, e-postanızın başlangıçta amaçladığınız benzer bir estetiğe sahip olmasını sağlayacaktır. Ayrıca, her e-posta istemcisinin, web yazı tipiniz yerine abonelerin göreceği varsayılan bir yazı tipi vardır. Varsayılanlar şunları içerir:

• Gmail: Arial

• Apple Mail: Helvetica

• Microsoft Outlook: Calibri

E-posta kampanyanız için doğru web yazı tiplerini nasıl seçersiniz?

Artık web yazı tipinin temellerini anladığınıza göre, e-posta kampanyalarınız için doğru tipografiyi seçmenin en iyi yollarını keşfetmenin zamanı geldi. E-posta destekli yazı tipleri, mesajınızı iletmek ve tıklama oranlarını ve dönüşüm oranlarını artırma olanağına sahip olmak için çok önemlidir.

Bunu şu şekilde düşünün - insanlar görseldir. Sadece parlak renkli, eğlenceli ambalajı nedeniyle marketten ne sıklıkla bir ürün aldınız? Aynı şey e-postalar için de geçerli. Abonelerinizin e-postalarınızı açması, tıklaması ve satın alması yalnızca içerik onlara hitap etmiyorsa, aynı zamanda görsel olarak çekici bir tasarımda sunuluyorsa daha olasıdır.

Aralarından seçim yapabileceğiniz yüzlerce farklı web yazı tipiyle, kampanyalarınız için en iyi e-posta destekli yazı tipini seçmek üzere seçimlerinizi daraltmanın üç yolu burada.

1. Doğru gövde yazı tipini seçin.

Gövde yazı tipiniz ayırt edilebilir ve görme engelliler için okunabilir olmalıdır. Gövdede daha fazla içeriğiniz varsa, daha uzun bloklara sahip metne sahip Georgia ve Verdana gibi bir serif yazı tipi kullanmanız önerilir.

Arial ve Helvetica bir zamanlar popüler seçimler olsa da, p, b, q ve d gibi harflerin hepsi çok tek tip görünüyor ve ayırt edilmesi daha zor. Serif yazı tipiyle, harflere daha fazla karakter kazandırmak için ekstra vuruşlar eklenir. E-postaların taranabilir olması gerektiğinden, geniş ve tutarlı boşluklara sahip harfler abonelerin hızlı okumasına yardımcı olur.

Kaynak: W3Schools

Bu örneği, daha stilize edilmiş bir başlık ve harekete geçirici mesajla eşleştirilmiş, okunması kolay bir serif gövde yazı tipi kullanan CAVA Dips'i alın.

Kaynak: Gerçekten İyi E-postalar

Serif, daha uzun e-postalar için ideal olsa da, sans serif yazı tipi kullanmak hala okunabilir ve kabul edilebilir. Yalnızca bir satır gövde metni ile Cater 2 Me, web yazı tipi tasarımlarını çiviledi. Bir yumruk atıyor ve dikkati dağıtmadan doğrudan konuya giriyor.

Kaynak: Gerçekten İyi E-postalar

2. Eşleştirilmiş gövde yazı tipiyle stilize edilmiş bir başlık kullanın.

Bu daha "basit" görünse de, başlık ve gövde için aynı yazı tipini kullanmak daha iyi bir marka kimliği oluşturmaya yardımcı olacak ve tüm mesajın e-posta istemcisinde görünmesini sağlayacaktır. E-postanızı geliştirirken, başlık ve gövdenin farklı boyutlarda olduğundan ve ikisi arasında daha iyi ayrım yapmak için farklı dolgu ve stillere sahip olduğundan emin olun. Ayrıca ne kadar çok web yazı tipine sahip olursanız, e-postanızın yüklenmesi o kadar uzun sürer - bu da yalnızca bir yazı tipi kullanmanın bir başka avantajıdır.

Bu örneği Lululemon'dan alın. Şirket, ikisi arasında yeterli dolgu ile gövde metninin 2 katı olan başlıklar kullanır. Aboneler, temiz, klasik bir tasarım oluştururken iki öğeyi kolayca ayırt edebilir.

Kaynak: Gerçekten İyi E-postalar

Bununla birlikte, daha yaratıcı olmak istiyorsanız, birbirini tamamlayan farklı yazı tiplerini bir araya getirmek, gelen kutusunda farklı olmanıza ve abonelerin etkileşimde kalmasına yardımcı olabilir. E-posta başına yalnızca iki web yazı tipi kullanmanız önerilir, ancak yazı tiplerinin okunamaz ve erişilemez olmasını istemediğiniz için yanıltıcı olabilir. Karşılaştırılabilir yazı tiplerini keşfetmenin bir yolunu arıyorsanız, e-posta tasarımınız için en etkili yazı tipi eşleştirmelerini bulmanıza yardımcı olması için Yazı Tipi Çifti'ni kullanabilirsiniz.

Tattly, iki farklı yazı tipini bir araya getirme konusunda harika bir iş çıkarırken, marka standartlarını hala koruyor. Başlık hemen dikkatinizi çeker ve satışın ne anlama geldiğini görmek için gözlerinizi gövdeye çeker. Görüntüler nedeniyle, bu markanın daha kaygısız olduğunu söyleyebilirsiniz; bu nedenle birden çok yazı tipi çalışır.

Kaynak: Gerçekten İyi E-postalar

3. Tutarlı bir yazı tipi yapısı oluşturun.

Web yazı tiplerinizi seçtikten sonra, yazı tipi boyutu, boşluk, bağlantılar ve düğmeler, renkler ve daha fazlası gibi göz önünde bulundurmanız gereken birçok öğeye sahip olursunuz. Bu özellikler, abonelerinizin müşteri yolculuğunun hangi aşamasında olursa olsun, e-postalarınızın tutarlı kalmasına yardımcı olacaktır.

• Font: Gövde metni için, fontunuz masaüstünde 14px, mobil cihazlarda 16px olacak şekilde boyutlandırılmalıdır. Duyarlı bir tasarım kullanırken, e-posta destekli yazı tiplerinizin ekran boyutları arasında otomatik olarak dalgalanacağını doğrulayın.

• Aralık: Özellikle başlık ve gövde metniniz arasında 22 piksel ile 24 piksel arasında geniş bir satır yüksekliğine sahip olduğunuzdan emin olun. Çok dar alanlar okunabilirliği ve etkileşimi azaltabilir.

• Bağlantılar ve Düğmeler: Bağlantılar ve düğmeler oluştururken, odak ifadenizin altını çizmek ve bağlantı bağlantısını içerip içermediğini doğrulamak için ayrı bir yazı tipi kullanmayın. Düğmeler, harekete geçirici mesajınıza dikkat çekmenin harika bir stilize yoludur.

• Renkler: Yalnızca marka standartlarınızla özdeşleşen üç renk kullanın; bir renk başlığınız için, bir renk bedeniniz için ve sonuncusu da bağlantılarınız için.

Sarmak

E-posta kampanyalarınızda web yazı tiplerini kullanmayı düşünüyorsanız, devam edin diyoruz! Web yazı tipleri, hedef kitlenizi cezbetmenin ve etkili e-posta tasarımıyla potansiyel müşterilerinizi müşterilere dönüştürmenin harika bir yoludur. E-posta destekli yazı tiplerinizi seçerken şunları yaptığınızdan emin olun:

• Yedek yazı tipi yığınları oluşturun

• Bir serif yazı tipi stili kullanın

• Başlık metnini gövde metniyle eşleştirin

• Gelecekteki tüm kampanyalar için tutarlı bir yazı tipi yapısı geliştirin

Web yazı tipleriyle kendi e-posta kampanyalarınızı tasarlamaya hazır mısınız? Emma, ​​hem bir sürükle ve bırak düzenleyici hem de e-postaları tamamen sıfırdan kodlama yeteneği sunar. Daha fazla bilgi edinmek için bugün bir demo deneyin!