» »

E-posta bültenleri için kullanılacak yazı tipleri. E-postalara Stil Öğeleri Uygulama

E-posta oluşturma sürecinde en dikkat çeken konulardan biri yazı tipi seçimidir. Boyut, renk, şekil, mesafe… Her şey önemli mi? Evet var ama en önemlisi okunması kolay olanını seçmek, fontun diğer tüm özellikleri yok denecek kadar az.

Bkz. kısa video yazı tipleri, türleri, Stripo'da dekoratif yazı tiplerinin nasıl uygulanacağı hakkında. Ve sizin için "aynı" yazı tipini nasıl seçersiniz:

Mektubunuz için bir yazı tipi seçerken iki seçenek vardır. İlk seçenek, çoğu işletim sistemi için standart ve etkinleştirilmiş varsayılan olan ve çoğu e-posta istemcisi tarafından kullanılan web için güvenli bir yazı tipi seçmektir.

Tam olarak yazdığınız gibi görüneceklerine dair %100 garantiyle kullanabileceğiniz, web için güvenli en iyi 10 yazı tipinin bir listesi:

  1. Arial
  2. Helvetica
  3. Times New Roma
  4. Verdana
  5. Kurye / Kurye Yeni
  6. Tahoma
  7. Gürcistan
  8. Palatino
  9. mancınık MS
  10. Cenevre

Bir sonraki seçenek bir web yazı tipi seçmektir, ancak e-posta istemcisi bu yazı tipini desteklemediği için düzgün görüntülenmemesi gibi birçok risk vardır. İkinci durumda, web yazı tipi varsayılan yazı tipi olarak işlenecektir.

Aşağıda, en popüler e-posta istemcileri için varsayılan yazı tiplerinin bir listesi bulunmaktadır:

  • iCloud Mail, varsayılan yazı tipi olarak Helvetica'yı kullanır.
  • Gmail, Arial'i kabul eder.
  • Microsoft Outlook genellikle Calibri'yi kullanır.
  • Outlook 2007/2010/2013, geri dönüş yazı tipi olarak Times New Roman'ı kullanır.

Bir e-posta için doğru yazı tipi nasıl seçilir?

Yalnızca kişisel görüşünüze güvenirseniz, en iyi yazı tipiyle ilgili düşüncelerinizi kimsenin paylaşmama riski vardır ve mektup geçmişten bir mesaj gibi görünecek veya insanlar kadar kullanıcı dostu olacaktır. toplu taşıma sabahın erken saatleri.

Çok fazla yazı tipi kullanırsanız, çok zor görünüyor en iyi senaryo ve en kötüsü sinir bozucu. Bir veya iki yazı tipi seçin e-posta. İdeal olarak, yalnızca bir yazı tipi kullanmak, ancak farklı boyutlar kullanmak yeterlidir: biri başlığı vurgulamak için, diğeri içeriğin geri kalanı için.

Aslında, bir yazı tipi seçmek için yalnızca iki seçenek vardır. Web için güvenli bir yazı tipi seçebilir ve bunun herkes için aynı olacağından emin olabilir veya bir web yazı tipi ekleyip herkesin onları destekleyen e-posta istemcilerini kullanmasını umabilirsiniz ki bu Gmail, Yahoo Mail ve Outlook 2007/'den bu yana neredeyse imkansızdır. 13/10/16 web yazı tiplerini desteklemiyor ve açıkçası tüm iPhone ve iPad kullanıcıları bunları göremiyor. Bu nedenle, kullanıcı arayüzüne zarar vermemek için web fontlarının kullanılmasını önermiyoruz.

İçerik yazı tipinizin ana özelliği, yukarıda belirtildiği gibi okunabilirliktir. Ne eklenebilir? Okunabilirliğin bir parçası olan bir diğer önemli özellik de okunabilirliktir. Tam olarak aynı değil. Aynı fontta bazı karakterler okunabilirken bazıları okunmayabilir. Elbette, net metin daha iyi ve daha hızlı okunur, bu nedenle tüm karakterlerin görünür, net ve ayırt edici olup olmadığına dikkat edin.

Yazı tipi okunabilirlik deneyi, 2010 yılında Norbert Schwartz ve Hyunjin Song tarafından sağlandı. Sonuçlar harika. Dekoratif bir yazı tipini okumak için varsayılan yazı tipinizden neredeyse iki kat daha fazla zaman harcarsınız:

Serif veya Sans Serif hangi yazı tipini seçmeli?

Diğer bir nokta ise serif ve sans-serif yazı tipi seçmektir. Onların arasındaki fark ne?

Serif yazı tipleri, her karakterin sonunda küçük bir çizgi bulunan yazı tipleri olarak tanımlanabilir. En popüler serif yazı tipleri Times New Roman ve Georgia'dır.

Sans serif yazı tipleri, her karakterin sonunda dekoratif bir çizgi olmayan yazı tipleridir. En popüler Sans serif yazı tipleri Arial, Trebuchet MS ve Helvetica'dır.

Konuyu araştırırken, serif yazı tiplerinin e-postalar için en uygun olduğunu iddia eden birkaç kaynak buldum, ancak bunun doğru olduğunu düşünmüyorum. E-postaların yalnızca İnternet'te bir monitör ekranı kullanılarak gözlemlendiği varsayımına dayalı olarak veya cep telefonu, en iyi yazı tipleri sans seriftir. Ekrandan sans-serif karakterleri okumak daha kolay.

