• Birincil Geziye atla
  • Ana içeriğe atla
  • altbilgi atla
TechLila Logosu

TechLila

Kanayan Kenar, Her Zaman

  • Ana Sayfa
  • Blog
    • Android
    • Bilgisayar
    • Internet
    • iPhone
    • Linux
    • Teknolojilerimiz
    • Windows
  • Hakkımızda
  • İletişim
  • Fırsatlar ve Teklifler
Teknosa Logosu
FacebookTwitter LinkedInPin
WYSIWYG HTML Düzenleyicileri
Bir sonraki

Güçlü WYSIWYG HTML Düzenleyicilerinden Yararlanıyor musunuz?

Web Tipografisi

TechLila Web Tasarım ve Geliştirme

Web Sitesi Tasarımında Web Tipografisi Sandığınızdan Daha Önemlidir!

Konuk Yazarın Avatarı Misafir Yazar
Son güncelleme tarihi: 26 Mart, 2017

Web tipografi ifade eder yazı tipleri dahil web sayfalarında. Sitenin okunabilirliği üzerinde doğrudan bir etkisi olduğu için web sitesi tasarımının kritik bir yönüdür. Pek çok insan, sorumluluklarının bir uygun fiyatlı web sitesi tasarımı profesyonel dikkat etmeyi içermez web tipografi. Ancak bu yanlış bir kavramdır.

Web Tipografisi

Tasarım oluşturmak için zaman ayırmanın yanı sıra, web tipografisine de özen gösterilmelidir. Web tipografiniz zayıfsa, ziyaretçilerin tasarımlarınızı gözlemlemekle uğraşmayacağını unutmayın. Web tipografisiyle sorunsuz bir şekilde başa çıkmanıza yardımcı olacak birkaç ipucu sunuyoruz.

  • Tasarım Başına Üç Yazı Tipi Kullanın
    Üç yazı tipi (en fazla) kullanmak, okuyucuların web sitenizi net bir şekilde gözlemlemesine olanak tanır. İçeriği çeşitli yazı tipleriyle düzenlemek, sitenin dağınık bir görünümüne neden olabilir. Ayrıca, farklı paragraflar gibi içeriğin çeşitli bölümlerinin ilgisiz olduğuna ziyaretçileri ikna edebilir.
    Tabii ki, ziyaretçiler okurken rahatsızlığın tam kaynağını seçemeyebilirler. Yine de, çeşitli yazı tiplerini içeren bilgileri okumakta rahat olmayacaklardır.
  • Başlığı ayırt et
    Bir makalenin başlığı, başlangıçta ziyaretçilerin ilgisini çeker. Başlığı akılda kalıcı bulurlarsa, makalenin geri kalanına geçecekler. Bu, ne pahasına olursa olsun okuyucuların dikkatini çekmek için başlığı vurgulamanız gerektiği anlamına gelir. Başlığın boyutunu artırmak, onu vurgulamanın en kolay yoludur.
  • Gövde Kopyasının Boyutunu 14 Piksel Olarak Ayarlayın
    En iyi sonuçları elde etmek için ziyaretçilerin vücut kopyanızı rahatça okuyabildiğinden emin olmaya çalışın. Boyutun yanı sıra başka faktörlerin de web sitesinin okunabilirliğini etkileyebileceği doğrudur. Yine de, boyut en önemli belirleyici faktördür. Gövde kopyanızın boyutunu 14 piksel olarak ayarlamak harika bir fikir olabilir.
  • Gereksiz yere Alt Çizgi ve İtalik Kullanmaktan Kaçının
    Gereksiz yere italik ve alt çizgi kullanarak okuyucularınızın kafasını karıştırmayın. İtalikler ve alt çizgiler bir satıra daha fazla önem verir. Her cümlede italik ve altı çizili kullanırsanız, ziyaretçilerinizin kafası karışabilir.
    Bunun yerine, yalnızca gerektiğinde alt çizgileri ve italikleri kullanın.
  • Büyük Metin Blokları İçin Tam Büyük Harf Kullanmayın
    Büyük metin blokları için tam büyük harf kullanmak kötü bir fikirdir. Bunun nedeni, küçük ve büyük harflerle yazılan metinlerle karşılaştırıldığında, yalnızca büyük harflerle yazılan bilgilerin yorumlanmasının daha zor olmasıdır.
    Bilgileri gerektiği gibi küçük ve büyük harflerle ayarlarsanız, gözler nispeten daha kolay olacaktır. Ayrıca, ziyaretçilerin bilgileri daha kolay yorumlamasını sağlayacaktır.
  • Sınırlı Bir Alanda Büyük Bilgileri Tıkanmaktan Kaçının
    Sitenizin okunabilirliğini artırmak için çok büyük bilgileri sınırlı bir alana sığdırmaya zorlamayın. Bunun yerine, düzgün bir görünüm kazanması için yeterli alan sağlayın. Aynı zamanda, tüm metnin kopuk ve ilgisiz görünmesi için fazla boşluk bırakmayın.
  • Arka Plan Kontrastına dikkat edin
    Metnin okunabilirliğini artırmak için daha büyük bir yazı tipi boyutu seçmiş olabilirsiniz. Ancak, bilgi ve arka planı arasındaki kontrast zayıfsa, sitenin okunabilirliğini ve okunabilirliğini engelleyecektir. Yaygın uygulama, açık renkli metni koyu bir arka plana karşı yerleştirmektir veya bunun tersi de geçerlidir. Ne pahasına olursa olsun çakışan renkleri kullanmaktan kaçının.
  • Ekran Kullanımı için Mükemmel Yazı Tiplerini Tercih Edin
    Çeşitli yazı tiplerinden yararlanabilirsiniz. Internet. Ne yazık ki, bu yazı tiplerinin çoğu web sitelerinde kullanıma uygun değildir. Bu nedenle yazı tiplerinin dikkatli seçilmesi önemlidir. Ek olarak, çeşitli tarayıcılarda ipucu tablolarından yardım alabilir ve yazı tiplerinin daha küçük boyutlardaki görünümünü kontrol edebilirsiniz.
  • Comic Sans Kullanmaktan Kaçının
    Komik sans çok nefret edilen bir yazı tipi haline geldi ve biz de bir istisna değiliz. Bu yazı tipini kullanmanın sitenize, ziyaretçilerin çoğunluğunun takdir etmeyeceği çocuksu ve olgunlaşmamış bir çekicilik sağladığına inanıyoruz. Bundan kaçınmaya çalışın.

