Kartning, izleme ve liderlik: Etkili harfler yazmak için basit yönergeler
Web için tasarım yaparken, her zaman bir şeyi hatırlamanız gerekir: okunabilirlik. Tasarımın ne kadar iyi olduğu, düzeninizin ne kadar güzel olduğu veya Genius’un renginizi nasıl kullandığı önemli değil. İnsanlar ekrandaki kelimeleri okuyamazlarsa (ve elbette ekranda kelimeler olduğu varsayılarak), web sitesi işlevlerini yerine getiremez. Metin okunabilirliğinin en önemli üç unsuru, birçok insan onları karışık hale getirmesine veya bunları etkili bir şekilde nasıl kullanacağını anlamamasına rağmen, Kenning, izleme ve liderliktir. Bugün düzeltmeyi planlıyoruz. Üçünü mutlak temel bilgilerle birleştirirseniz, x ve y eksenindeki karakterler arasındaki mesafeye bakıyorsunuz. Kazma, bundan daha fazlasını göreceksiniz, ancak temel olarak, metin karakterleri. Bu üç özellik arasındaki ilişkiyi anlamak önemlidir, çünkü iyi tasarım ve okunabilirlik kullanımınıza mümkün olduğunca en iyi şekilde bağlıdır.
Ve bu zaman ve pratikle birlikte gelir. Ancak dikkat etmeye başladığınızda, her gün okuduğunuz ve gördüğünüz her şeye nasıl etkili ve kötü bir şekilde kullanıldığını göreceksiniz. Kazalım. Kenning, lider ve izleme (ve diğerlerini!) Ayarlamak, daha derine inmeden önce, bu ayarı nasıl değiştirdiğinizi ve ayarladığınızı tartışalım. Çoğu kelime işleme programının bunu ayarlama seçeneği olsa da, çoğu insanın bir kopya veya sıradan metin yazarken bunu yapmasına gerek yoktur. Metin tasarladığınızda, bu daha çok bir sorun haline gelir, bu nedenle Photoshop, Illustrator, vb. En çok ihtiyacınız olan seçeneğe sahip olacak. Adobe ürünlerinde yalnızca metin katmanının metin panelini açmanız gerekir ve ihtiyacınız olan her şeye sahipsiniz. V/A bir Kerning, kutudaki VA izliyor ve alt çizili dikey çizili önde geliyor. Bu paneldeki grafiti, ağırlık, boyut, süper/alt simge ve diğerlerini de ayarlayabilirsiniz. Bunu açık tutmaya alışmak güzel.
İmlecinizi mesafeyi ayarlamak ve ayrılmak için gereken yere yerleştirin. Kenning nedir? Kartning ile başlayalım. Kerning, üçünün en basitidir, gerçekten. Bu iki yan yana bir boşluk. Kısacası, ilk iki harf arasındaki boşluk, son iki harf (ve benzeri) arasındaki boşluktan farklı olabilir.
İzleme nedir? İzleme Kerning’e benzer, ancak Kenning değil. Kartning’in iki ayrı karakter arasındaki boşluk olduğu durumlarda, izleme her bir kelime veya çizgi arasında tek tip bir boşluktur. Kartning’de olduğu gibi mektuba göre işlerin nasıl bir araya getirildiği konusunda endişelenmek yerine, tüm hatların tek tip bir mesafeye sahip olduğundan emin olursunuz. Önceki görüntü örneğine baktığımızda, ikinci sıra çok daha kolay bir şekilde yapılabilir. Kartning için yaptığım şey imlecimi her bir karakter arasına yerleştirmek ve 200’e ayarlamak. Temel olarak tüm satırları izliyorum. Yapmanız gereken bu. Karakter panelini izlemeniz ve ayarlamanız gereken şeyleri vurgulayın.
Ancak, izleme ayarlandığında bazı yazı tiplerinin ve komut dosyalarının okunamayacağını unutmayın. El yazısı yazı tipleri ve sandalye tipografisi belirli Kernings ile düzenlenmiştir ve izlemeyi ayarlarsanız, kesintisiz bir çizgide bir boşluk elde edersiniz. Ya da çizgiyi sıkıştırmak için başka bir şekilde gidin, senaryoyu okunmamış hale getirebilirsiniz. Bu kurşun mu? Lider ile artık karakterler arasındaki mesafeyle ilgilenmiyorsunuz. Önde gelen sıralar arasında bir boşluktur. Etkili bir şekilde lider kullanmak, tasarımınızda etkili bir şekilde kullanmanızı sağlar. Dar çizgi – doğru knning/izleme ve iyi yapılmış olsa bile – okuyucu için üzücü bir deneyim yapabilir. Bazı yerlerde, çizgi yüksekliği adı verilen bir önek görebilirsiniz, ancak aynı. İyi bir pratik kural, karakterinizin üstünde ve altında en az küçük bir alan bırakmanızı sağlamaktır. Yukarıdaki örnekte görebileceğiniz gibi, 40px yazı tipi 48px satır yüksekliğine sahiptir. Yani, ne olursa olsun, harfler arasında mesafe olacaktır. Yazı tipi boyutunda veya daha düşük bir şekilde ayarlarsanız, üst üste binen bir karakter elde edersiniz. Buna ek olarak, bu oturma çizgisinin yüksekliğidir. Bu karakterin yüksekliği değil. Tıpkı Kenning ve izleme karakterleri daha şişman veya ince yapmaz gibi, izleme onları daha kısa veya daha yüksek yapmaz. Burası sadece etraflarında yer. Bununla birlikte, görebileceğiniz gibi, Photoshop karakter panelindeki Kartning/izleme altındaki seçenek, karakterin genişliğini/yüksekliğini Kartning, izleme ve liderlikten bağımsız olarak ayarlar. Photoshop Klavye kısayolu/illüstratör Karakter panelinin tek zayıflığı, iyi ayarlamaya ihtiyacınız olduğunda oldukça rahatsız edicidir. Neyse ki, Kenning, Tracking ve Lider’in kullanımı çok kolay hale getiren bir klavye kısayolu var. Adobe Creative Cloud Suite için bu kısayol, bu nedenle gimp veya paint.net veya diğer programlar açısından farklı olabilir. Kesiciler – iki karakter arasındaki imleçlerle, dirençli ALT (veya Mac’teki seçenekler) ve Kartning’i ayarlamak için sol/sağ okları kullanın İzleme – Yüksek vurgulanmış bir kelime/satır, dirençli ALT (veya Mac’te seçenek) ile ve vurgulanan metnin otoyol izini ayarlamak için sağ/sol oku kullanın
Lider – Ayarlamak istediğiniz satırları vurgulayın, Alt’ı (veya Mac’te seçenekler) basılı tutun ve satırlar arasındaki mesafeyi ayarlamak için yukarı/alt oku kullanın
İmleci yerleştirebilir veya metni vurgulayabilir ve notları karakter paneline yazsa da, klavye kısayolu tüm işlemi çok sıkıcı değildir ve zaman alır. Ayrıca, daha ayrıntılı kontrol elde edersiniz, böylece bu şekilde daha iyi bir tasarım da yapabilirsiniz.
(Ek olarak, Photoshop/Illustrator/Premier, vb. Kullanmıyorsanız, normal klavye kısayolları, öğrenmeyi şiddetle tavsiye ederiz, çünkü iş akışınızı daha pürüzsüz, daha eğlenceli ve daha üretken hale getirir.) Web tasarımında (ve genel tasarımda) okunabilen metnin temeli.Her birini etkili bir şekilde kullanmanın farklılıklarını ve yollarını öğrenmek sizi çok daha iyi bir tasarımcı haline getirecektir.Harfler ve çizgiler arasındaki mesafe gibi basit bir şeyin bu kadar büyük bir etkisi olabileceği biraz garip görünebilir, ancak birkaç dakika bile halleddiğinizde, asla web sitelerini, reklamları, logoları veya reklam panolarını görmeyeceksiniz.Aynı şekilde. Mükemmel bir tasarımda izleme, Karting veya liderlik etmek için ipuçlarınız ve püf noktalarınız nelerdir?Barsrsind / Shutterstock.com tarafından makalenin üstün görüntüsü
