Lider: Uzay Kelimeler kadar önemli
Herhangi bir web sitesi tasarımı için önemli bir bileşen türüdür. Yazı tiplerini, boyutları ve renkleri seçmek sitenizi nasıl çizdiğinizin büyük bir parçası olabilir. Mektup formlarının kendileri kadar önemli olduğu gibi, bu harflerin etrafındaki boşluk ve özellikle metin bloklarında kullanılan öncüdür.
Kullandığınız daha çok tür, daha önemli bir lider olur. Yazı tipinin ve boyutunun arkasında, okunabilir türün nasıl olduğuna baktığınızda göz önünde bulundurulması gereken en önemli faktörlerden biridir.
Bir logo veya açılış ekranı için kullandığınız önde gelen özellikler, blog yayınındaki tür için kullanılandan çok farklı olabilir.
Diğer tasarım öğelerinin de, öncülüğü nasıl kullanmanız gerektiği üzerinde etkisi vardır. Türün boyutu, sütunların genişliği ve hatta arka plan rengi bile akıllıca lider seçimler yapmanıza yardımcı olabilir.
En çok lider olanı nasıl kullanmanız, büyük metin blokları için devreye giriyor.
Lider nedir?
Lider - belirgin ledding - tür satırları arasındaki boşluk. Lider geleneksel olarak noktalarda (yazı tipleri gibi) ölçülmüştür. Terim, el ile ayarlandığında eski harfli harfli preslerden kaynaklanır. Her şeyi mükemmel hizalamada tutmak için kurşun şeritleri tip çizgiler arasında yerleştirildi.
Dijital yayıncılığın başlangıcından bu yana, lider, sıklıkla hat yüksekliğiyle karıştırılmıştır. Çizgi yüksekliği, bir taban çizgisinden uzaya doğrudur - 'a', 'x' ve 'n' gibi harflerin olduğu bir sonraki hayali düzlem. Öte yandan, bir satırdaki bir harfin altından, bir sonraki satırdaki bir harfin üst kısmına doğru yer alan boşluktur: kelimenin tam anlamıyla satır yüksekliği eksi metin yüksekliğidir.
Dijital tipografide, özellikle web tipografisinde, lider ve çizgi yüksekliği terimleri sıklıkla birbirinin yerine kullanılır. Örneğin CSS'de lider değer yoktur, bunun yerine satır yüksekliğini kullanırız.
Önde gelen bir zamanlar fiziksel, ölçülebilir bir değer iken, şimdi en çok bir kavram olarak kullanılmaktadır: iki çizgi arasındaki alanın görsel izlenimidir.
Bir metin bloğunda öncünün kullanılması okunabilirliği etkileyebilir. Birbirine çok yakın ve birbirinden çok uzak olanlar arasında ince bir çizgi var. Her iki uç bir okuyucunun gözünde zor olabilir. Liderlik, türün yoğunluğunu değiştirmekle ilgilidir. Anahtar, türünüzün iletmek ve yönlendirmek için hangi iletiyi amaçladığınızı anlamaktır.
Mükemmel çözüm yok
İhtiyacınız olan ne kadar lider olduğunu belirlemek için mükemmel, sihirli bir formül yoktur. Faktörlerin bir kombinasyonu söz konusudur - tip boyutu, renk, istenen etki ve en önemlisi okunabilirlik.
Genel kural olarak, başlangıç için başlangıç noktası genellikle kullandığınız yazı tipinin nokta boyutuyla aynıdır. Bazı yazılımlar, özellikle de web tarayıcıları, biraz daha ileri götürür ve varsayılan değeri genellikle yüzde 120'lik bir varsayılan kullanılarak nokta boyutundan biraz daha yüksek bir değere getirir. Yani, 10 puntolu metin içeren bloklar 12 punto olacaktı.
Bu felsefe, blog gönderileri gibi büyük metin blokları için, soluk, nötr renkli arkaplanlarda (beyaz veya bej üzerinde siyah türü düşünün), abartılı yükselişler, descenderler veya bitişik harfler olmadan ortak yazı karakterleri kullanan büyük işler için harika çalışır. Tüm metin satırlarının bir araya gelip, gözlere kolayca sığacak kadar boşluk bıraktığını hissediyorsunuz.
Metin blokları, öncek kelimesi kelime aralığından daha geniş olduğunda okunması en kolay olanıdır. Bu oran, gözün sayfadan geçmesine ve karanlıktan ışığa doğru doğal akış mesafesini takip etmesine yardımcı olacaktır.
Bu “normal” çizgi yüksekliği de çok fazla okuma gerektiren şeyler için uygun olacaktır. Birçok web sitesi ve basılı yayınlar tarafından kullanılan standarttır.
Sıkı tut
Sıkı veya negatif, önde gelen satırlar, türün punto boyutundan daha yakın olduğunda ortaya çıkar. Örneğin, türünüz 14 punto büyüklüğünde ise, ekranda çok yakın bir şekilde görünmese bile, 14'ün altında olan herhangi bir nokta sıkı sayılır.
Sıkı bir lider, bir kısıtlama duygusu yaratabilir. Kaos yaratmak için de kullanılabilir. Öte yandan, daha sıkı bir lider, tür bitlerini bir araya getirmek veya farklı bir örgütlenme duygusu yaratmak için bir yöntem olarak kullanılabilir. Basılı ve çevrimiçi uzun yıllar boyunca, haber kuruluşları, vücut tipi için en sıkı bazı spesifikasyonları kullanmışlardır. Baskıda, bu alanın korunmasıydı; İnternette, güvenilirlik hissini ve kuruluşlar ve onların baskı ortaklarıyla ilişkili görünümü korumaktır.
Çizgi yüksekliği özelliklerini ayarlarken x yüksekliğinin üstünde ve altında bulunan harf ve harfleri düşünün. Tüm kapaklarda çalışırken hiçbir yükseliş ya da iniş yoktur, bu nedenle Regenerate Music Co. tarafından kullanılan teknik gibi çizgi aralığını sıkılaştırmak için gerekli olanı bulabilirsiniz. Aynı şey daha kısa yükseliş ve inişlere sahip yazı tipleri için de geçerlidir.
Başlıklar veya logolar gibi daha büyük boyutlarda kullanılan türler bazen daha da sıkı liderlikten yararlanabilir.
Gevşemek
Gevşek, ya da pozitif, öndeki, aralığın, yazı tipi için kullanılan nokta boyutundan daha büyük olması için boşluk eklemesidir. Örneğin, türünüz 14 punto büyüklüğünde ise, 15 veya daha fazla herhangi bir alan gevşek olarak değerlendirilecektir. Bazı yazı tipleriyle, aralık, bu şekilde sınıflandırılsa bile ekranda gevşek görünmeyebilir.
Gevşek lider, bir sayfayı hafif ve havadar hissedebilir. Tasarımcıların, sayfa üzerinde çok tıknaz veya ağır bir his olduğunda öncülük etmeleri için zamana göre test edilmiş bir numaradır. Çok gevşek olmasına rağmen, çok sayıda metin kullanılmışsa okunması ve takibi zor olabilir; birkaç kelime için en iyi ayrılmıştır.
Çoğu tasarımcı, bloglarda ve diğer büyük metin bloklarında ana gövde türü için öne çıkan gevşemeyi kullanmaya doğru eğilimlidir. Gevşek, ama çok gevşek değil, lider okumak ve takip etmek kolay olabilir. Daha küçük metinler olduğundan biraz daha büyük görünebilir ve çok uzun metin satırlarının dengelenmesine yardımcı olabilir. A List Apart blogu üzerinde önderlik yapıldığına dikkat edin, gövde için daha büyük yazı karakteri bir özellik kullanır, sağ kenar çubuğundaki küçük harf ise daha gevşek olur, bu sayede daha küçük olanı daha kolay takip edebilir ve sayfadaki diğer öğelerle dengeleyebilirsiniz. .
Birçok tasarımcı aynı zamanda sans serif yazı tiplerini kullanırken daha gevşek olanları tercih ediyor. Abartılı süslemeler veya ligatürlerle yazı tipleriyle çalışırken özellikle iyi bir seçenek olabilir. Ekstra alan, harfler odasının örtüşmeden nefes almasına izin verir.
Çok ağır cesur, renkli yazı tipi veya ağır ağırlıkları olan yazı tiplerini kullanmayı düşünüyorsanız gevşek liderlik de önemli bir husustur. Bloggess blogu, site genelinde renk, kalın ve kapakların bir kombinasyonunu kullanır ve bu da gerekli bir okunabilirlik aracını yönlendirir. Bu örnekte, gevşek lider, gözün, renkli ve kalın olan metnin önemli kısımlarına da çekilmesine yardımcı olur.
Arka plan renkleri ve lider
Çizgi yüksekliği seçerken renk ve kontrast özellikle önemlidir.
Koyu arka planlarda, kitle hissini hafifletmek için daha hafif bir arka plandan biraz daha fazla lider kullanmak isteyebilirsiniz. Koyu renkler tasarımınıza ağırlığını artırabilir, ancak sıkı bir lider olabilir, ancak sadece birini veya diğerini kullanmayı seçtiğinizde daha fazla denge yaratabilirsiniz.
Bir rengin türünü kullanırken de aynısı geçerlidir. Siyah ve koyu griden başka renkler, tasarımınıza farklı miktarlarda ağırlık ekleyebilir. Arka plan rengine bağlı olarak, bazı metinler arka plana kanama görünümü bile verebilir - bu özellikle bazı insanlar için beyaz zemin üzerine kırmızı yazı okurken olur. Liderliğin eklenmesi, bu tür metinlerin daha okunabilir hale getirilmesine yardımcı olabilir.
Değişen genişlikler ve lider
Duyarlı tasarım, anlayışı (genel olarak) yönlendirmeyi daha da önemli kılar.
Değişen ekran çözünürlükleri ve şekilleri ile, bir alanın okunabilir olmasını sağlamak için, teknik özelliklerin uygun şekilde ayarlanması gerekir. Metin ekranda küçüldükçe (veya büyüdükçe), lider buna göre ayarlanmalıdır.
Bu ayarlamaları yaparken hat yükseklik oranlarını dikkate almayı unutmayın. Mobil ve diğer küçük ekranlı cihazlar için tür daha küçük olacaktır. Tam ölçekli tasarım için kullandığınız çizginin boyunu yüzde 20 artırmayı düşünün. Artan öncü, daha küçük tiple eşleştirildiğinde okunabilirliğe yardımcı olmalıdır.
Dolayısıyla, siteniz için öne çıkan özellikleri belirlediğinizde, birkaç eşik setine ihtiyacınız olacaktır: Temel web sitesi tasarımınız için, iPad ve diğer tabletler gibi orta boyutlu cihazlar için ve biri de cep telefonları için. Her biri, satır boyu metin için kullanılan farklı oranlarda bir orana sahip olabilir.
Sonuç
Şimdi çeşitli önde gelen ipuçları ve araçlarla donatılmışsınız, nereden başlıyorsunuz?
Kontrol listesi yok. En iyi bahsiniz, türüne bakıp nasıl hissettiğini görmektir (eski moda göz testini kullanın). Bir süre otursun ve daha sonra tekrar gelsin. Hala metinle aynı şekilde hissediyor musun? Site tasarımınız için aklınızdaki duyguyla eşleşiyor mu?
Metin bloğu, yer tutucu metin yerine gerçek kopya içerdiğinde, bunun en etkili olduğunu unutmayın. Gerçek bir görünüm elde etmek istiyorsanız ve yer tutucu seçenekleri bazen gerçek kopyalarda sıkça kullanılmayan tek sayıdaki harfleri içerir.
Onunla oyna. Ekstra görüşler için metin tasarımınızı başka birine gösterin. Onlara nasıl hissettiklerini sorun.
Ayrıca, metin bloğunu tasarımdaki diğer öğelerle eşleştirdiğinizden emin olun. Bu ilk adım olmayabilir, ancak bazen hepsini bir araya getirerek istenmeyen etkiler yaratabilir. Göz testini tekrar geçtiğinden emin olun.