Your address will show here +12 34 56 78
#tasarım, UI/UX

UI Tasarımında Tipografi

Tipografinin, UI tasarımında zor kısımlardan biri olduğunu söylemek yanlış olmaz. Tipografi çok uzun süredir hayatımızda varolan bir şey, bu yüzden çok fazla varyasyon, çok fazla uygulama çeşidi ve çok fazla kural var. Bu yazıda, uzun uzun teorik bilgiler vermektense, daha pratiğe yönelik bilgiler ve projelerinizde kullanabileceğiniz birkaç ipucu vereceğim.

Kullanıcıyı Unutmuyoruz

UI tasarımında daha önce de skça belirttiğim gibi en önemli şey kullanıcı. O yüzden UI namına bir proje yapıyorsanız her zamanki gibi burada da kullanıcıyı unutmamalısınız. Özellikle tipografi gibi çözünürlükle yakından ilişkili bir konuda, kullanıcıları göz ardı etmek ölümcül bir hatadır. Unutmayın ki dünya üzerinde sadece çok iyi monitörler, çok iyi mobil cihazlar yok. Herkes en son teknoloji ürünü cihazlar kullanarak, arayüzünüzle minimum 2K çözünürlükte etkileşime girmiyorlar. Hal böyle olunca arayüzünüzü yalnızca retina ekranlarda mükemmel görünecek şekilde yaparsanız, diğer ekranlarda projeniz amiyane tabirle patlayacaktır. O sebepten seçeceğiniz yazı tipleri olabildiğince esnek olmalılar. Fazlaca ağırlık (font weight), özel karakterler içeren bir font kullanmalısınız ve bunu yaparken de çok geniş bir cihaz perspektifinde görüntüleneceğini unutmamalısınız.
İyi bir tipografi “görünmez”dir; ama kötü yapılmış bir tipografi “ben buradayım!!!” diye bağırır. Halka’daki kız gibi ekrandan çıkıp, kullanıcının gözüne gözüne girer.

Okunabilirlik

Tipografide, haliyle, en önemli şey budur. Okunabilirlik, yazı tipindeki her bir harfin, diğer harflerden ne kadar kolay ayırt edilebilmesi ile ölçülebilir. Düşününce tüm yazı tipleri okunabilirliği yüksek olsun diye yapılmıştır sanılsa da aslında öyle bir durum da söz konusu değildir. İnternet, okuması dünyanın en zor yazı tipleri ile dolu. Hatta bazen sırf kolay okunamasın diye oluşturulmuş yazı tipleri bile var. Örnek vermek gerekirse “büyük I” ve “küçük l” harfleri, her ekran boyutunda ve font büyüklüğünde dahi birbirlerine karışmıyorsa o yazı tipi okunabilirliği yüksek bir yazı tipidir.

Büyük Harf Yüksekliği

Okuduğumuz metinlerde harflerin çok çok büyük bir kısmı küçük harflerden oluşuyor. Gel gelelim yalnızca küçük harfler de kullanmıyoruz. Büyük harf kullanımlarından sonra gelen küçük harfler yazı tipinin okunabilirliğini doğrudan etkiler. ui tasarımında tipografi Yukarıdaki görselde görüldüğü üzere büyük ve küçük harfler arasındaki yükseklik oranı fazla olan versiyonda okunurluk daha iyi.

Harf içi boşluklar

“o”, “u”, “d”, “b” gibi bazı harflerin içinde boşluklar vardır. Bu boşluklar özellikle çözünürlüğü düşük olan cihazlarda yanlış görünebilir. Aslında “u” yazıyor; fakat ekran çözünürlüğünün kötü olması “o” olarak algılamamıza sebep olabilir. Harf içi boşlukları fazla olan yazı tipi kullanmanız daha iyi olacaktır. ui tasarımında tipografi

Ağırlık

Ağırlığı (font-weight ya da amiyane tabirle et kalınlığı) düşük olan yazı tipleri, kalın olanlara nazaran daha iyi görünürlük sağlarlar. Özellikle harf içi boşlukları fazladır. ui tasarımında tipografi Bu bölümü burada bitiriyorum; ama tipografiyle ilgili söyleyeceklerim henüz bitmedi. Devam edecek!

0