Tipografi Web Siteniz İçin Neden Önemli?

Yayınlanan: 2017-06-13

Birinin içeriğini pazarlamak, ister beğeniler, abonelikler, potansiyel müşteriler veya satışlar şeklinde olsunlar, yeni müşteriler çekmede, müşterileri elde tutmada ve ayrıca dönüşümler oluşturmada kilit bir stratejidir.

İçerik, kendi içinde mesaj olarak var olabilir, çünkü hepimiz, hangi yazı tipinde olursa olsun veya nasıl paketlenmiş olursa olsun mesajın değişmediğini düşünme eğilimindeyiz.

Yoksa yapar mı?

Mesajın nasıl hazırlandığını düşünelim. Dilbilimsel ve anlamsal bir bakış açısından, ana fikir akla gelir ve daha sonra mesajı çerçevelemek için kelimeler dikkatlice seçilir. Etkili bir şekilde iletişim kurmak için hedef kitlenizi tanımanız ve seçtiğiniz kelimelere nasıl tepki vereceklerini tahmin edebilmeniz gerekir.

Bu kelimeler daha sonra anlaşılmak, işlenmek ve sindirilmek için okunmalıdır. Ancak kitlenizin okumasını sağlamak için mesajınızı uygun ve etkili bir şekilde sunmalısınız.

Sunum son derece önemlidir. Çoğu insan kuyumcudan buruşuk kahverengi bir kese kağıdı değil, bir kutunun içinde bir pırlanta yüzüğü beklerdi ve kimse sadece bir tane bulmak için ikincisini aramaya zahmet etmezdi. Tipografi, içeriği, yani hedef kitlenize iletmeye çalıştığınız mesajı sunmak ve paketlemekle ilgilidir.

Tipografi Nedir?

Tipografi, basitçe metnin bir belgede veya bu makalenin amaçları doğrultusunda bir web sayfasında düzenlenme şeklidir. Özellikle tipografi yaratıcılık ve yeniliğe yakından bağlı olduğundan, genellikle bir sanat olarak kabul edilir. Tipografi, bir temanın altını çizmek, kişiliği tanımlamak, fikirleri vurgulamak, duyguları sergilemek, ilgi yaratmak ve genel bir tasarım estetiği oluşturmak gibi birçok amaca hizmet eder. Düzen ve içeriğin kesişimidir ve herhangi bir web sitesi için web tasarımının ayrılmaz bir parçasıdır.

Tipografinin Dikkate Alınması Gereken Unsurları

Tipografi, yazı tipi seçimi, renk paleti, boyut, çizgilerin uzunluğu, düzen ve bir tasarımla entegrasyon dahil olmak üzere web tasarımını etkileyen ve ondan etkilenen bir dizi unsuru kapsar. Tipografiyi etkin bir şekilde kullanabilmek için tüm bu faktörlere aşina olmak önemlidir.

  1. Yazı tipleri: Tipografi denilince akla ilk gelen şeylerdir. Hatta bazıları "yazı tipi" ve "tipografi" terimlerini birbirinin yerine kullanır, ancak yazı tipleri, tipografiyi oluşturan şeyin yalnızca bir alt kümesini oluşturur. Yazı biçimleri, yalnızca kullanılan metin stilinin adına atıfta bulunur. Örnekler arasında Helvetica, Times, Papyrus ve Arial sayılabilir.
  2. Yazı Tipleri: Çoğu insan “yazı tipi” ve “yazı tipi”ni birbirinin yerine de kullanır, ancak spesifik olmak gerekirse, yazı tipi boyutu, yüksekliği, genişliği ve stili belirten belirli bir yazı tipi stiline atıfta bulunur. Arial Narrow, boyut 14, italik bir yazı tipidir. Myriad Pro Regular, beden 12 de öyle.
  3. İzleme: Bu, bir metin bloğundaki karakterler veya karakter grupları arasındaki boşluktur. İzleme nispeten standart olma eğiliminde olsa da, metin yoğunluğunu etkileyecek şekilde ayarlanabilir.
  4. Karakter aralığı: İzleme daha genel bir terim iken, karakter aralığı özellikle tek tek harfler ve karakterler arasındaki, genellikle yatay düzlemdeki mesafeyi ifade eder.
  5. Satır Uzunluğu: Bu, sayfa boyunca soldan sağa uzanan metnin uzunluğunu ifade eder. Bu, kenar boşlukları, karakter aralığı ve yazı tipi boyutları ayarlanarak değiştirilebilir. Satır uzunluğu ne kadar uzun olursa, okunması o kadar zor olur.
  6. Yönlendirme: Yönlendirme, harflerin hemen üstündeki ve altındaki metin satırlarına göre oturduğu yer arasındaki boşluğun ölçümüdür.

Bu öğeler, bir sayfanın nasıl okunacağını etkilemede önemlidir. Çoğu insan, yalnızca yazı tiplerine ve yazı tiplerine odaklanırken, izleme, karakter aralığı, satır uzunluğu ve satır aralığıyla ilgili küçük ayarlamaların nasıl çarpıcı ve değerli sonuçlar doğurabileceğini görmezden gelir.