Erişilebilir bir web sitesi oluşturmanın keyfini çıkarın!

Açıklama: TechLila'da yayınlanan içerik okuyucu desteklidir. Bağlı kuruluş bağlantılarımız aracılığıyla yapılan satın alma işlemleri için size hiçbir ek ücret ödemeden komisyon alabiliriz. Bizim okuyun sorumluluk reddi sayfası finansmanımız, editoryal politikalarımız ve bizi desteklemenin yolları hakkında daha fazla bilgi edinmek için.

Paylaşmak önemsemektir

FacebookTwitter LinkedInPin
Konuk Yazarın Avatarı

Misafir Yazar

Bu konuk yazısı, bir konuk katılımcı tarafından yazılmıştır.

Kategoriler

  • Web Tasarım ve Geliştirme

Etiketler

Web Tipografisi, Web Sitesi Tasarımı

okuyucu Etkileşimleri

İnsanlar ne diyor

  1. Aiden Rusçuk

    Merhaba Diane.

    Harika bir rehber paylaştığınız için teşekkürler. Her tasarımcının tipografinin önemini anlamasını dilerim. Uygun olmayan tipografi, bir web sitesi tasarımının başarısızlığının bir hatası da olabilir. Bir web sitesi tasarlamaya gelince tipografiyi ilk önceliğe koymak ve web tasarımını başarısızlıktan kurtarmak istiyorum. Burada verdiğiniz tavsiye gerçekten harika ve birçok faydalı bilgi içeriyor.

    cevap
  2. kehribar

    Paylaşım için teşekkürler. Elbette bu puanlardan pek çok kişi faydalanacaktır.

    cevap
  3. Sarah

    Çok kullanışlı. Şu anda web sitelerimizden birinin yeniden tasarımına bakıyorum ve eski sitede harika görünmeyen yaklaşık 5-6 farklı yazı tipi kullandığımızı fark ettim.

    cevap
  4. Sajeş

    Web tipografisinin web tasarımının kritik bir yönü olduğu ve her tasarımcının web sitesini tasarlarken bu yönü aklında tutması gerektiği konusunda size katılıyorum.

    cevap
  5. Nişada

    Söyleyebileceğim tek şey vay. Yazı tipi stillerinin ve yazı tipi boyutunun önemli olduğunu biliyorum ama neden önemli olduklarına dair bu kadar ayrıntıyı hiç bilmiyordum. Bunu tasarım ekibine iletiyoruz ve harika makale için teşekkürler.

    cevap
  6. David

    Web sitenize net, okunaklı ve etkili tipografi koymak sadece ziyaretçilerinizi değil aynı zamanda profesyonelliği de arttırır.

    cevap
  7. Natasha

    Gövde Kopyasının Boyutunu 14 Piksel Olarak Ayarla? 16-18 piksel kullanmamız daha iyi değil mi ya da daha iyisi %150'ye gitsek.

    cevap
    • Rajesh Namaz

      Bağlıdır, sadece değiştirin ve güzel ve okunabilir görünüp görünmediğini kontrol edin.

      cevap
  8. Jeeten

    Evet sana katılıyorum Diane, web tipografisi şart. Tipografiyi göz önünde bulundurarak sitemi tasarlamıştım.

    cevap
  9. Stephen

    yazı tipi ailesi: 'franklin_gothic_medium_condRg'; yazı tipi benim çeşitli web sitelerimde kendim tarafından kullanılıyor. ve Gövde Yazı Tipi boyutu .9em olarak tutuldu. ve bazı web sitelerinde 1em.
    H1 = 3em
    H2 = 2.5em
    H3 = 2em
    H4 = 1.6em
    H5 = 1.2em

    cevap
  10. Vişnu Sharma

    Evet sana katılıyorum Diane, web tipografisi şart. Tipografiyi aklımda tutarak sitemi tasarladım.

    cevap
  11. Mansur Bhanpurawala

    Çok kullanışlı. Şu anda web sitelerimizden birinin yeniden tasarımına bakıyorum ve eski sitede harika görünmeyen yaklaşık 5-6 farklı yazı tipi kullandığımızı fark ettim.

    cevap
  12. Alex

    Teşekkürler Admin. Tam blogu çok kullanın. Yazı için teşekkürler çünkü bu yazı benim için faydalı.

    cevap

Yorumunu ekle Cevabı iptal

E-posta hesabınız yayımlanmayacak. Gerekli alanlar işaretlenmişlerdir. *

Altbilgi Logosu Altbilgi Metin Logosu

Altbilgi

Hakkımızda

Merhaba ve temel bilgilerde ve ötesinde uzmanlaşmak için zengin makaleler bulabileceğiniz ünlü teknoloji blogu TechLila'ya hoş geldiniz.

TechLila'da ana hedefimiz, kalite ipuçları ve püf noktaları, öğreticiler, Windows, Macintosh, Linux, Android, iPhone, Güvenlik ile ilgili nasıl yapılır kılavuzları ve incelemeler gibi birkaç çeşitli alt konu gibi benzersiz bilgiler sağlamaktır.

Hızlı Linkler

  • Hakkımızda
  • İletişim
  • Feragatname
  • Gizlilik Sözleşmesi
  • Şartlar

Twitter'da takip edin :

Genesis Çerçevesini Kullanan Özel Tema

Cloudways tarafından bulut barındırma

Dil

© Telif Hakkı 2012–2023 TechLila. Her hakkı saklıdır.