“Yanlış” harfleri hizalamak daha “Doğru” görünür.


43

Şu anda bir müşteri için bir logo üzerinde çalışıyorum. İşte devam eden iş. görüntü tanımını buraya girin

Bana S'nin yukarıdaki çizgiyle aynı hizada olması gerektiği açık. Bununla birlikte, hizalamanın en iyi yolunun, üst eğrinin değil, üst eğrinin daha fazla çıkıntı yaptığını düşündüğü halde S'nin alt kısmını hizalamak olduğunu hissediyorum. Aşağıdaki örneğe bakın görüntü tanımını buraya girin

Ayrıca logonun diğer ucunda, AI hissi benzer bir şey yapabilir, böylece logonun sonundaki beyaz boşluk üçgeni en aza indirilir

görüntü tanımını buraya girin

Sonuç, bence hizalamasında daha sevindirici. görüntü tanımını buraya girin

Bunun doğru olduğunu hissediyorum, ancak müvekkilim bunu sorguluyor. Bu uyum, kariyerim boyunca edindiğim bir alışkanlıktır, bu yüzden resmen bunu öğretmedim, aslında nereden aldığımı hatırlayamıyorum.

Söyle bana, burada kötü bir alışkanlık edindim mi? Müşterim doğru mu? Bu doğruysa, bu tür bir hizalamanın bir adı var mı? Yoksa müvekkilime başvurabileceğim bir yer var mı?


3
Bu tür bir uyumluluğun herhangi bir adı olduğunu sanmıyorum. Ancak sonuç, daha dengeli görünmek. Bu iyi.
bharat

1
@bharat Ben gerçekten bilmiyorum :-)ki çok yardımcı olmadığını fark ettim. Sanırım "optik" genellikle "mutlak kural değil, gözle" anlamına gelir, sadece bana sezgisel bir isim gibi geliyor, ve diğer tasarımcılarla ve herkesin ne olduğunu bilen (veya anladım) konuşmalarında ortaya çıktı. demekti. "Optik hizalama" için bir bağlantı bulmakta zorlanırken keşfettiğim diğer terimler ...
user56reinstatemonica8

1
Tam Tipografi El Kitabı (James Felici tarafından ve Adobe Press tarafından yayınlanan) bu konuyu ele alıyor. Tabii ki sezgisel olarak, bu mükemmel referansı okuyarak öğrenmek zorunda kaldım!
Randall Stewart,

3
Yep 'optik' hizalama vs. 'matematiksel' hizalama. İlki, profesyonel tasarım becerilerinizin ne işe yaradığıdır. :)
DA01

1
Bir aptal olsa bile, müşteri her zaman haklıdır. Ama her zaman “Hangimizin tasarımda yüksek lisans derecesi var? Yapmamı istediğin işi yapmama izin ver” diyebilirsin.
Robert Soupe,

Yanıtlar:


43

Evet, bunlar meşru şeyler ve isimleri var.

"Görsel hizalama" veya "Optik hizalama"

Bu genel ilke - göze göre kural yerine görsel olarak doğru görünen şeyle uyum sağlıyorsunuz. Sadece tipografide değil, her yerde görsel tutarlılık önemlidir, örneğin simge setlerini tasarlarken - eğrili simgeleri düz kenarlı simgelerle sıralandığında düzgün görünmesini sağlar.


Aşağıdaki daha spesifik teknik terimler çok sık kullanılmıyor (onları aramak zorunda kaldım), sadece meraklılar için buradalar.

Tipografik Overshoot

Bu, bir karakter uygun dikey noktayı geçtiğinde gerçekleşir, çünkü böyle yapmak kesinlikle durmaktan daha doğal görünür. Joojaa'nın cevabında bunun birçok güzel örneği var, bunu Microsoft’un tipografi standartlarından ekleyeceğim (dünyadaki Comic Sans’ın MS’in genel olarak oldukça iyi bir tipografi ekibine sahip olmasına rağmen, gülmeyin) bunun kullanıldığı yerler:

görüntü tanımını buraya girin

Optik kenar boşluğu ayarı

Temelde yatay taşma, genellikle kavisli veya eğimli karakterlere ve sert çizgide yanlış görünen kenarı çok az karşılayan diğer karakterlere uygulanır. Kenar boşluklarında temelde sıkı karakter aralığı vardır ve uygulandığı karakterler genellikle başka yerlerden harfleri sıkılaştırılan karakterlerle aynıdır.

Vikipedi'nin şu anda gösterdiği resim:

görüntü tanımını buraya girin


3
LaTeX ile aşina olanlar için, optik kenar boşluğu hizalaması karakter çıkıntısı olarak daha iyi bilinir , çünkü bu, microtypeve diğer bazı tipografik ince ayar teknikleri üzerinde kontrol sağlayan paket tarafından kullanılan terimdir .
sigma

35

Birçok yazı tipine bakarsanız, harfin eğriliğinin, taban çizgisi ile diğer birçok küçük harfin mükemmel hizalanmasını deldiğini fark edeceksiniz. Genel bir kural olarak yuvarlak şekiller bunu yapma eğilimindedir - düz kenarların taban çizgisini delin. Bu fenomen hakkında bir yazıya sahibim ve bunun neden yer imlerimde bir yerde olduğunu, ancak bağlantı şu anda beni kaçtığını gördüm.

Yuvarlak şekiller taban çizgisini deler

Resim 1 : Bazal piercingler vurgulanmış durumdayken bazal çizgiyi delen bazı yuvarlak örnekler.