neden

Tipografi Web Sitesinin Görsel Kişiliğinin Altını Çiziyor

İlk bakışta, web sitenize gelen ziyaretçiler, bunun neyle ilgili olduğunu belirleyebilmelidir. Burada çok fazla psikoloji var ve birçok alt metin neredeyse anında geliştiriliyor.

Renklerden, düzenden ve tipografiden ipuçları alarak, yazılı içeriği incelemeye veya resimlere bakmadan bile kapsayıcı bir ton, ruh hali, mesaj ve tema algılayabilirler. Ziyaretçiler birkaç saniye içinde hedef kitlenin üyesi olup olmadıklarına karar verecekler veya web sitesini kendilerine uygun olmadığı için kapatacaklar.

Bireysel görsel unsurların etkileşimi, istenen duygusal tepkiyi ortaya çıkarmak için birbirleriyle sinerjik olarak çalıştığından, tipografi bu amaca ulaşılmasına yardımcı olur.

Tipografi Markanızı Tanımlamanıza Yardımcı Olur

Markanız bir logodan daha fazlasıdır. Nike'ın ticari markası Swoosh veya Starbucks'ın Siren'i gibi, bu gerçek marka adlarının tipografisi de aynı derecede tanınabilir ve marka algısına katkıda bulunur.

Herhangi bir tanınmış markayı alın ve yazı tipini başka bir şeyle değiştirin. Marka, birçok başka bağlamda kullanılan bir yazı tipi kullansa bile, tipografi ve logo kombinasyonu, insanların markayı nasıl tanımlayıp algıladıklarına, ikisi birbirinden ayrılamayacak şekilde katkıda bulunur.

İkonik bir logonuz varsa ve tam olarak doğru olan tipografi ile tamamlanıyorsa, kombinasyon müşterilerinizin zihninde öne çıkarak markanızı ileriye taşır.

Tipografi Okuyucularınızın Dikkatini Odaklıyor

Daha önce de bahsettiğimiz gibi, web sitenizdeki içerik en yüksek kalitede olabilir, ancak etkili bir şekilde sunulmazsa, emekleriniz boşa gitmiş olacaktır. Okuyucularınızı doğrudan konuya dahil etmenin yollarından biri, tipografiyi kendi yararınıza kullanmaktır. Yukarıda bahsedilen öğelerin tümü, içeriğinizin yalnızca algılanmasına değil, deneyimlenmesine de katkıda bulunur.

Herhangi birine Comic Sans'ta yayınlanan herhangi bir şeyi okuyup ciddiye alıp almadığını sorun. Muhtemelen, mesajı basmakalıp veya önemsiz bularak reddetmişlerdir. Daha da iyisi, onlara her kelimenin aynı yazı tipinde olduğu ve her satırın iki yana yaslı olduğu korkunç bir "metin duvarı" sunun. Konu gerçekten ilgilendikleri bir konu olsa bile, muhtemelen ilk paragrafı geçmekte zorlandılar.

Yazı tipinde ve boyutta, düzende ve renkte küçük değişiklikler, bir makalenin okunabilirliğinde büyük bir fark yaratabilir, mesajınızın kilit noktalarını vurgulamaya yardımcı olabilir ve okuyucularınız çabanızı takdir edecektir.

Tipografi Web Sitenizin Tutarlılığını Sağlam Tutar

Tipografi, web sitenizin farklı öğelerini birbirine bağlayan yapıştırıcıdır.

Web sitenizin ziyaretçileri tutarlılık arar; ve bu, web sitenizin herkesinki gibi görünmesini sağlayan genel, çerez kesici bir görünüm anlamına gelmez. Öğeler, sayfanın üst kısmından Harekete Geçirici Mesaj düğmelerine kadar birbirleriyle dahili olarak iyi çalışmalıdır. Arama motorları iyi sunulan içeriği tercih etme eğilimindedir ve web sitenizin Analytics'teki performansı tutarlılığı yansıtacaktır. Ayrıca, kullanıcılarınız aradıklarını bulabilmeli ve web sitenizde birkaç dakika dolaşıp her adımda hüsrana uğramak zorunda kalmamalıdır.

Tipografi, sitenizin tekdüzeliğini güçlendirebilir veya sitenizin eksikliğini ortaya çıkarabilir ve dönüşüm oranlarınız, okuyucularınızın ziyaret ettiklerinde sahip oldukları kullanıcı deneyiminin göstergesi olacaktır.

Tipografinin İşinize Yaramasını Nasıl Sağlarsınız?

Yazı Tipleri, Yazı Tipleri ve Varyasyonları

Elinizin altındaki yazı tiplerini bilmek veya en azından çalışmak istediklerinize aşina olmak önemlidir. Yazı tipleri çok çeşitli varyasyonlarda gelir ve bazı farklılıklar incedir. Ancak bu nüansların sunum üzerinde etkisi olabilir, bu nedenle web sitenizin kişiliğini ve varlığını geliştirirken seçeneklerinizi öğrenin.

Birkaç Kategoride Binlerce Yazı Tipi

