Profili Göster

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

aç-kapa İçeriğin rss beslemesi kullanımda değil Yorumlar

Profili Göster
Ertuğrul Erkan 25/08/2008

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…

Profili Göster
Muttalip TULGAR 25/08/2008

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.

yeni üyelik | şifremi unuttum

aç-kapa 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ı

aç-kapa Yarışma Fikir10000 Dijital Pazarlama Fikir Yarışması

Fikir10000 Dijital Pazarlama Fikir Yarışması

ADTECH tarafından düzenlenen Fikir10000 yarışmasına; dijital pazarlama ile ilgili size ait olan fikrinizle katılabilir ve 10.000 YTL’lik birinci...
Kategori: Yarışma

aç-kapa Yarışma 7Dx Demoscene Party

7Dx Demoscene Party

2002 yılından beri amatör bilgisayar kültürü ile ilgilenen insanları bir araya getirmeyi hedefleyen 7DX parti serisinin bu seneki ayağı olan 7D8 Demo ...
Kategori: Yarışma

aç-kapa Eğitim Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Türkiye'de İnternet Konferansı - Internet Teknolojileri Derneği -22-23 Aralık ODTÜ

Etkin Katılım Çağrısı Türkiye’de Internet ile ilgili grupları biraraya getirerek İnternet’i tum boyutlarıyla tanıtmak, gelistirmek, tartı...
Kategori: Eğitim

aç-kapa Konferans Bilgi Güvenliği ve Kriptoloji Konferansı

Bilgi Güvenliği ve Kriptoloji Konferansı

Önemli Tarihler: Etkinlik Tarihi : 24-26 Aralık 2008 Son Bildiri Gönderme Tarihi : 20 Ekim 2008 Bildiri Kabul Tarihi Bildirimi :...
Kategori: Konferans

üyeler Son Kahramanlar...

stats Kimler Burada? web stats

Son 1 dakika içinde MMIstanbul' da 492 (1 kayıtlı, 491 ziyaretçi) kullanıcı varmış. Login durumda olanlar aşağıda:

coldfusion mysql ubuntu
 
sponsor adobe istanbul