Bir diğeri ilginç gerçek Beefree blogundaki, hacimli e-postalar için serif yazı tiplerinin kullanılmasını öneren e-posta tasarımı makalesinde, blog yazı tipi olarak sans serif kullanılmasıdır:

Öyleyse neden bu kadar mükemmelse blog makaleleri için serif kullanmadılar? Bence bu sans serif'in daha iyi olduğunun kanıtı çünkü aynı kural hem web sayfaları hem de e-postalar için geçerli. Bu tür yazı tiplerini yalnızca gerekirse başlıklar ve alt başlıklar için kullanın.

Yazı Boyutu

Yazı tipini değiştirirseniz, seçtiğiniz yazının bir öncekinden daha küçük görünmemesine dikkat edin. Genellikle farklı yazı tiplerinin farklı karakter yükseklikleri vardır, bu nedenle aynı 14 piksel yazı tipi, seçilen yazı tipi ailesi nedeniyle farklı olacaktır.

En iyi uygulama, masaüstü kullanıcıları için 14 piksel veya daha fazla ve mobil cihaz kullananlar için 16 piksel yazı tiplerini kullanmaktır. Duyarlı bir şablon kullanıyorsanız, e-postanın mobil sürümü için karakter boyutunun otomatik olarak artırıldığından emin olun.

Aynı yazı tiplerinin farklı boyutlarını karşılaştırmanıza izin veren Stripo'da bir e-posta şablonu oluşturdum. Sonuçlar burada:

Sonuç olarak, 16px yazı tipleri harika görünüyor. Hem bilgisayarlar hem de mobil cihazlar için kullanmayı tercih ederim.

Girinti

Paragraflar arasında ve metin satırları arasında boşluklar oluşturmak son derece önemlidir. Yazı tipinizin satırlar arasında yeterli boşluk olup olmadığına dikkat edin. En yaygın olarak kullanılan çizgi yüksekliği 22px ile 24px arasında değişir. Başka bir deyişle, e-postalar için ideal satır yüksekliği, 24 piksel olan 1.5em'dir.

Bir şey daha, karakterler arasındaki boşluklara dikkat etmektir. Neyin daha iyi kullanılacağı konusunda kesin bir fikir yoktur: dar boşluklu veya geniş bir yazı tipi.

Georgia ve Times New Roman, karakterler arasında okunabilirliği önemli ölçüde etkileyen çok dar boşluklar sağlar. Bence Courier yazı tipi, Courier New'in yanı sıra iyi karakter aralığına sahip. Belki de bu yüzden son iki yazı tipi 2017'de bu kadar popüler.

E-posta öğeleri arasında boşluk kullanın. Metninizde bir resim varsa, okunabilirliği büyük ölçüde artıran resimden önce ve sonra boşluk bıraktığınızdan emin olun. Elbette, resimler gibi grafik öğeleri hizalamak daha iyidir.

Boşlukların göz ardı edildiği bir örnek:

Bunun 1500'den fazla kelime içeren bir mektuptan sadece bir paragraf olduğunu hayal edebiliyor musunuz? Açıkçası, daha az söylemek daha iyidir.

İşte başka bir örnek:

Yazı tipi gri olduğu için daha da kötü, bu da kötü görünürlüğe neden oluyor, yazı tipi çok küçük ve elbette boşluklar hakkında herhangi bir yorumum yok. Evet, varlar, ama bu yardımcı olmayacak. Cümleler çok uzun.

Bağlantılar ve düğmeler

Bağlantıların altını çizmek için ayrı bir yazı tipi kullanmayın. Bağlantı metni olmadan asla bağlantı eklemeyin. Bağlantı metni, bu bağlantının nereye gittiğini açıklamalı ve metni organik olarak girmelidir. Bağlantı metni olarak "burada" veya "bağlantı" kelimelerini kullanmayın. İlgilenemeyecek kadar kısa ve geneller..

Düğmeler aynı bağlantılardır, ancak kullanıcılar için daha etkileşimli bir forma sahiptirler. Her ikisini de mektupta kullanmak daha iyidir. Bir makaleyi okumak için bağlantı verirseniz, onu bir metin bağlantısı yapın ve ürününüzü denemek için bağlantı verirseniz, düğmeleri kullanın.

Kullanılması gereken düğmeler için kesin bir renk kuralı yoktur, ancak renk psikolojisine güvenmek ve tasarım konseptini çok parlak renklerle bozmamaya çalışmak en iyisidir.

Düğmeler için en iyi sonucu veren iki yazı tipi vardır: Georgia ve Verdana. Başlıklar ve alt başlıklar için de Georgia kullanmak güzel. Harika görünüyor! Aslında, bir e-posta göndermeden önce kontrol etmeniz gereken tek şey, metin renginin düğmenin arka planıyla nasıl eşleştiği ve okunacak kadar belirgin olduğundan emin olmanızdır. Ayrıca buton üzerindeki yazının doğru olup olmadığını kontrol ediniz, butonun kenarlarını geçmemelidir.

Düğmenin harika göründüğü bir örnek:

Düğmelerin ve bağlantıların yeniden kullanılmasına bir örnek:

