Web Tasarımında Kullanılan En Uygun Font Büyüklüğü Ne Olmalı?
Muttalip TULGAR Tarih: 25/08/2008 Yorum: 2 adet
Okunma : 425 Tutanlar: Bu yazıyı 1 kişi tuttu.
Anahtar Sözcükler: Web tasarım, font büyüklüğü, okunabilirlik, görünebilirlik, erişilebilirlik
Web sayfalarınızı tasarlarken kullanacağımız font büyüklüğü (yazı büyüklüğü) çoğu zaman sorun olmuştur. "En uygun font büyüklüğü ne olmalı?" sorusuna verilebilecek net bir cevap olmamakla beraber belirli kıstaslara dikkat etmek, genel tasarım ilkeleri açısından faydalı olacaktır.
Öncelikle font büyüklüklerinin işletim sistemleri arasında da farklı göründüğünü belirtmek gerekiyor.
Macintosh işletim sistemlerinde, aynı büyüklükteki aynı font, Windows işletim sistemlerine göre daha küçük görünmektedir.
İşimiz web ise; web sayfalarımızın web browserlarda nasıl görüneceği daha önemli olacaktır. Amacımız web ile içeriğimizi insanlara sunmak olduğuna göre, içeriğin görünürlük açısından yeteri büyüklükte olması gerekir.
Özellikle "herkes için erişilebilirlik" ilkesi doğrultusunda yazı büyüklüğünün 12 point’den az olmasının okunabilirliği zorlaştıracağını vurgulamak gerekiyor.
Eğer kâğıda basılı metinin yazı boyutu 12 point olsaydı okumada pek zorluk çekilmeyecektir. Çünkü düşük çözünürlükten dolayı ekrandan okumak kâğıttan okumaktan daha zordur. Font Büyüklüğüne karar vermedeki en büyük zorluk; tasarlanan sayfadaki içerik yoğunluğunun fazla olmasıdır. Ne şiş yansın ne kebap misali hem istenilen içeriği aktarmak hem de okunabilirliği sağlamak için "CSS" yardımımıza koşmaktadır.
CSS (Cascading Style Sheets), esnek web tasarımı yapmak isteyenlerin olmazsa olmaz koşulu olarak font büyüklüğünü herkes için okunabilir hale getirmektedir.
Öncelikle metinlerimizi oluştururken font büyüklüğü olarak kesin değerler vermemek gerekiyor.
Örneğin 14 point veya 14 pixel gibi verilen kesin değerler web browser tarafından değiştirilememektedir.
Internet Explorer’dan font büyüklüğünü değiştirmek için; "Görünüm mönüsünden >Metin Boyutu > En Büyük" işaretlenmelidir.
Maalesef bir çok web sayfası font büyüklüğü konusunda uyulması gereken bu basit ama önemli kuralı uygulamadığı için o web sayfası herkes için erişilebilir olmamaktadır. İsterseniz görme sıkıntısı çeken bir bireyin yerine kendinizi koyun ve www.basbakanlik.gov.tr sayfasına bir göz atın. Bakalım okunabilirlik açısından web browserdan metin boyutunu artırabiliyor musunuz?
Peki web sayfası tasarlarken bu basit kuralı uygulamak için ne yapmalı?
- Font büyüklüğünüzü belirlerken "EM" veya "%" birimlerini kullanmak web sayfasını herkes için okunabilir hale getirecektir.
Örneğin, 0.98 em veya 60 % gibi değerler vermek font büyüklüğünü herkes için okunabilir yapacaktır.
Son olarak; grafik programlarında metinlerinizi oluşturmamanız ve içerik başlıklarına headings (h1,h2,h3) değerlerini vermeniz herkes için web mantığına uygun olacaktır.
Kaynakça: Nielsen, Jakob, Let Users Control Font Size. http://www.useit.com/alertbox/20020819.html Krug, Steve, A Common Sense Approach to Web Usability, Second Edition
Kesin bir font büyüklüğü(12 point gibi) vermediğiniz sürece, tüm tarayıcılar yazıyı istediğiniz gibi büyütebiliyor. Aksi halde yazı büyüklüğünü tarayıcı destek versede büyütemiyorsunuz.
Makale
Etkinlikler
Toplantı
Kahraman ve need4code.com Projesi Connect Toplantısı
Kahraman ve need4code.com Projesi Connect Toplantısı
Selam arkadaslar,
Programlama ile uğraşanların hayatlarını kolaylaştıracak desktop ve web tabanlı ortak iki proje ile ilgili 3. toplantımızı 3Aralık...
Kategori:
Toplantı
Kimler Burada? 
Son 1 dakika içinde MMIstanbul' da 492 (1 kayıtlı, 491 ziyaretçi) kullanıcı varmış. Login durumda olanlar aşağıda:
MMIstanbul Blog'undan
Neler Yapılabilir?
Yeni bir portal, 30 civarında online / offline etkinlik, seminer vb rağmen MMIstanbul sanıyoruz ki halen hakettiği ilgiyi göremedi. " ...
500 Hatası Hakkında!
Reklam, MMIstanbul ve Yeni Projeler (Durumumuz Bu Tarzında)
Ne Nedir Kampanyası Başlıyor!
Çok Merak Edenler için; MMIstanbul Geliştirme Ekibi ve Çalışma Ortamımız









aslında bir web tasarıcısının bilmesi gereken temel konulardan biri bu. ben şahsen 12 veya 14 kalın verdana kullanıyorum. hiçbir sorun çıkarmıyor. yanlız bu şu da varki artık tüm tarayıcılar yazıyı istediğimiz kadar büyültebiliyor. kişide sorun varsa bu yöntemde işe yarayabilir…