Bakarsanız, çok geometrik olan yazı tipleri bile bunu yapar (bkz. Resim 1). Bu, olamayacağından daha sık olur - öyle ki öyle yazıldığını bir kural olarak söylediğini duydum. Ancak, miktarın durumdan duruma ve biçimden şekle nasıl değiştiğine dikkat edin. Demek bugün hala karar senin gözlerin.

Gözünüz keskin ise, bazı harf biçimlerinin dikey olarak yanları da deldiğini fark edeceksiniz. Çünkü aynı fenomen de orada oluyor.

"S" eğrisi dikey serif ile uyum sağına kadar uzanır

Resim 2 : Aynı etki yanlarda. Bu, genellikle düz çizgiler ve yanlara doğru kıvrımlı çizgiler varsa oluşur.

Not : Üzgünüm, geçici iş istasyonumda mevcut yazı tipleri biraz sınırlı.


15

Bu, fazladan aşma (veya taşma) adı verilen bir tekniktir . Atlatmayı kullanmamızın nedeni, şeyleri insanlar olarak algılayış biçimimizin (en azından saf matematik açısından) yanlış olmasıdır.

Bana inanma Açıklamama izin ver:

Bu resmi düşünün:

görüntü tanımını buraya girin

Daire ve üçgen sizin için aynı ağırlığa sahipmiş gibi hissediyor mu? Gerçek şu ki, aynı yüksekliğe ancak farklı bir alana sahip olmaları.

Şimdi aynı alanla nasıl göründüklerini gösterelim:

görüntü tanımını buraya girin

Hem daire hem de üçgen için yaratılmış olan aşmaya dikkat edin. Hem daire hem de üçgen görsel olarak dengesiz görünür (özellikle üçgen), ancak bazıları ölçekle oynar ve üçgenin tabanını kareyle hizalarsa, görsel olarak çekici bir görüntü elde ederiz:

görüntü tanımını buraya girin

Kılavuzlar olmadan:

görüntü tanımını buraya girin

Aşırı alımın hala her ikisinde de, ancak farklı şekillerde gerçekleştiğini unutmayın. Bu, kötü uygulamanın tam tersidir, doğru görsel dengeyi elde etmek için gerekli olan şeydir - kullandığımız belirli konulara göre şekil boyutlandırma, genişlik, aralık ve hizalama ile oynamamız gerekir. Bunun özel bir formülü yoktur, kompozisyona ve istenen sonuca bağlıdır. Dikey boyutlandırmayı değiştirdiğinizde, uygun beyaz boşluğu korumak için yatay boşlukları aynı miktarda değiştirmeniz gerekebileceğini unutmayın:

görüntü tanımını buraya girin

Kontur genişliği, görsel hizalama söz konusu olduğunda da devreye girer. Şuna bir bak:

görüntü tanımını buraya girin

Ölçeklendirme ve aralık aynı olsa bile, doğru gelmiyor mu?

Buradaki sonuç, inmeyi arttırırken tazminat miktarını arttırmamız, sayaçları dengelemeye dikkat etmemiz gerektiğidir. Aslında, karşı formlara sahip olduğumuzda, formun ana hatlarını güçlendirir ve dengeleri katı formun kendisinden daha önemli hale gelir. Bu tam olarak Nintendo'nun Nintendo switch logosunu tasarlarken yaptığı şeydi .

Daha ayrıntılı olarak okumak için, Fábio Martins'in “ Göz Küreciliği Sanatı Sanatı başlıklı makalesini inceleyin: Bölüm III: Bu yanıttaki görüntüleri ve içeriğin bir kısmını pratik olarak çaldığım yer.


Ben 'aşmak' denilen hiç duymadım. Ama iş gibi görünüyor!
DA01

@ DA01 user568458 ayrıca "Tipografik Aşırı Atış" olarak da adlandırdı ve daha önce etrafta görmüştüm, göreceli olarak standart olduğunu düşünüyorum
Zach Saucier

1
Ben her zaman 'çıkıntı' terimini kullandım: ilovetypography.com/2009/01/14/inconspicuous-vertical-metrics Ama 'overshoot' de aynı şekilde çalışıyor!
DA01

3
Ben birleştirip çekiciyi arayacağım!
DA01

1
@NicolasDaoust Doğru, yanlış konuşma için özür dilerim
Zach Saucier

6

Yedeklenecek herhangi bir makalem yok, ancak deneyimden haklı olduğunuzu söyleyebilirim. Tıpkı elle karakter aralığı gibi, harf biçimlerinin (ve diğer nesnelerin) bu şekilde sıralanması ve hizalanması, parça bilimi, parça sanatıdır. Gözünüz ve bağırsaklarınız kesin sayılar ve matematikten çok sizi yönlendirsin.


4

Buradaki oyunda kavram, gözünüzün (yani beyniniz), eğrilerden daha farklı eğrileri işlemesidir. Bir yarı tonu yumuşak ton olarak "nasıl gördüğünüze" benzer bir şekilde, gözünüz eğri harfli bir formun algılanan "kenarı" olarak ortalama bir konum bulur. Logo formlarınızın konumlandırılması bu görüşe göre "doğrudur". Tabii ki, "seriflerin birbirine yapışıp çıkmadığını veya bu tür başka bir konumsal konumu belirleyen, gerçek fikirli müşteriye nasıl iletileceği.

Bu tür şeyler, tipografide TÜM ZAMANLARLA devreye girer. Örneğin, ortalanmış bir başlıkta, bir hattın sonunda taşma süresinin sona ermesine izin verilir, böylece hat teknik olarak merkez dışıdır, ancak hattın ortalama ağırlığı ölüdür.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.