Afişlerdeki metin

Birincil metin yazı tipiniz olarak tescilli, web, komut dosyası, el yazısı veya dekoratif yazı tiplerini kullanmayın. Başlık metni bir görüntünün parçasıysa, bir şeyler yapabilirsiniz.

Bir e-posta için banner oluştururken endişelenmeniz gereken en önemli şey, markanın kişiliğini vurgulamaktır. Herhangi bir yazı tipini kullanabilirsiniz, ancak okunabilir bir yazı tipi seçmek daha iyidir. Banner üzerine çok fazla metin yazmayın. Yalnızca ilgi uyandıran ve kullanıcıları okumaya devam etmeye motive eden hoş geldiniz sözleri olmalıdır.

İşte iki ilginç örnek. Bir - net ve basit yazı tipleriyle:

Dekoratif yazı tipi kullanan başka bir banner:

Hangisini ilham alacağınız ve kendi e-posta tasarımınız size kalmış.

Renkler

Uymanız gereken tek kural, renkleri yalnızca markanın kimliğini sergilemek için kullanmaktır. Renkli metin yapmak için bir fikriniz varsa, bu bakış açısını bir kenara bırakın çünkü bu metni okunamaz hale getirecektir.

Genellikle bir e-postada yalnızca 3 renk kullanılabilir. Biri başlığı etiketlemek içindir, diğeri metnin geri kalanı içindir ve mavi olan ise bağlantıları görüntülemek içindir. Hepsi bu! Başlığı aynı renk yapıp altını farklı bir boyut veya yazı tipiyle çizerek bu sayıyı iki renge bile düşürebilirsiniz.

Bir cümleyi veya tümceyi vurgulamak istiyorsanız sadece kalın kullanın, farklı bir renk kullanmak belirsizdir. Tasarımcılar genellikle e-posta içeriği için siyah veya koyu gri renkler kullanır. Okunabilirlik açısından daha iyidir. Tek istisna, siyah bir arka plana sahip olmanızdır. Bu durumda, beyaz yazı tipini kullanın. Farklı kontrast aralığı ayarlarını tahmin etmek zor olduğu için açık gri yazı tipi kullanmayın.

Metin biçimlendirme için HTML etiketleri

Genellikle, web için güvenli yazı tipleri CSS'de bildirilir, bu nedenle düz HTML olmayacak, ancak metni biçimlendirmek için bazı HTML etiketleri, umarım tüm bunları zaten biliyordunuz, ama yine de buradalar:

  • Kalın kullanmak için: veya
  • E-postada noktalı bir liste oluşturmak için şu yapıyı kullanın:
    • ilk nokta
    • ikinci nokta
    • üçüncü nokta
  • Metnin altını çizmek için italik kullanmak için: veya
  • Kullanmakta olduğunuz yazı tipinde küçük metin eklemek için:
  • Sarı (varsayılan) dolgulu metni seçin:
  • Kaldırılan ancak değiştirilmeyen bu metni işaretleyin:
  • Ve bu etiketler bir paragraf tanımlamanıza izin verir:

eSputnik pazarlama ekibi tarafından gerçekleştirilen birçok deney sayesinde, e-postalar için en iyi yazı tipleri Arial ve Tahoma'dır. Arial, özelleştirenler arasında en başarılı yazı tipidir. Pazarlama kampanyası e-mail ile. Tahoma hem uzun mesajlarda hem de küçük metinlerde harika görünüyor.

bir şablon oluşturdum E-posta Stripo düzenleyicide her yazı tipi için aynı metin ve 18 piksel boyutunda. Stripo'nun e-posta düzenleyicisinde Palatino ve Geneva yoktur, ancak Roboto ve Open Sans gibi çoğu işletim sisteminde varsayılan olarak bulunmayan özel yazı tipleri vardır ve bunları kullanıyorsanız bir yedek yazı tipi tanımlamak daha iyidir.

İşte sonuçlar, bu yazı tiplerini karşılaştırın ve tüm ihtiyaçlarınıza uygun olanı seçin:

Gördüğünüz gibi Georgia ve Times New Roman çok dar. Courier New geniştir, ancak belki de e-posta için çok geniştir. Arial, Helvetica'dan daha hafiftir. Verdana ve Tahoma yazı tiplerinden bahsetmek mümkün değil. Georgia ve Verdana baskıda kötü görünüyor. Bana gelince, benim için son iki yazı tipini seçmeyi tercih ederim. Hangisini tercih ediyorsun? Yorum bırakmaktan ve bu makaleyi paylaşmaktan çekinmeyin.

Yalnızca e-postaların HTML sürümlerinde gerçek metin kullanıyorsanız mümkündür.

Aynı zamanda, bu gerçek, yalnızca Arial ve Times New Roman'ın kullanılabileceği anlamına gelmez. Bugünün materyalinde, e-postadaki yazı tipleriyle çalışmak için mevcut olanaklara bakacağız.

Tipografi Temelleri

Posta listesi düzenlerindeki ana görevlerden biri, e-posta istemcilerinin ve işleme motorlarının e-postalarla ilgili garip bir şey yapmamasını sağlamaktır. Metin söz konusu olduğunda, çoğunu çöz olası problemler Birkaç stil ekleyerek yapabilirsiniz. Örneğin, yaklaşımı kullanırken bunları tabloda hücre düzeyinde uygulayabilirsiniz:

