2018 Tipografik Tasarım Desenleri ve Trendleri
Tipografi veya tipografik tasarım, genel olarak başarılı bir web mimarisinin önemli bir parçası olarak kabul edilir. Özellikle makaleler, haberler, web dergileri ve hikayeler gibi birçok madde içeren destinasyonlar için. Bu aynı zamanda genel olarak müşteri deneyimini geliştirir. Ayrıca, bir yaratıcı veya mühendis olarak, bunu sitenizin orijinal bir taslağı olarak kabul etmelisiniz. Duyarlı web taşınabilirliğinin ilerlemesinden bu yana, siteleri okumak ve içeriği okumak için yeni yöntemler artmıştır. Bu, diğer birçok tarafın kalitesini, zengin, uyum sağlaması kolay ve mümkün olduğunca sık kullanılabilir web tipografisi oluşturmak için yeni zorluk yürütme ile sunar.
İçerik okunabilirliğinin genel grafiğinden ziyade metne tabanlı içeriğe dikkat eden birçok siteye bakıyoruz, bu yayının ana kaygısı. Bu makalede, web tipografisindeki en son web mimarisi ve uygulamasının bazı örneklerini araştıracağız. Mevcut web planında olağan tipografik çizgi tasarımını bulmak ve bazı normal tipografik problemleri belirlemek için, tipografinin beklenenden daha önemli olduğu (veya beklenenden daha önemli bir şey yoksa) 50 önde gelen sitede geniş araştırmalara öncülük ediyoruz. Ünlü günlük gazeteleri, dergileri ve çevrimiçi dergileri ve tipografi ile ilgili çeşitli siteleri seçtik.
Tipografilerini ve şablonlarını kırmak ve benzerlikler ve kontrast bulmak için mücadele ettik. Ayrıca farklı kalite siteleri gösteren test e -tabloları topladık (örneğin, hattın yüksekliği ile çizginin uzunluğu arasındaki oran). Font Serif ve Sans-Serif Popular: Tipografi tüm siteler için tonları yönetme yeteneğine sahiptir. Ve yanlış karar yanlış mesaj gönderebilir. Serif özelliklerini sans-serif veya tam tersi ile karşılaştırmak genel olarak sitenin görsel ilgisini ve anlamlılığını artırabilir. Tasarımcının vücut için Serif veya Sans-Serif’in metinsel stilini kullanıp kullanmayacağı dışında. Yazı tipi, web’deki mektup ayarları hakkında en çok tartışılan ve belirsiz sorulardan biridir. Bazı üreticiler Serif’e daha fazla ilgi göstermek için özelliklerini vermeyi sever (kısa, harflerin sonuna kadar olan çizgiyi artırır). Özellikleriniz için bir Serif metin stili seçme prensibinin motivasyonu, büyük boyutlarda, Serif metin stilinin okunması ve olağanüstü görünmesi zor değildir. Sans-serif metin için Serif metin gücü ile vücut kopyası için metin stilleri arasındaki fark da çekici olabilir.
En önemli iki tipografi, DE ve BBC sitelerinde bulunan Guardian ve The Financial Times ve Arial gibi sitelerde kullanılan Gürcistan’dır.
Özellikler için en yaygın Serif harfleri Gürcistan (%14) ve Chaparral Pro’dur (%6).
Başlık gövdesi için en yaygın Serif harfleri Gürcistan (% 20) ve Chaparral Pro’dur (% 4). Bir örnekte bulunan özelliklerin% 66 tipografisi ve% 39 vücut kopya tipografisidir.
Yinelenen gövde için en ünlü SANS-serif harfleri arial (%14) ve Helvetica’dır (%6).
Başlıklar için en popüler Sans-Serif harfleri aral (%28), Helvetica (%20) ve Verdana (%8).
Diğer bazı popüler tipografiler: Garip bir şekilde, metin stili ikamesi ve pre-introductor metin kuvveti erişilebilirliğinin geliştirilmesinden kaynaklanan popülerlik, ana Lucida Grande (sadece MAC’de tanıtıldı), Helvetica ve Baskerville’dir.
Beklendiği gibi, bugün vücudun çoğu kopyası için Arial, Georgia ve Verdana kullanılmaktadır. Sınavımızda, sitenin yaklaşık% 80’i bu üç metin stilinden birini kullanıyor. Yaşayan% 20 için, Helvetica tarafından en çok sevilen tasarımcı, Lucida Grande gibi ünlü bir karardır. Seçimler, örneğin, Verdana ve Arial’a geriye doğru erişilebilir, Yaratıcı’nın en iyi sonuçları elde etmek için standart olmayan diğer metin stillerini göstermemek için hiçbir nedeni yoktur. Nathan Ford yazı tipi yazı tipi CSS makalesinde en son CSS metin stili kazıkları hakkında daha fazla bilgi edinebilirsiniz ve kod stili daha iyi bir CSS yazı tipi yığını oluşturur.
Verdana özellikler için önemli ölçüde kullanılmamaktadır.Sadece 10 site vücut kopyası için kullanır ve sadece dördü özellikler için kullanır.Bunun ana nedeni, Verdana’nın harfler arasında çok fazla ayrılık yerleştirmesidir, bu da onu büyük boyutlarda dikkatli bir şekilde okumak kadar temiz değildir.Özellikler için kullanacaksanız, özelliği ayıran CSS mektubunu kullanmanız gerekebilir.Georgia ve Arial, başlık için en ünlü metin tarzıdır.Parlak veya Koyu Arka Plan: İçerik üreticilerinin loş temel renklerle çeşitli şeyleri denemeye hazır olduğunu görmekle ilgileniyoruz.Sıkıcı ve sürpriz bir gölge şeması olan tipografi ile düzenlenmiş sitelere özel dikkat gösteriyoruz.
Büyük marjlarla kazanılan yinelenen gövde için saf beyaz temel. Bununla birlikte, saf karanlıkta saf yüksek ve beyaz karmaşıklığın stratejik mesafesini korumak için çok sayıda plan; İçeriğin içeriği genellikle saf karanlıktan daha parlak hale gelir. Maker düzgünlüğe odaklanmalı ve vakfın rengi hakkında farklı yollar keşfetmekten kaçınmalıdır. Beyaz üzerindeki karanlık farkı dikkatlice okumak zor değildir ve bu bölgeler arasında mevcut koşullar. Kontrast eşit derecede önemlidir: Beyaz temeldeki karanlık içerik, yinelenen gövdenin tipik bir örneğidir. Karmaşıklık, içeriğin dikkatle okunması zor olup olmadığı konusunda önemli bir faktördür. Büyük karmaşıklık gözde basit bir mesaj yapacaktır. Hızlı bir şekilde filtrelenmesi basit. Ve genel olarak daha anlaşılır. Sonra tekrar, kötü bir fark, müşteriyi gözlerini kısmaya zorlayacaktır. Ve vücudun mesajını okumak nispeten haksız, aynı zamanda bir ton daha yavaş. Ekli tasvirde görüldüğü gibi, beyazın üstünde beyaz çok anlamlıdır. Beyaz yukarıdaki karanlık açıkça standart bir farklılaşmadır ve görülebilen maddeyi elde etmek için, koyu-beyaz farkın kapsamı içinde sabit kabul edilir. Ancak bu, mavinin üzerindeki pembe, dikkatle okunması neredeyse zordur. Bu model biraz olağanüstü olabilir. Ancak bu, bu kadar korkunç karmaşıklığın içeriği büyük ölçekte nasıl etkileyebileceğini gösterir. Kötü karmaşıklık kullanan siteler göremeyebilirsiniz. Ancak, her şeyden bağımsız olarak, bu neden bu konuda çok zeki olmanız gerektiğini gösterir.
Vücut kopyası için çizgi ve uzunluk: Açıkça, özellik metninin boyutlarına ilişkin kararlar, planda kullanılan metin kuvvetine bağlıdır. Bunun dışında, araştırmamızda en belirgin metin boyutları 18 ila 29 piksel arasında değişiyordu. 18 ila 20 piksel ve 24 ila 26 piksel ile en yaygın karar haline gelir. Araştırmalarımız makul kazananlar üretmez. Başlık için normal metin boyutu 25,6 pikseldir. Bununla birlikte, 18 ve 29 piksel aralığında bir yerde herhangi bir boyutun mümkün olabileceğini unutmayın. Bu, dikkate alınan her şeye, başlığınızın sitenizin genel taslağıyla nasıl eşleştiğine bağlıdır. Her şey düşünülür, daha büyük boyutlar hakkında farklı yollar keşfetmeye çalışabilirsiniz. Sunum, şovun bir amacı olarak büyümeye devam ediyor.
Satır ve Başlık Uzun: Bir web planının biraz olduğu, neredeyse kırılabilecek bir bileşen olduğu yaklaşık yedi yıl önce hatırlıyor musunuz? Ve Tahoma’da 8 piksel olarak yinelenen gövde düzenlendi mi? Küçük metin boyutları. Ve bugün giderek daha fazla tetikleyici metnin çok büyük bir boyutuna sallanıyor. Örnek boyutumuzdan, 12 ve 14 piksel aralığında bir yerde net bir eğilim görüyoruz. En ünlü metin boyutu (%38) 13 pikseldir ve 14 piksel 12 pikselden biraz daha yaygındır. Genel olarak, yinelenen gövde için normal metnin boyutları 13 pikseldir.
En ince tipografik unsurlara giderek daha fazla dikkate (beklendiği gibi) kaydediliyoruz.Cemaat, alıntılar, yorumlar, yaratıcıların isimleri, ilk içerik ve bölümler kasten düzenlenmiştir.İdeal netlik göz önüne alındığında.Sıralama ayarları genellikle birçok boş alan, sürüş ve rulmanlarla çok güvenilirdir.Küçük figür tipografi modelleri: Tipografideki negatif alan özellikle genel yaratımı etkiler.Ve ayrıca küçük sayfa bileşenleri eklemek için.Bir tipografi planlarken, düzenleme her şeyin üstünde.
