Google Web Yazı Tipleri için Basit Bir Kılavuz

Yazılarımız ve Makalelerimiz.

Anasayfa Multi Medya Blog Google Web Yazı Tipleri için Basit Bir Kılavuz
0 Yorum 125 Okuma

Orada binlerce yazı tipi ve ince farklılıklarını keşfetmekten ve onlar hakkında güçlü görüşler oluşturmayı seven binlerce insan var. Bu sizseniz, bir tedavi görüyorsunuz çünkü tipografi bugünlerde biraz rönesans geçiriyor ve yazı tipi meraklılarına adanmış birçok web sitesi ve Pinterest grubu var. Diğer herkes için, web siteniz için güzel, okunabilir yazı tipleri seçmek için gerçekten neye ihtiyacınız olduğunu merak ediyor olabilirsiniz. Alfabe bu, değil mi? Görüntülemek için kaç olası yol olabilir? Şaşırırsınız - ancak yardımcı olabilecek bilgiler: Yazı tipi türleri ve ne zaman kullanılacağı Yazı tiplerini kategorilere ayırmanın birçok yolu vardır. Ancak ilk web sitenizi oluşturmak için gerçekten üç geniş türü bilmeniz gerekir: serif, sans serif ve dekoratif. Hangi yazı tiplerini kullanabilirsiniz? Jimdo web sitelerinde, herhangi bir Google web yazı tipini ücretsiz olarak kullanabilirsiniz. Aralarından seçim yapabileceğiniz yüzlerce kişi var - Sık kullanılanınızı seçmek için Google'ın tüm Font Kitaplığına göz atın . Gününüzün bir bölümünü antik Roma'dan bir yenilik düşünerek geçireceğinizi kim düşünebilirdi? Bir serif budur: bir mektubun sonunda küçük kuyruk veya güzelleşir. Yazı tipleri genellikle serif veya sans serif olarak kategorize edilir, yani "serifsiz" anlamına gelir. Web sitenizi oluşturun Serif ve Sans Serif Yazı Tipi Karşılaştırması Serifler… mektuplar için yetenek gibi. Klasik serifler solda, sans serif sağda. Serif yazı tipleri Serifler baskı dünyasında yaygındır (baskı hatırlıyor musunuz?) Çünkü okuyucunun kağıt üzerindeki küçük metin bloklarını takip etmesini kolaylaştırır. Muhtemelen dergilerde, kitaplarda ve gazetelerde serif yazı tipleri göreceksiniz. Bazı klasik serif yazı tipleri Vollkorn , Merriweather , EB Garamond ve Libre Baskerville'dir . Sans serif yazı tipleri İnsanlar bilgisayar ekranlarında daha fazla okumaya başladığında, yazım tasarımcıları sans serif yazı tiplerini oluşturdu . Süsleri attılar ve bunun yerine mürekkep yerine net olarak piksel olarak görüntülenen modern, basit bir görünüme sahip yazı tiplerini tercih ettiler. Bazı popüler sans serif yazı tipleri Open Sans , Roboto , Lato ve Ubuntu'dur . Dekoratif yazı tipleri Sonra dekoratif yazı tipleri var . Bu, daha sanatsal yazı tipleri, senaryo, el yazısı vb. İçeren çok geniş bir kategoridir. Bunları yazı tipi dünyasının canlı turuncu veya parlak sarısı olarak düşünün - bunlar en çok kişiliğe sahip olma eğilimindedir, ancak az kullanılmalıdır. Grafik çekiciliği için birçok dekoratif yazı tipi oluşturuldu ve paragraf formunda çok okunaklı olmadı. Bu yüzden başlıklar ve kısa ifadeler için en iyisidir, ancak gövde metni için değildir. Başka bir deyişle, web sitenizde el yazısı içeren bir paragrafın tamamı varsa, ziyaretçileriniz muhtemelen onu okumakta zorlanıyor. İşte farklı Jimdo web sitelerinin örnekler ve kullandıkları Google web yazı tipleri: Yazı Tipi Abel Yazı tipi: Abel Fontları Diplomata SC ve Doppio One Fontlar: Diplomata SC ve Doppio One Fontları Poppins ve Merriweather Fontlar: Poppins ve Merriweather Web sitenizde farklı yazı tipleri nerede kullanılır? Web sitenizi tasarlarken genellikle 2 veya 3 yazı tipi seçmenizi öneririz: Gövde / paragraf metniniz için bir tane: Metin Öğelerinizde özellikle daha küçük boyutlarda çok okunaklı olan bir sans serif yazı tipi ile yanlış gidemezsiniz. Birkaç kelimeden daha fazlasını okumak zorlaşan el yazısı veya tamamen büyük harfli fontlardan uzak durun. Başlıklarınız için bir tane: Burada daha dekoratif veya eğlenceli bir şey kullanabilirsiniz, çünkü sadece kısa metin parçaları için kullanacaksınız. Tamamen büyük harfli bir yazı tipi de kullanabilirsiniz. Burada benzersiz bir yazı tipi seçmek, web sitenize kişilik eklemenize yardımcı olabilir. Gezinme menüleriniz ve düğmeleriniz için bir tane: İlk iki yazı tipinizden birini burada tekrarlayabilir veya üçüncü bir tamamlayıcı yazı tipi seçebilirsiniz. Gezinme menülerinizin ve CTA'larınızın okunmasının kolay olması gerektiğini unutmayın, bu nedenle el yazısı veya aşırı stilize edilmiş yazı tiplerinden uzaklaşmanızı öneririz. Başlıklarınızda olduğu gibi, burada tamamen büyük harfli bir yazı tipi kullanabilirsiniz. Jimdo Yazı Tipi Raleway Bu örnek web sitesinde gezinme menüsü ve gövde metni için sans serif yazı tipi Raleway ve başlıklar için dekoratif yazı tipi Sacramento kullanılmaktadır. Genel olarak, iyi bir denge bulduğunuzdan emin olun. As Tuts + Ian Yates o “Bir düğün masa misafir olarak yazı düşünün koyar; çok sayıda güçlü kişilik atmosferi garip hale getirebileceğinden, bir şovmen genellikle yeterlidir. ” Bundan daha azını kullanabilir misin? Emin ol. Web siteniz için sadece bir yazı tipi seçmek ve bunun yerine boyut ve renk kullanarak başlıklarınızı ve gövde metninizi farklılaştırmak yanlış değildir. Daha fazlasını kullanabilir misiniz? Bu biraz daha hileli. Yazı tipleri web sitenizde tutarlılık ve hiyerarşi oluşturur . Çok sayıda farklı yazı tipi kullanıyorsanız, bir kavşakta çok fazla sokak tabelası olması gibi. Ayrıca elde etmeye çalıştığınız marka etkisinden de uzaklaşıyor. Farklı yazı tiplerinin psikolojisi İnsanların farklı renkler için belirli tepkileri ve duyguları vardır ve aynı şey yazı tipleri için de geçerlidir. Sadece harf olabilirler, ama bilinçli olarak düşünmesek bile farklı yazı tipleriyle oldukça güçlü ilişkilere sahip olmak için eğitildik. Bir yazı tipi bir web sitesinin mesajı veya markasıyla eşleşmezse, izleyicilere "kapalı" görünür. Örneğin, daha elle yazılmış, ev yapımı, rahat bir his veren Amatic SC yazı tipini kullanan muhasebeciler için bir web siteniz varsa düşünün. Muhtemelen bir muhasebeciden almak istemediğiniz bir vibe. Yazı Tipleri Psikolojisi Ya da Libre Baskerville gibi geleneksel, daha ciddi bir yazı tipi kullanan çocuklar için bir sanat stüdyosuna ne dersiniz… Yazı Tipleri Psikolojisi … Londrina Sketch gibi bir çocuk stüdyosunun marka kişiliğine biraz daha iyi uyan bir yazı tipine karşı. Yazı Tipleri Psikolojisi Yazı tipi seçmenin bilimden biraz daha fazla sanat olduğu yer burasıdır. Artı tarafta, bir yazı tipi ve web siteniz için doğru olup olmadığı hakkında bir his varsa, muhtemelen haklısınız. Birlikte yazı tiplerini seçme Yazı tiplerini eşlediğiniz zaman, hem tanıtmak için çalışıyoruz birlik ve çeşitlilik . Başka bir deyişle, yazı tiplerinin birbirine çok benzemesini istemezsiniz (böylece farklı yazı tiplerini kullanma amacını yenersiniz). Ayrıca, birbirlerinden tamamen farklı olmalarını da istemiyorsunuz, çatışıyorlar veya tamamen farklı dünyalardan geliyorlarmış gibi görünüyorlar. İşte bazı farklı yazı tipi eşleme stratejileri: Kontrast Başlıklarınız için gerçekten güçlü bir dekoratif yazı tipi seçerseniz, dikkat çekmek için yarışmayacak basit bir sans serif yazı tipi ile dengeleyebilirsiniz. Kontrast Yazı Tipleri Kontrast: Pacifico, Roboto ile eşleştirildi Kişilik Yazı tipleri modern, kalın, yumuşak, lüks, eğlenceli olabilir; ve bu yazı tipi "kişilikler" markanızın kişiliğini yansıtmalıdır. Diyelim ki, web siteniz için daha kadınsı bir görünüm arıyorsanız, farklı görünseler bile bu kişiliği paylaşan iki yazı tipi seçebilirsiniz. Yazı Tipi Kontrastları Kişilik: Dans Senaryosu ve Josefin Sans Zaman dilimi Birçok yazı tipi tarihsel referanslar yapar. Belirli bir dönemi çağrıştırmak istiyorsanız, iki retro yazı tipi veya iki eski dünya yazı tipi seçebilirsiniz. Kontrast Yazı Tipi Zaman Dönemi: Vollkorn & Quattrocento uyum Yazı tipi uyumu, kontrasttan biraz daha zordur, ancak benzer oranlar veya benzer harf şekilleri iki yazı tipinin birlikte gitmesine yardımcı olabilir. Aynı aileden yazı tipleri (Roboto ve Roboto Slab gibi) benzer özellikleri paylaşacaktır. Kontrast Yazı Tipleri Uyumluluk: Droid Serif ve Droid Sans Mükemmel Google yazı tipi kombinasyonlarını nerede bulabilirim? Kalabalığın bilgeliğine inanıyorsanız, yazı tipi eşleştirmelerini öneren birçok site vardır, böylece bunları kendiniz oluşturmak zorunda kalmazsınız . 25 × 52 Girişimi : Devam etmekte olan bu proje, farklı Google yazı tipi kombinasyonlarında ayarlanan Aesop'un Masallarından pasajlarla güzel yazı tipi ilhamı sunuyor. Yeni yazı tipleri aramasanız bile gezinmek eğlencelidir. Google Web Yazı Tipleri Dizini : Google'ın dizini, hoş bir filtre ve örneklerle birlikte, sol taraftaki bir sütundaki her yazı tipi için popüler eşleştirme önerileri sunar. Fontpair : Bu kullanışlı web sitesi, türe göre sıralanmış çok iyi bir font çifti önerileri listesine sahiptir (örn. Serif / sans-serif, Cursive-serif). Daha da iyisi, her yazı tipi birleşimiyle nasıl göründüğünü görmek için metninizi doğrudan web sitelerine yazabilirsiniz. TypeConnection : Bununla biraz daha eğlenmek ister misiniz? Type Connection yazı tipi aramanızı bir partner oyunu olarak ayarlar, böylece iyi eşleşmeler seçmeye çalışabilirsiniz. typeconnection Yazı tiplerini eşleştirme hakkında daha fazla bilgi edinmek istiyorsanız, Typeconnection'a göz atın; bir tanışma oyununa dönüştüler. Diğer web sitelerinden font bulma Ya sevdiğiniz yazı tiplerini kullanarak bir web sitesinde rastlarsanız ne olur? Şansınız var, çünkü kaputun altına bakmak ve hangi yazı tiplerini kullandıklarını görmek kolaydır. Hem Chrome hem de Firefox, tam olarak gördüğünüz yazı tiplerini belirten eklentiler sunar. WhatFont ve Fontface Ninja harika seçeneklerdir. Eklentiyi açın ve daha fazla bilgi edinmek istediğiniz metni tıklayın. Yazı tipi adı, boyutu ve aralığı açılır! Web sitenizi oluşturun Font Face Ninja Favori web sitenizdeki belirli bir yazı tipinin görünümünü seviyor musunuz? Font Face Ninja bunun ne olduğunu ve hangi boyut ve aralıkta kullandıklarını size söyleyecektir. Son ipucu: okunabilirlik her zaman tasarımı yener Google yüzlerce web yazı tipi sunar, ancak bu, hepsinin web siteleri için iyi olduğu anlamına gelmez. Bir yazı tipinin okunmasının çok zor olabileceğinden şüpheleniyorsanız , gerçekten sevdiğiniz bir yazı tipi olsa bile muhtemelen öyle . Ayrıca yazı tiplerinde boyutun önemli olduğunu unutmayın. Gövde metni için yazı tipiniz genellikle en az 16 piksel olmalıdır. Ancak bu kural gerçekten seçtiğiniz yazı tipine bağlıdır, çünkü bazı yazı tipleri aynı boyutta olsalar bile diğerlerinden daha küçük görünür. İnsanların yazdıklarınızı kolayca okuyabileceğinden emin olmak için web sitenize farklı boyutlu ekranlarda bakın. Dekoratif yazı tiplerinin okunaklı olması için genellikle çok daha büyük olması gerekir. Bench Nine Ubuntu Font karşılaştırması Yazı tipleri BenchNine, solda ve Ubuntu, her ikisi de 16pt'de gösteriliyor, ancak çok farklı sonuçlar veriyor. Gerçek hayatta olduğu gibi, “mükemmel” yazı tipi veya mükemmel yazı tipi eşleştirmesi yoktur. Beğendiğiniz bir yazı tipi kombinasyonu bulursanız ve okunabilirse, onunla gidin ve eğlenin!

Okuyucu Yorumları

0 Yorum