İşte bir metin.
Metnin rengini (renk), kullanılan yazı tipini (yazı tipi ailesi), ağırlığını (yazı tipi ağırlığı) ve satır yüksekliğini (satır yüksekliği) tanımlayan hücrelere CSS stilleri uygulayabilirsiniz.

Bazı kopyalar buraya gider.
Bu stilleri bildirirseniz, metin en "düşmanca" posta istemcilerinde bile yeterince işlenecektir. Her bir içerik parçasını kendi hücresinde tutarak, bu bileşenler kalıtım sorunları hakkında endişelenmenize gerek kalmadan biçimlendirilebilir. Örneğin, büyük bir blokta metnin belirli bir bölümüyle çalışmanız gerekiyorsa, istenen bu metin sarılabilir ve satır içi stiller kullanılabilir:

İşte bir metin. İçeriğe dikkat çekin yazı tipi stilleriyle
Yukarıdaki örneklerde Arial kullandık (evet, evet), ancak hiçbir şey daha ileri gitmemize engel değil. Bunun nasıl yapılabileceğini görelim.

Web yazı tiplerini kullanma

Bu yöntem Paul Airy tarafından iyi tasarlanmıştır. Özü, kullanıcının cihazında yüklü olmayan web yazı tiplerinin kullanılmasında yatmaktadır. Bu, onları CSS'ye dahil ederek yapılır. Bu yöntem internette uzun süredir başarıyla kullanılmaktadır, ancak e-posta tasarımcıları arasında yalnızca popülerlik kazanmaktadır.

Web yazı tiplerini dahil etmenin birkaç yolu vardır, ancak Paul, yazı tiplerini Google Web Yazı Tipleri gibi sitelerden "çekmek" için kullanılan harici bir stil sayfası kullanmanızı önerir.


Ardından, satır içi stillerde istediğiniz yazı tipini yazı tipi ailesi bildirimine ekleyebilirsiniz:

İşte bir metin.
Artık web yazı tiplerini destekleyen e-posta istemcilerinde, metin önceden seçilen yazı tipi kullanılarak görüntülenecektir. Aksi takdirde, listelenen alternatif yazı tipleri kullanılacaktır - bizimki Helvetica, Arial veya kurulu sans-serif yazı tipidir.

Harici bir stil sayfasına bağlantı yoluyla e-posta istemcilerinde web yazı tipleri için destek
elma posta 6
Lotus Notları 8
görünüm 2000
Mac'te Outlook 2011
yıldırım kuşu
iPad
iPhone
Android 2.3
Android 4.2

Ne yazık ki, Outlook alternatif yazı tiplerimizi göstermeyecek (tabii ki bundan kim şüphe duyabilir). Bunun yerine, ilgili tüm stilleri yok sayar ve metni Times New Roman'da görüntüler. Ancak bu bile özel bir CSS sınıfı kullanılarak halledilebilir - istenen metni koşullu yorumlar yoluyla vurgulayacak ve kullanılan yazı tipi seti hakkında Outlook'a bilgi iletecektir.

Burada bir metin var.
Artık Times New Roman yerine varsayılan olarak harfler Arial veya başka bir yüklü sans-serif yazı tipi kullanılarak görüntülenecektir.

Tablo hücreleri olmadan çok sütunlu görünüm

Paul ayrıca metin yerleştirmek için birden çok sütun kullanmanın istenmediğinden de bahsediyor. Ancak, çoğu e-posta, her zaman sütunları olan tablo biçiminde yazıldığından, metni görüntülemek için bitişik hücreleri kullanmak kolaydır. Ancak, içeriği belirli hücrelere "kodlamak" yerine metni bir sütundan diğerine "akmak" istersek ne olur?

Sütun sayısı CSS özelliğinin geldiği yer burasıdır. Ancak bundan sonra, sütun sayısını destekleyen bir uygulama bulmanın nadir olduğu vahşi ortama girdiğimizi hatırlamak önemlidir.

Bu özelliği kullanarak, metnin aralarında bölüneceği sütun sayısını ayarlayabilirsiniz. İşte kod neye benziyor:

İşte bir metin.
Şimdi, metin miktarından bağımsız olarak, doğal olarak iki sütun arasında bölünecektir. Mektubun açıldığı mail programı kolon sayısını desteklemiyorsa mesaj tek kolon olarak gösterilecektir.

Yukarıda belirtildiği gibi, destek çok iyi değil:

Bazen, çeşitli yaşam hilelerinin yardımıyla (örneğin, paragraf etiketine stiller uygulamak), diğer bazı istemcileri sütun sayımlı harfleri göstermeye zorlamak mümkündür. Özellikle, testler sırasında Paul, örneğin Firefox'ta Outlook.com'da bunu başarabildi.

Bugün e-postalarda yazı tipi gibi önemli bir konudan bahsedeceğiz:

E-postanızın genel tasarımıyla uyumlu, iyi seçilmiş bir yazı tipi, abonenin metni kolayca "taramasına" ve dolayısıyla daha hızlı ulaşmasına olanak tanır. Alıcılar için yazı tiplerinin görüntülenmesi, büyük ölçüde mektubun açıldığı cihazın özelliklerine bağlıdır.

