Geri dön: Web Tasarımında Güzel Tipografi

/2015-03-17 18:05:29/
Kazaria
/Iş/

Harika bir web sitesi güzel tipografi ile başlar. Ve ara sıra kuralı çiğnemek harika olsa da, bazen büyük tipografiyi neyin oluşturduğu ve nasıl yaratılacağı ilkelerine geri dönmek iyidir.

Projeleri yeniden düşünmenize, yeni bir yaklaşımı düşünmenize veya daha basit, daha akıcı bir tasarıma geri dönmenize yardımcı olabilecek hayati bir yenileme.

Bu yüzden bugün, tipografi teorisine ve “kuralların” olağanüstü tip oluşturmak için nasıl harika bir rehber olabileceğine odaklanmak için kuralları çiğnemenin eğilimlerini ve yollarını görmezden geliyoruz.

Boyut ve Hiyerarşi

Boyut önemlidir. Ekranlarda okunabilir tipografi için bir anahat oluştururken boyut en önemli faktörlerden biri olabilir. Küçük metin sarsıcı olabilir ve zor görülebilir. Büyük boyutlu metin satırlar arasında tuhaf yollarla kesilebilir ve karışıklığa neden olabilir.

Okunabilir tipografi, kullanıcılara birinci, ikinci vb. Neleri okuyacaklarını söyleyen birkaç hiyerarşi katmanına sahiptir. Gövde metninin tasarım boyunca bir boyut, başlıklar başka bir boyut ve aralar ve alt başlıklar da kendi özelliklerine sahip olacak şekilde açık bir ölçek vardır.

İzleme ve Karakter Aralığı

Genellikle karışık, izleme ve karakter aralığı aynı şey değildir. Karakter aralığı, bir çift harf arasındaki boşluğun ayarlanmasıdır. İzleme, bir paragraf veya bir metin bloğuna genel ayarlama gibi tam bir karakter kümesi arasındaki boşluğun ayarlanmasıdır.

Karakter aralığı, hassasiyet oluşturmak ve okunabilirliği ve hatta büyük metinler için stili arttırmak için genellikle tek tek öğelere uygulanır. İzleme genellikle gövde kopyasındaki gevşek yazı tipini sıkmak için kullanılır.

Limit Yazı Tipleri

Çok fazla yazı tipi ezici ve sarsıcı olabilir. Çoğu proje için iki veya üç yazı tipi yeterlidir.

Katı tip bir seçenek seçmenin anahtarı, tarzda bol çeşitlilik gösteren bir tip aile seçmektir. Çoğu kaliteli yazı tipi birden çok stille gelir - kalın, normal, italik, yoğun, siyah vb. Birden çok seçeneğe sahip bir yazı tipi seçerek, birden fazla kullanım için bir ağırlığa ve stile sahip olacaksınız. (Tüm aileyi tek bir yazı tipi ailesinde tutmak istiyorsanız, bazı aileler serif ve sans serif seçeneklerini bile içerir.)

Stilleri Karıştır ve Eşleştir

Yazı tipi seçerken - kuşkusuz bu birçok tasarım projesinin en zor kısmı olabilir - iki farklı yazı stili seçmek iyidir ve hatta tercih edilir.

En yaygın eşleştirme bir serif ve sans serif'dir. Ama buna bağlı kalmak zorunda değilsin.

Farklı stilleri ve yazı karakterlerini eşlerken, benzer bir x yüksekliğine (aynı dikey küçük “x” boyutuna sahip karakter kümelerini arayın) ve kaselerin şeklini (“o” gibi kapalı harflerin içindeki boşluk) arayın.

Bu ayrıntılar, yazıtiplerinin birlikte nasıl hissettikleri ve kullanıcıların metni okumasının ne kadar kolay olduğu konusunda büyük fark yaratabilir. Farklı biçimlerde benzer harf formlarının kullanılması, tüm türlerin birlikte okunmasını kolaylaştıracak görsel bir aşinaliteye sahiptir.

Kısa Çizgileri ve Gerekçeyi Unut

Çoğu zaman, kısa çizgiler ve tam gerekçe gereksizdir.

