Üzerine düşünmediğiniz halde tasarımlarınızda tipografik hiyerarşiyi kullanıyorsunuz.
İnsanların web sitenizde baktığı en önemli elemanlardan biri kesinlikle metin. Metinlerinizin temiz ve okunaklı olması ve kullanıcılarınızı, direkt olarak tasarımın içine çekmesi gerekiyor.
Özetle bu tipografi hiyerarşisidir.
Aslında tipografi hiyerarşisi, görsel hiyerarşinin bir çeşididir. Bir metinde, en önemli parçaların, dikkat çekecek ve önemini vurgulayacak biçimde sunulmasını sağlar.
Tipografik hiyerarşi olmazsa, bir web tasarımdaki her metin, her cümle ve her kelime birbiriyle aynı görünür. Her şeyin aynı boyda ve renkte olduğu bir sayfayı okuduğunuzu hayal edebiliyor musunuz? Nereden başlayacaksınız? Neyin daha önemli olduğunu nereden anlayacaksınız?
Tipografik hiyerarşi, elemanlar arasında kontrast oluşturur. Tasarımcılar bunu farklı yazı tipleri, boyutları, kalınlıkları, büyük ve küçük harfler, bold veya italikler ve renkler kullanarak sağlarlar. Bu tasarım araçları metininizin farklı katmanlara ayrılmasını sağlar.
Birincil seviye tipografi, bütün büyük metinleri ifade eder. Başlıklar buna örnek olabilir. Eğer tipografi sanatı ile uğraşmıyorsanız, bunlar tasarımdaki en büyük elemanlardır.
Tipografinin ikinci seviyesi, okuyucuları web tasarımda tutmak için gerekli bilgilerin verildiği parçalardır. Bölüm başlıkları, alt başlıklar, tanıtım kutuları, bilgi görselleri (infografikler) ve diğer küçük bloklar; ikincil seviye tipografiye örnek verilebilir. Bu metin bloklarının tasarımı genellikle, büyük boyutlu olurlar ancak birincil seviye tipografi boyutlarından çok daha küçüklerdir.
Bu seviyedeki tipografi, tasarımınızın ana metinidir. Genellikle web tasarımdaki en küçük boyutlu yazılardır ama potansiyel müşterileriniz için, okunaklı olmaları gerekir. Yazı tipi basit ve boş alanlarla ve genel kullanımla tutarlı olmadır.
Tipografide diğer seviyeler, tersiyer seviye içindeki küçük parçalara uygulanan efektlerdir. Efektler, ana metinde vurgulanması gereken yerlere uygulanan, bold, italik, altçizgi ve renk gibi elemanlar olabilir. Bu efektler, tersiyer seviyede kullanılan yazı tipi ve boyutu bozmadan uygulandığında çok daha iyi çalışırlar.
Eğer yukarıdaki örneklere bakarsanız, farklı tipografik hiyerarşi seviyelerini ve okunaklılığı nasıl değiştirdiğini fark edebilirsiniz.
Hiyerarşi yaratmanın farklı yolları mevcut.
Basılı projelerde kullandığınız bütün araçlar dijital projelerde de kullanılabiliyor. Dijital tipografik hiyerarşi için HTML'yi de göz önünde bulundurmalısınız. Bu düşünce şekli, sizin görsel seviyenizin, farklı kullanıcıların ekranlarına yansımasına yardımcı olacaktır.
Çevrimiçi projeleriniz için, başlık, gövde ve bold stilleri gibi temel elemanları kullandığınızdan emin olun. Her biri HTML'de tanımlanabiliyor.
Üzerine düşünmediğiniz halde web tasarımlarınızda tipografik hiyerarşiyi kullanıyorsunuz. Fakat büyük resimde nasıl tipografilerin genel tasarımınızı geliştireceğini düşünmeniz gerekir.
Vurgulamak için, dikkat çekmek için ve kullanıcıların daha hızlı tepki verebilmeleri için eylem elemanlarında tipografik hiyerarşiyi kullanın. Metininizde farklı fontlar, boyutlar, renkler ve efektler kullanırken okunaklı olup olmadığını sürekli kontrol etmelisiniz.
interAnaliz Yazılım Ltd. Şti.
©2022 BulutPress Web Tasarım Bayilik Sistemi. Her Hakkı Saklıdır.