E-posta bültenleri için yazı tipleri nasıl seçilir?

Çoğu e-posta istemcisi, e-postaları görüntülemek için HTML kullandığından, okuyucularınızın göreceği yazı tipi ve stil için doğru HTML kodlarını kullanmanız gerekir. Hemen hemen tüm gadget'larda ve e-posta istemcilerinde doğru şekilde görüntülendiğinden, yaygın olarak bulunan yazı tiplerini kullanın:

Harfler için yazı tipi seçerken, kuralları izleyin:

    Başlıklar ve bloklar için farklı yazı tipleri kullanın. E-posta başlığı için öncelikli yazı tipleri yoktur, bu nedenle yalnızca hayal gücünüze ve posta göndericilerin yeteneklerine bağlıdır. Bir harfte çok fazla farklı yazı tipi, metninizin dağınık görünmesine neden olabilir, bu nedenle kendinizi iki veya üç farklı yazı tipiyle sınırlayın. Başlıklar için bir yazı tipi ve tüm metinler için başka bir yazı tipi kullanılması kabul edilebilir bir standarttır.

    Metne dekoratif yazı tipleri eklememek veya bunları yalnızca ayrı öğelerde ve küçük miktarlarda kullanmamak daha iyidir. Uzun metinlerde kötü okunabilirler ve kullanıcı tarafından doğru görüntülenecekleri bir gerçek değildir. Mektuba gerçekten böyle bir şey eklemek istiyorsanız, resimlere standart olmayan yazı tiplerini ekleyin, onları aşağı indirin.

Astratex, resim bloklarından bir harf oluşturduğundan, bunları metinle değiştirir. Resimlerde yazı tiplerini istedikleri gibi deniyorlar ve harf bundan hiç zarar görmüyor.

    Mesajınızın kişiliğini tamamlayan, vurgulayan bir yazı tipi seçin. kurumsal tarz vb. Comic Sans'ta ciddi şeyler yazmak tuhaf ama müşterilerinizle yeterince yakınsanız neden olmasın? Comic Sans, sıklıkla eleştirilen bir yazı tipidir. Bu yazı tipini gerçekten beğendiyseniz, tüm harfi bu tarzda yapmanız gerekmez. Başlıkları veya tek tek öğeleri vurgulayın. Ancak aynı zamanda mektubunuzda çok fazla yazı tipi olması, okuyucularınız için mektubun okunmasını ve görsel olarak algılanmasını zorlaştıracaktır.

    Stile uymayan çeşitli yazı tiplerinin ve kombinasyonların bolluğundan kaçının (örneğin: Arial ve Comic Sans).

    Kullanıcının size alışması için açılış sayfalarında harflerle aynı yazı tiplerini kullanın.

    Sans serif metni daha okunabilir olarak kabul edilir. Bununla birlikte, serif Serif bir cihaz ekranında okunması kolaydır ve bazı sans-serif yazı tiplerinden daha ilginç görünebilir.

E-postalara Stil Öğeleri Uygulama

E-posta haber bültenleri için hangi yazı tiplerinin kullanılacağını zaten anladık ve şimdi bireysel öğelere geçelim. Yazı tipi stilini değiştirmek, mektubunuza belirli bir çekicilik kazandıracak ve metindeki ana fikri vurgulayacaktır. En kullanışlı stil öğeleri ve bunların en uygun kullanımları şunları içerir:

    küçük resimönemli ifadeleri vurgular ve metinde kontrast oluşturur. Çoğu düzenleyici, HTML etiketleri eklemeden metni kalın olarak değiştirmenize izin verir. Kalın en yaygın olarak başlıklar, alt yazılar, tek kelime veya kelime öbekleri, kısa tek ifadeler, önemli cümleler için kullanılır. Paragrafın ortasındaki kalın metin metnin geri kalanından olumsuz etkilenebilir, bu nedenle paragrafta yalnızca bir kelimenin altını çizmek istediğinizde kalın yerine italik seçin.

    İtalikler "dikkatle" sözlerine dikkat çeker. Bu iyi bir seçim paragrafta bir kelimeyi veya kısa bir cümleyi vurgulamak, alt başlıklar, özel adlar veya bazı isimler arasında ayrım yapmak. İtalik yazıların bilgisayar ekranında okunması zor olabilir, bu nedenle italik kullanımınızı tek kelime ve kısa ifadelerle sınırlamak en iyisidir.

Aşırı kalın veya italik kullanmaktan kaçının - okunamaz olacak ve kullanıcı e-postayı kapatacaktır.

    altı çizili metin okuyucular köprüler olarak tanımlayabilir. Aşağıdaki metinden ayırmak için başlıkların altını çizebilirsiniz, ancak yapabiliyorsanız, müşteri başlıkları boşuna tıkladığında hayal kırıklığına uğramaması için onları bağlantı haline getirin.

    Metin boyutunu değiştirme. Metnin bilgisayar ekranında okunmasını kolaylaştırır. Dikkat çekmek için başlıklar ve alt başlıklar için farklı boyutlar kullanabilir veya tam tersi - ayrı bir bloğu daha az fark edilir hale getirmek için kullanabilirsiniz.