Özellikle çevrimiçi olan bu teknikler, metni bir bakışta sindirmeyi ve anlamayı zorlaştırabilir. Kısa çizgiler okuma deneyimini bozar ve tam gerekçe genellikle okunması zor olan garip aralıklarla sonuçlanır.

Her iki unsur da bazı projelerde yer alsa da, çoğu zaman kaçınılmalıdır.

Yazı Tiplerini Değiştirme

Bir yazı tipini asla ayarlamamalısınız. Daha şişman, daha uzun veya daha ince yapmaya çalışmayın. Bunun yerine yeni bir yazı biçimi seçin.

Yazım tasarımcıları, bir yazı tipi için okunabilir ve yazı tipinin stiline uygun tutarlı bir karakter kümesi oluşturmak için çok çalışırlar. Bir karakter kümesinin görünümünü değiştirmeye çalışmayın. Onları geliştiremezsiniz ve genellikle süreçte türden bir karmaşa yaratırsınız.

Bir yazı tipi tam da ihtiyacınız olan şekilde çalışmazsa başka bir şey arayın. Projenizde daha iyi çalışabilecek başka bir seçenek seçmek için benzer görünümlere sahip yazı tiplerini tanımlayan Identifont benzer yazı tipi aracını deneyin.

Kontrast

Tipografi kullanarak kontrast için tasarım. Tıpkı hiyerarşi oluşturmak için farklı boyutlar kullanır gibi görsel ilgi sağlamak için farklı yazı tipi ağırlıklarını, renkleri ve stilleri göz önünde bulundurun.

Renk, kontrast yaratmanın en etkili ve kolay yollarından biridir. İdeal kontrast, açık bir arka plandaki (veya tersi) koyu metindir. Bunu başarmanıza yardımcı olmak için neredeyse sınırsız sayıda renk seçeneği vardır. Renk ve tipografi ile oynarken, sağ mavi üzerindeki parlak kırmızı gibi bazı renk kombinasyonlarının okunmasının gerçekten zor olabileceğini unutmayın. Işık, karanlık, canlılık ve doygunluk açısından farklı kombinasyonlar arayın.

Kontrast söz konusu olduğunda, basit arka planlar genellikle metin odasının okunması için en iyisidir. Ancak arka plan, görüntü veya desen gibi görsel öğeler içeriyorsa, arka plan ve ön plan metin öğesi arasında ayrım oluşturmak için yazı boyutunun yumru olması gerekir.

Tedbir Önemlidir

Hesaplama, metni tutan kabın boyutudur. Bu, tüm metin çerçevesinin genişliği veya çok sütunlu biçimde tek bir sütun olabilir.

Ekrandaki karakter sayısı (boşluklar, glifler ve noktalama işaretleri dahil) okunabilirliği etkileyebileceğinden ölçüm önemlidir. Bu kavramın arkasındaki teori, çizgiler çok uzun veya çok kısa olursa, bir satırdan diğerine sürekli bir ileri geri hareket nedeniyle kullanıcının gözünün okunması için yorucu olabileceğidir.

Tipografik Stili Unsurlarından: “45 ila 75 karakter arasındaki herhangi bir şey, bir metin boyutunda seri beslenmiş metin yüzünde ayarlanan tek sütunlu bir sayfa için tatmin edici bir satır uzunluğu olarak kabul edilir. 66 karakterlik çizgi (hem harfleri hem de boşlukları sayarak) yaygın olarak ideal olarak kabul edilir. Birden çok sütun çalışması için daha iyi bir ortalama 40 ila 50 karakterdir. ”

Bu, çoğu proje için oldukça iyi bir başlangıç noktasıdır, ancak birçok proje biraz daha büyük olan boyutlara eğilir, bu da karakter sayısını bu aralığın daha küçük ucuna düşürebilir.

Mobil tipografi kitap ilk yayınlandığında endişe verici olmasa da, birden çok sütun için kılavuz kabul edilebilir bir başlangıç noktasıdır. Hatta küçük ekranlar için biraz daha aşağı gitmeyi ve satır başına en uygun 35 karakteri hedeflemeyi seçebilirsiniz.