Kullanılacak yazı tiplerini aramak için saatler, günler hatta haftalar harcayabilir ve yine de aradığınızı bulduğunuzdan emin olamayabilirsiniz. Neyse ki, yazı tipleri küçük örtüşme ile kolayca düzgün kategorilere sınıflandırılır.

  1. Serif : Bir çizgi, bir vuruşun sonundaki hafif bir izdüşümdür, genellikle altta görülür, ancak aynı zamanda harflerin üstlerinde veya en sağ veya sol kenarlarında da görülür. Örnek olarak, bu yazı tiplerinin küçük “m” veya “n” harflerinin üzerinde “feet” var gibi görünüyor. Serif yazı tiplerine örnek olarak Times, Baskerville ve Cambria verilebilir.
  2. Sans Serif : Bu yazı tiplerinde uç vuruşlar veya "ayaklar" yoktur. Temiz, aerodinamik veya minimalist bir görünüme sahiptirler, ancak bazen daha küçük boyutlarda okunması daha zordur. Bu yazı tiplerine örnek olarak Arial, Helvetica ve Calibri verilebilir.
  3. Komut dosyası : Bu dekoratif yazı tipleri, zarif görünümleri nedeniyle popülerdir ve genellikle düğün davetiyeleri, sertifikalar ve benzer belgelerde bulunur. Bunları etkili bir şekilde kullanmak için, onları idareli, bol miktarda ve sanatlarını takdir edecek kadar büyük boyutlarda kullanın.
  4. Ekran : Bu tür yazı tipi genellikle film afişlerinde, tabelalarda ve gazete manşetlerinde görülür. Komut dosyası yazı tiplerine benzer şekilde, bunları yalnızca vurgu için kullanın, çünkü çok fazlası bunaltıcı olabilir.
  5. El Yazısı : Adından da anlaşılacağı gibi, bu yazı tipleri, bir çocuğun el yazısını simüle eden, elle işlenmiş bir görünüme sahiptir; ya da bir kara tahtaya resmi olmayan, aceleci bir karalama. Bu yazı tiplerinin avantajı, diğer kategorilerde eksik olan bir insan unsuru taşımalarıdır.
Okunabilir İçerik Okunur

Okunabilirlik bir dizi faktöre sahiptir. İçeriğin yanı sıra, tipografinin tüm unsurlarını, özellikle de alan kullanımını göz önünde bulundurun. Karakter aralığı ve izleme, kişinin gövde metnini tarama yeteneğinde büyük bir fark yaratabilir.

Üniteleri anlamlı bir şekilde işleyebilmek için tek tek harfler, kelimeler, çizgiler ve bölümler arasında yeterli mesafe ekleyerek yazılı içeriğinize bolca nefes alma alanı verin.

Satır uzunluğunu satır başına 50 ila 75 karakter arasında tutun. Bu, satırlar haklı olsun veya olmasın, yaklaşık 10 ila 15 kelime kullanmak anlamına gelir.

Yazı Tipi Seçimi

İster bir web sitesinin, ister tek bir ürünün, ürün hattının veya tüm şirketin markası olsun, projeniz için seçtiğiniz yazı tipleri, hedef kitlenizin projeyi destekleme veya tamamen reddetme davranışlarını etkileyebilir ve yönlendirebilir. Seçimlerinizin, hedef kitlenizi harekete geçirme şekli üzerindeki etkisini göz önünde bulundurduğunuzdan emin olun.

Markanızın yerleşik bir kimliği varsa ve hedef kitleniz markanızı yalnızca markanızda kullanılan yazı tiplerinden tanıyabilirse, bu giderek daha önemli hale gelir. Bir şeyleri değiştirmek, markanıza olan güven kaybından veya ürününüzün kalitesinin daha da kötüye gittiğine dair şüpheden hedef kitleniz üzerinde olumsuz bir etkiye sahip olabilir.

İnceliklerde Ustalaşmak

Tipografi, görünüşte değişkenlik ekleyerek karakter ve anlam getirir. Doğru kişilik dengesine sahip yazı karakterlerini bulmak çok zor olabilir. Yazı tipinin görsel ipuçları ve özellikleri, gerçek kelimeleri gölgeleyebilecek duygu, ton ve çekicilik unsurları ekler.

Web sitenizi veya markanızı geliştirmek için bir grafik tasarımcıyla çalışırken, projeniz için neden belirli yazı tiplerini seçtiklerini sorun. İyi tasarımcılar, seçimlerini açıklamakta çok hoşgörülü olurlar ve siz de onların düşünce trenleri hakkında biraz fikir edinebilirsiniz.

Sonuç: Neyin İşe Yaradığını Bulun (Ve Ona Bağlı Kalın)

Web sitenize uygun tipografi oluşturmak çok zaman ve çaba gerektirebilir ve bu süreçte bazı hatalar yapabilirsiniz. Her gün yeni yazı tipleri ve yazı tipleri oluşturulmakta ve piyasaya sürülmektedir ve şu anda etkili olan düzenler ve temalar sonunda eskimiş ve modası geçmiş hale gelecektir. Ancak sizin için neyin işe yaradığını bulduktan sonra, buna bağlı kalın ve dönüşümlerin artmasını izleyin.