İmza daha küçük bir boyutta yapılır, ancak bu, bu bloğun önemini etkilemedi. Sadece çok fazla dikkat çekmiyor ve okuyucu sırayla ona ulaşacak.

    Renkli bir yazı tipi hem iyileştirebilir hem de izlenimi bozabilir. görünüm mektubun. Koyu metin ve açık renkli bir arka plan kullanmak en kabul edilebilir seçenektir, ancak bunun tersi geçerli değildir. Yazı tipi renginin ve arka plan renginin birbirleri arasında yeterli kontrasta sahip olduğundan emin olun.

Siyah zemin üzerine beyaz serif yazı tipi sakıncalıdır. Elbette yönetim neyi, nasıl göndereceğini daha iyi bilir ama kabul etmelisiniz ki bu tür mektupları okumak çok zor.

Ve bu formatta, neden bu kadar çok renk olduğu genellikle açık değildir. Abone olmama rağmen, belki de bu kadar zenginlik ve çeşitlilik nedeniyle bu mektup spam'ime düşüyor. Parlak renklerden kaçının: mavi, kırmızı, sarı vb.) ve özellikle harf yalnızca bunlardan oluşuyorsa.

  • Yazı tipi yüksekliği ve dolgu, rahat okuma için eşit derecede önemlidir. olduğu gerçeğini dikkate alarak ana yazı tipini en az 12 piksel yapın. Ayrıca, mektubun tamamını 16 pikselden fazla yapmamak daha iyidir - bu, mektubu uzatacak ve mektubu okumak da uygun olmayacaktır.

Tasarımcılar, doğru yazı tiplerini kullanarak harika e-postalar oluşturur. Bazen web geliştiricilerinin kullandığı web yazı tiplerini kullanırlar. Bu yöntem, yaratıcılığa zarar vermeden teknolojiyi tanıtmanızı sağlar.

Başlangıçta, web yazı tipleri web siteleri ve uygulamalar için geliştirildi. Artık bu yazı tipleri web sitenizde kullanılabilir.

E-posta geliştiricileri o kadar şanslı değil. Yazı tiplerine gelince sınırlıdırlar çünkü tüm e-posta istemcilerinde yalnızca birkaçı düzgün çalışır. Ancak doğru yaklaşımla her anlamda karşı konulamaz olacak harfler oluşturabilirsiniz. Bazen bu, kodlama ve düzen becerileri gerektirebilir.

İçeriği her zaman e-posta tasarımı için bir öncelik olarak görmelisiniz. Tasarımınızın mektubun özüne zarar vermediğinden emin olun.

Yazı tipi ve yazı tipi arasındaki fark

Bazı insanlar yazı tipini ve yazı tipini karıştırır, hatta aynı şey olduklarını bile düşünebilirler.

"Tip" terimi bizi analog baskının kullanıldığı günlere götürüyor. Her harf için farklı metal bloklara ihtiyacımız vardı.

Belirli bir yazı tipini ancak farklı boyutlarda kullanmak istiyorsanız, bunları yazdırmak için farklı bloklara ihtiyacınız vardır. Harflerin kalın olmasını istiyorsanız ekstra ağırlığa da ihtiyacınız var.

Bu nedenle, örneğin 10 puandaki Arial, 12 puandaki Bold Arial'den farklıydı.

Böylece yazı tipi, harfin tasarımıydı, boyut ve ağırlık ise yazı tipi anlamına geliyordu.

Ancak bu terimlerin farklı anlamları vardır. dijital Dünya. Yazı tiplerini, bir yazı tipinin tüm özelliklerini içeren dosyalar olarak adlandırabiliriz. Prensip olarak, bunlar biri olmadan diğeri var olamayacak iki şeydir.

Yazı Tipi Ailelerine Hızlı Bir Bakış

Bu yazı tiplerinin temel özellikleri farklıdır ve çeşitli amaçlar için kullanılabilirler. Bazıları için daha uygundur iş mektupları ve bazıları - eğlenceli nitelikteki mektuplar için.

Serif ailesi yazı tipleri

Serif yazı tiplerinin küçük serifleri vardır. Basılı belgelerin kolayca okunmasına yardımcı olurlar. Bu yazı tiplerinin örneğin kitaplar için kullanılmasının nedeni budur.

San Serif Yazı Tipleri

San Serif yazı tiplerinin ek öğeleri yoktur. San Serif'i ekranlarda okumak kolaydır. Arial, Verdana ve Helvetica bu ailedeki en popüler yazı tipleridir.

Fantezi Yazı Tipleri



Bu yazı tipleri dikkatli bir yaklaşım gerektirir. Olabilirler farklı şekiller ve boyutlar, yaratıcılığınızı ifade etmenize izin verir, ancak birçok içerik türü için uygun değildir.

Bu yazı tiplerinin bir e-posta gövdesinde kullanıma uygun olmadığını unutmayın. Okunmaları çok zordur, bu yüzden onları sadece başlıklar için kullanın.

Tek aralıklı yazı tipleri



Bu yazı tipinin temel özelliği, her harfin aynı yatay boyuta sahip olmasıdır. Bu tip halen kullanılmaktadır. metin editörleriçünkü mükemmel okunabilirlik sağlar.

italik yazı tipleri



