Fontların Web Tasarımında Yüklenmesi: 7 Ana İlke ortaya çıkar ve açıklanmıştır
Doğru yazı tipi ortağı hoş okuyucunun deneyimi için çok önemlidir, ancak doğru olanı seçmek kafa karıştırıcı olabilir. Görsel olarak çekici ama net ve nereden başlayacağınızı her zaman net olmayan bir ortak yapmak istiyorsunuz. Doğru dengeyi elde etmenize yardımcı olmak için, bu yazı iyi bir yazı tipi çiftinin ana prensiplerini açıklayacak ve bunu tasarım projenize nasıl uygulayacağınızı gösterecektir. Bu ilkeler ve her zaman mükemmel bir yazı tipi ortağı alacaksınız! İlke #1: Kontrast, kontrastın anahtarı, yazı tipi çiftlerini başlamamızın ana nedenidir. Kontrast yazı tipi, okuyucunun metnin başlık ve gövde kopyası gibi çeşitli kısımlarını kolayca ayırt etmesini sağlar. Buna ek olarak, kontrast metni görsel olarak daha çekici hale getirir ve okuyucunun dikkatini korumaya yardımcı olur.
Ancak, “kontrast” ile tam olarak ne demek istiyoruz? Kontrast yazı tipini söylediğimizde, sadece görünüşte oldukça farklı olduklarını kastediyoruz. Bir örnek olarak aşağıdaki resmi düşünün:
İnce
Lamba
Düzenli
Cesur
Siyah
Mevcut ağırlık miktarı, seçtiğiniz yazı tipine göre değişecektir; Önemli olan, eklediğiniz yazı tipleri arasındaki ağırlığa yeterince kontrast olmasını sağlamaktır. Bu nokta boyutu sadece metnin boyutudur. Yukarıdaki ilk resim örneğinde, başlık metninin içerik metninden önemli ölçüde daha büyük olduğunu unutmayın. Bu tipografik renk, metnin karanlık veya parlak metnini ifade eder – amaçlanan metinde gözleri daralttığınızda vurgulanan bir özellik. Yukarıdaki ilk görüntü örneğinde gözleri daraltırsanız, başlığın içerik metninden çok daha koyu göründüğünü göreceksiniz. Satırlar (önde gelen) arasındaki boşluklar, harfler (Kenning) ve yazı tipi boyutu arasındaki boşluklar gibi faktörler etkisi Tipografik renk. Anahtar, seçtiğiniz yazı tipinin bu alanda kontrast için yeterli olduğundan emin olmaktır. Prensip #2: Yazı tipleri arasında benzer anahtar kalitesini koruyun Kontrast yazı tiplerini eşleştirmeyi başarmak için önemlidir, çok fazla kontrast dikkatini dağıtabilir ve hatta okuyucuyu rahatsız ederek tıklayabilir. Yazı tipinizin çok zıt olmadığından emin olmak için, aşağıdaki yazı tiplerini aynı tutmalısınız: X-yüksek X-yükseklik, seçtiğiniz yazı tipindeki ‘X’ karakterinin yüksekliğini ifade eder. Genellikle (her zaman olmasa da), aynı yüksekliğe sahip iki yazı tipi iyi eşleştirilir.
Örneğin, aşağıdaki grafiğe bakın. Bu resim X Montserrat ve Cardo’nun yüksekliğini karşılaştırıyor. X-yükseklikteki benzerlik, başarılı bir yazı tipi çiftinin başlangıcıdır.
Montserrat (solda) ve Cardo (sağ) aynı X yüksekliğine sahiptir. Süper Super Family Foils, belirli temel özelliklere sahip genişletilmiş yazı tiplerinden oluşan bir koleksiyona atıfta bulunuyor. Süper aileleri, genellikle temel karakter şekli olan merkezi tipografi temasında varyasyon olarak görebilirsiniz. Aynı aileden gelen yazı tipleri aynı temel forma sahip olduğundan, çok doğal olarak eşleştirilirler. Örneğin, Pt sans Bold ve Pt Serif çiftini alın. Hoş bir görsel deneyim yaratmanın benzerliği, ancak her şeyi ilginç tutmak için hala yeterli kontrast var: yazı tiplerinin ‘atmosferinin’ ruh hali tarif edilemez duygusal kalitesini ifade ediyor. Bu, yazı tipinin ‘hissetme şeklini’ tanımlamak için kullandığımız bir sıfat, eğlenceli, gizemli, ciddi, üzücü veya diğer duygular mı? Yazı tipi atmosferi özneldir, ancak bu yazı tiplerinin kurulumunun en önemli kısımlarından biridir. Yazı tiplerini uyumlu olmayan ruh halleri ile karıştırmak en iyi içeriği hayal kırıklığına uğratabilir. Örneğin, bu modak çiftine ve indie çiçeklerine bakın. Ruh hali tamamen uyumsuz.
Öte yandan, fjalla çift ve ortalama, yazı tipinin atmosferini ayarlama açısından çok daha başarılı: Prensip #3: Başlık için SANS Serif’i ve vücut tipi için Serif kullanın başarılı yazı tipi kurulumu için kesin bir formül istiyorsanız, sans serif sans başlığı ve serif gövde yazı tipinde yanlış olamazsınız. Yazı tipi Sans Serif, başlığınızı öne çıkaran doğrudan kaliteye sahiptir ve serif yazı tiplerinin okunması genellikle daha kolaydır, bu da vücut kopyası için mükemmeldir. Bu prensibi takip etmek, çok benzer yazı tiplerini eşleştirmeyi başarmanızı sağlar. Sans ve droid serif droid çifti, eylemdeki ilkeleri gösterir: Yine de, bunu uygularken, font kurulumunun diğer ilkelerini hala hatırlamanız gerekir. Açıklandığı gibi Fonts.com: Herhangi bir boyutta okunması daha kolay bazı serif tasarımlarından daha kolay olan Sans Serif’in hala birçok tipografisi olması. Dolayısıyla, hangi stili seçerseniz seçin, özel özelliklere ve genel tasarım okunabilirliğine dikkat edin. Hazırlık her şeyden önce hedefinizdir! Bununla birlikte, genel olarak SANS Serif’i başlık ve vücut kopyası için serif kullanmak ideal bir başlangıçtır. İlke #4: Farklı Varyasyonlarda Yazı Tipi Testi Bir yazı tipi ortağı oluşturduğunuzda, her iki yazı tipinin ‘varsayılan’ şeklinde görülme biçiminden dayandırmak yeterli değildir. Bloglar veya web siteleri için tipografi seçerseniz, yazarın kalın metin, italik ve belki de makalelerinde eğimli olmasını beklemelisiniz. Buna ek olarak, yazarın uzun bir metin bloğu yapmasını beklemelisiniz. Bu nedenle, iki yazı tipinizi bu varyasyonla test etmek çok önemlidir. Bunun yapılmaması bazı çekici sonuçlara neden olabilir. Örneğin, bu çok onurlu olan Raleway Bold (Başlık) ve Libre Baskerville (Body) çifti: Bu çift, bu makalede açıklanan ilkeleri izleyerek iyi işlev görür. Ancak, Libre Baskerville’i Libre Baskerville’i düzenli italik olarak değiştirdiğimizde ve daha fazla içerik metni kullandığımızda işler çok farklı görünüyor:
Bu yinelemede Libre Baskerville, Raleway cesur ve acı çekebilir okunabilirlikle çatıştı.
Bunun gibi yazı tipi çatışmaları her zaman hemen görülemez, bu nedenle yazı tipi ortağınızı mümkün olduğunca çok varyasyonda test ederek ifade etmeniz çok önemlidir. İlke #5: Başarılı yazı tipi çiftini öğrenin “Yüksek Lisans Çalışması” tüm yaratıcı bilimsel disiplinlerde yaygın bir öneridir ve bu yazı tipi kurulumu açısından farklı değildir. Kendi yazı tipi ortağınızı yapmaya başlamanın en iyi yollarından biri, diğer tasarımcılar tarafından yapılan öğrenmek ve neyin işlevini sağladığını öğrenmektir. Başlamanıza yardımcı olmak için, iş başında çeşitli yazı tiplerini keşfetmek için bazı yerler: Canva Yazı Tipi Kombinasyonu: Canva Grafik Tasarım Programı Yapımcısı’ndan, bu araç seçtiğiniz yazı tipine dayanan bir ortak üretir.
Günün Tilebilosu Sitesi: Her gün yeni örnekler gösteren yazı tipi çiftleri koleksiyonu.
Font Combinator: Eşinizi seçtiğiniz metin ve düzen öğeleriyle test etmenizi sağlayan bir araç.
Bu makalede tartışılan ilkeleri nasıl kullandıklarını (ve zorlu) görmek için bu siteleri incelemenizi tavsiye ediyoruz. İlke #6: Bir proje üzerinde çok uzun süre çalışırken geri bildirim arayın, kusurlara kör olabilirsiniz. Font ortağına bakmak için çok zaman harcıyorsunuz, böylece çarpıcı bir sorunu olsa bile onunla herhangi bir hata bulamıyorsunuz. Bu sorunu görmezden gelmemek için, yazı tipi ortağınız hakkında geri bildirim aramanızı öneririz. Kim sorduğunuz projenizin doğasına bağlı olacaktır, ancak mümkün olduğunca çok farklı insana sormanızı öneririz. Meslektaşları, mentorlar, okuyucular ve müşteriler (hem bugün hem de potansiyel) adil oyunlardır. Bu insanların söylediklerinde ortak bir konu bulmaya çalışın. Hepsi aynı sorunu bulursa, bir şeyin değiştirilmesi gerekir. Her şeyin üstünde, okuyucuların ve müşterilerin söylediklerine en yüksek önceliği vermelisiniz, çünkü onların katılımı ve okuma kolaylığı en önemlisidir. Mentorunuzun ve meslektaşlarınızın onayı tatmin edici olsa da, fatura ödemiyor. İlke #7:
Sonunda bağırsağınıza inanın, yazı tiplerinin kurulumu bilim değil sanattır. Bu nedenle, sadece sezginize güvenmeniz gereken durumlar vardır. Bir yazı tipi ortağı hakkında yanlış görünen bir şey varsa, belki de durum böyledir. Bu makaledeki her prensibi mektuba uygulasanız bile, bazı çiftler sadece yanlış hissedecektir. Bu duyguyu görmezden gelmeyin – bu his size rehberlik etsin. Bazen yazı tipi ortağını doğru hissedene kadar değiştirmeniz gerekir, bu yüzden denemekten korkmayın. Sonuç Tüm iyi tasarım problemlerinde olduğu gibi, yazı tipi kurulumu karmaşık bir konudur. Bu, kontrastı benzerliklerle ve ilgi alanlarıyla okunabilirlikle dengelemenizi gerektirir. Ama sonunda amacınız okuyucunuza en iyi deneyimi sunmaktır. İlkeleri bu makaledeki (diğer tasarım temelleriyle birlikte) uygularsanız, okuyucunuzu memnun eden ve yazınızın okunabilirliğini artıran bir yazı tipi ortağı yapacağınızdan emin olabilirsiniz. İyi bir yazı tipi çifti yapmak için şu ana ilkeleri hatırlayın: Kontras anahtardır.
Yazı tipleri arasında benzer anahtar kalitesini koruyun.
Başlık tipi için SANS Serif ve vücut tipi için Serif kullanın.
Yazı tipi çiftini çeşitli varyasyonlarda test edin.
Başarılı bir yazı tipi çifti öğrenin.
Geri bildirim arıyor.
İçgüdünüze inan.
Etkili bir yazı tipi ortağı yapmak için ne gibi tavsiyeleriniz var? Aşağıdaki yorumlar bölümünde paylaşmanızı istiyoruz! Tartışmaya katılmaya devam edebilmeniz için yorumlara abone olmayı unutmayın. Mükemmel Vektörlere Göre Mini Resim / Shutterstock.com