Bu yazı tipi herhangi bir harf biçiminde olabilir. Harfler, el yazısıyla yazılanlar gibi birbirine bağlıdır.

Tıpkı süslü yazı tipleri gibi, bitişik el yazısı yazı tipleri de bir mektubun gövdesini yazmak için uygun değildir.

E-postalarda kaç farklı yazı tipi kullanılır?

Daha azı daha iyidir. Harfleriniz için üçten fazla farklı yazı tipi kullanmayın. Düzenli, net bir e-posta tasarımı oluşturmaya çalışın.

Tasarım açısından, başlığı ve içeriğin geri kalanını vurgulamanız gerekir.

Örneğin serif ve san serif yazı tiplerini birleştirebilirsiniz.

Başlık ve metin için aynı yazı tipini de kullanabilirsiniz, ancak başlığın daha büyük olduğundan emin olun. Yazı tipi boyutu, metnin boyutunun en az iki katı olmalıdır.

Renkleri kullanırken dikkatli olun

Renklerin büyük bir etkisi olabilir.

Siteniz için önceden seçmiş olduğunuz renklere bağlı kalın. Her rengin kendi özelliği olduğunu unutmayın, markanıza en uygun olanı seçtiğinizden emin olun.

Doğru yazı tipi boyutunu ve renklerini seçin

Sadeliği seçin. Harflerinizde üçten fazla yazı tipi boyutu ve iki renk kullanmayın. Ayrıca, bunları kullanırken tutarlı olun, aksi takdirde e-postanız dağınık görünecektir.

Bu e-posta örneği, farklı renklerin nasıl çok kötü bir deneyime yol açabileceğini gösterir. Birkaç yazı tipi boyutunun yanında dört renk kullanıldı ve e-posta spam gibi ucuz görünüyordu.

Bir e-postadaki metni hizalama

Metni ortaya, sağa veya sola yerleştirebilirsiniz.

Daha iyi okunabilirlik için metni sola hizalamak daha iyidir. Ortalanmış ve sağa hizalanmış metnin okunması daha zordur.

Elbette, başlıklarda veya belirli metinleri resimlerin üzerine yerleştirirken veya belirli metnin tasarımın geri kalanından farklı olmasını istediğinizde metin hizalaması ile oynayabilirsiniz.

EE'den gelen bu mektup basit ve açıktır. Metin soldadır ve okunması kolaydır.

Satır aralığı çok önemli

Farklı yazı tipleri, farklı satır aralığı gerektirir. Boyutun 1.4 - 1.5 katı kullanın daha fazla yükseklik mükemmel okunabilirlik sağlamak için satırlar.


Ortadaki örneğin okunması kolay, soldaki çok kalabalık, sağdaki ise çok gevşek. Altın ortalamayı bulun.

Ayrıca koyu bir arka plan kullanıyorsanız satır aralığını da ayarlamanız gerekir, aksi takdirde metnin okunması zor olacaktır.

Beyaz boşluk kullan

Beyaz boşluk, metninizi bir harfle çevreleyen alandır. Bu, dikkat çekebilmesi için paragrafı öne çıkarmanıza yardımcı olur. Mektubun mümkün olduğunca çekici görünmesini sağlayacak seçeneği seçmek için girintilerin boyutuyla oynayabilirsiniz.

Waitrose, okuyucunun dikkatini çekmek için boşlukları kullanır. Sadece siyah renk ve 3 yazı tipi. Basit ve parlak.

Görüntüleri veya düğmeleri kullanmak, bağlantı kurmanın şık bir yoludur. Ayrıca, okuyucuların resimlere veya düğmelere tıklamasını kolaylaştırır. mobil cihazlar.

Köprüleri vurgulamak için kalın veya marka renginizi kullanabilirsiniz. Mavi renklerin bu amaçla kullanılması ve altının çizilmesi 20. yüzyıldır.

Muhtemelen yapılacak en iyi şey, okuyucuların metindeki, görseldeki ve CTA'daki bağlantıya tıklamalarına izin vermektir. Nereye tıklamak isteyeceklerini asla bilemezsiniz.

Web Yazı Tipleri İçin Hızlı Kılavuz

Doğru e-posta yazı tiplerini seçmek çok önemlidir. E-postalarınız alıcıların ekranlarında görünmüyorsa, bu büyük bir sorundur.

Tasarımcılar genellikle e-posta düzenleri tasarlamak için web uyumlu yazı tiplerini kullanır, ancak bu onların yaratıcı seçeneklerini sınırlar.

Her marka kendi kimliğini korumak ve markalaşma amacıyla aynı renk ve yazı tiplerini kullanmak ister. Bu yüzden tasarımcılar web yazı tiplerini kullanmaya başladılar. Bu yöntem, yaratıcılığı tüm ihtişamıyla göstermenizi sağlar.

Ama bazı sorunlar var.

Outlook, Windows veya Apple gibi farklı e-posta istemcileri farklı varsayılan ayarlar kullanır. Bu, olağandışı harfler kullanırsanız alıcının bunları göremeyebileceği anlamına gelir. Bunlar gösterilmeyecek.

E-posta istemcileri yalnızca bilgisayarda yüklü olan yazı tiplerini kullanabilir. Hayatlarımızı daha da eğlenceli hale getirmek için Macintosh ve Windows bilgisayarların da farklı varsayılan ayarları vardır.

Hangi yazı tipini kullanmak istediğinizi öğrendikten sonra, en çok önemli faktör- bu yazı tipinin kullanılabilirliği. Ve birkaç yedeklemeye sahip olmaktan zarar gelmez.

Web yazı tiplerini destekleyen e-posta istemcileri:

  • android için android uygulaması
  • elma postası
  • iOS Posta
  • görünüm 2000
  • görünüm. com uygulaması
  • AOL Postası

Alıcının e-posta istemcisi kullandığınız yazı tipini desteklemiyorsa, yedek yazı tipleri gösterilecektir. Yedek olarak Helvetica, Arial, Times New Roman kullanabilirsiniz.

Gerçekten belirli bir yazı tipini kullanmak istiyorsanız, başka bir seçenek daha var: bir resim ekleyin. Ancak her e-posta istemcisi varsayılan olarak resimleri göstermez.

Bu e-postayı resimsiz aldım. Resimde herhangi bir CTA olup olmadığını bilmiyorum, ama olmuş olabilir.

Web için güvenli yazı tipleri, varsayılan e-posta yazı tipleridir.

Arial, Courier, Georgia, Helvetica, Tahoma, Times New Roman, Trebuchet, Verdana varsayılan e-posta yazı tipleridir. Hemen hemen her cihaza kurulu oldukları için güvenlidirler.

E-posta için hangi yazı tipleri en iyisidir?

Times Yeni Romalılar

Eski, havalı arkadaşımız. Bu muhtemelen en çok kullanılan yazı tiplerinden biridir. Bu yazı tipini kullanmanızı öneren öğretmenleri hatırlıyor musunuz? Ve boşuna değil.

Verdana havadar, okunması kolay bir yazı tipidir.

Aynı zamanda pratik amaçlar için tasarlanmıştır. Yumuşak kenarları vardır ve okunması kolaydır.

Verdana ve Georgia, özellikle cihaz ekranları için tasarlandıkları için e-postalarda en iyi sonucu verir.

E-posta varsayılan yazı tipi ayarları

Şu anda Gmail Arial kullanıyor ve Chrome Arial'i desteklemiyor, Helvetica olarak değişiyor. Apple Mail, Helvetica'yı kullanır.

Soru şu ki, bu yazı tipleri çok iyi değilse neden kullanılıyor?

Cevap teknolojide yatıyor. Bu yazı tipleri düşük çözünürlüklü bilgisayar ekranlarında iyi görüntüleniyor. Teknoloji gelişti ve artık daha temiz karakterler kullanabiliriz. Gizemli bir nedenle, bu eski yazı tiplerini e-postalarımızda kullanmaya devam etmeliyiz.

En iyi yazı tipi boyutu nedir?

Bloomsberg araştırması, Helvetica ve Arial'in e-postalar için kötü olduğunu gösteriyor.

En yaygın harf fontları Time News Roman, Verdana, Arial ve Tahoma'dır. Herhangi bir amaç için kullanılabilirler.

Boyut yazı tipine bağlıdır. Başlıklar 22 ile 28 piksel arasında, metin boyutu ise 14-18 piksel arasında olmalıdır.

Kurumsal e-posta için en iyi yazı tipi nedir?

Standart kurumsal e-posta yazı tiplerini kullanın.

Verdana'yı kullan, o klas ve alçakgönüllü. 12 numara mükemmel olur.

E-posta Yazı Tiplerini Kullanma İpuçları

Tutarlı ol

Tüm postalarda aynı yazı tiplerini ve boyutu kullanın. Bir mektup Comic'te, diğeri Times New Roman'da gelse komik olurdu.

Ayrıca, e-posta yazı tipinizin markanızla eşleştiğinden emin olun. Web sitenizde kullandığınız renkleri seçin.

Çok küçük fontlar kullanmayın

Mobil kullanıcıları düşünüyorsanız bu önemlidir. Duyarlı tasarım her zaman bir öncelik olmalıdır. Mobil kullanıcılar çok küçük karakterleri okuyamazlar. Önerilen boyut en az 14 pikseldir.

Litmus tarafından yapılan araştırma, e-posta mesajlarının %54'ünün mobil cihazlarda okunduğunu göstermiştir. Bu ayrıntıya dikkat etmek için iyi bir neden, değil mi?

Çok büyük yazı tipleri sığmaz

Sadece kullanıcının yüzüne bağırıyorlar. Bu büyük bir eksi.

Ancak hedef kitleniz yaşlıysa, e-postanızı gözlüksüz de okuyabildiğinden emin olun.

Sizden başka kimsenin kullanmadığı tek tek yazı tiplerini almayın

Nadir bir yazı tipine olan tutkunuzu anlıyorum. Ancak alıcılarınız indirmedikleri için okuyamıyorsa, harika yazı tipiniz işe yaramaz.

Uyumsuz yazı tipleri

Yine, iş ortaklarına e-posta gönderiyorsanız, ciddi yazı tipleri kullanın. En yaygın iş e-posta yazı tipleri Times New Roman, Helvetica, Arial'dir.

Doğru e-posta yazı tipini seçmek, reklam kampanyanızın başarısının yarısıdır. Çarpıcı bir metin yazmak ve onu bir tasarımla tamamlamak size kalmış.