Menyelaraskan huruf "Salah" muncul lebih banyak "Benar"

Saat ini saya sedang mengerjakan logo untuk klien. Ini pekerjaan yang sedang berjalan.

Tampak jelas bagi saya bahwa S harus sejajar dengan garis di atas. Saya merasa bahwa cara terbaik untuk menyelaraskannya adalah dengan menyelaraskan bagian bawah S daripada kurva atas, bahkan berpikir kurva atas lebih menonjol. Lihat contoh berikut

Juga di ujung lain dari logo, AI merasa dapat melakukan sesuatu yang serupa, meminimalkan white space triangle di ujung logo

Hasil akhirnya saya pikir lebih menyenangkan dalam penyelarasannya

Saya merasa ini benar, tetapi klien saya mempertanyakannya. Penyelarasan ini adalah kebiasaan yang saya ambil selama karier saya, jadi saya belum pernah diajarkan hal ini secara formal, bahkan saya tidak ingat di mana saya mengambil ini.

Katakan padaku, apakah aku punya kebiasaan buruk di sini? Apakah klien saya benar? Jika ini benar, apakah jenis perataan ini memiliki nama? Atau adakah artikel di suatu tempat di mana saya dapat merujuk klien saya?

Yup, ini adalah hal yang sah dan mereka punya nama.

"Perataan visual" , atau, "Perataan optik"

Ini adalah prinsip umum - Anda selaras dengan apa yang tampak secara visual benar, bukan oleh aturan. Ini digunakan tidak hanya dalam tipografi tetapi di mana pun konsistensi visual itu penting, misalnya dalam mendesain set ikon - membuat ikon dengan kurva terlihat rapi ketika berbaris dengan ikon dengan tepi lurus.

Istilah-istilah teknis yang lebih spesifik di bawah ini tidak terlalu umum digunakan (saya harus mencarinya), mereka hanya di sini untuk yang penasaran.

Overshoot tipografis

Ini adalah saat karakter melewati titik vertikal yang sesuai karena hal itu terlihat lebih alami daripada berhenti dengan ketat. Jawaban Joojaa memiliki banyak contoh besar ini, saya hanya akan menambahkan satu ini dari standar tipografi Microsoft (jangan tertawa, meskipun melepaskan Comic Sans pada MS dunia memiliki tim tipografi umumnya cukup baik) yang menunjukkan itu bukan hanya baseline tempat ini digunakan:

Penjajaran margin optik

Pada dasarnya horizontal overshoot, biasanya diterapkan pada karakter melengkung atau miring, dan karakter lain dengan sedikit memenuhi tepi yang akan terlihat salah terhadap garis keras. Ini pada dasarnya kerning ketat di margin, dan karakter yang diterapkan pada umumnya adalah yang sama yang akan menerima kerning ketat di tempat lain.

Begini cara Wikipedia menggambarkannya:

Jika Anda melihat banyak font, Anda akan melihat bahwa kelengkungan huruf 's menembus keselarasan sempurna dari garis dasar dan banyak huruf kecil lainnya. Dan sebagai aturan umum bentuk bulat cenderung melakukan ini - menembus garis dasar tepi lurus. Saya punya artikel tentang fenomena ini, dan mengapa itu terjadi, di suatu tempat di bookmark saya tetapi tautannya menghindarkan saya saat ini.

Gambar 1 : Beberapa contoh putaran 's menusuk garis dasar, dengan garis bawah tindikan.

Jika Anda melihat, bahkan font yang sangat geometris melakukan ini (lihat Gambar 1). Ini terjadi lebih sering daripada yang tidak - sangat banyak sehingga saya mendengarnya dikatakan sebagai suatu peraturan. Namun perhatikan bagaimana jumlahnya berbeda dari situasi ke situasi dan bentuk ke bentuk. Jadi tetap hari ini mata Anda yang memutuskan.

Jika mata Anda tajam, Anda juga akan melihat bahwa beberapa bentuk huruf juga menembus ke samping secara vertikal. Itu karena fenomena yang sama juga terjadi di sana.

Gambar 2 : Efek yang sama menyamping. Ini biasa terjadi jika Anda memiliki garis lurus dan garis melengkung yang dicampur menyamping.

PS : Maaf, font yang tersedia di tempat kerja sementara saya agak terbatas.

Ini adalah teknik yang disebut overshooting (atau overhanging). Alasan mengapa kita menggunakan overshooting adalah karena cara kita memandang sesuatu sebagai manusia (setidaknya dalam hal matematika murni) tidak akurat.

Tidak percaya padaku Biarkan saya jelaskan:

Pertimbangkan gambar ini:

Apakah lingkaran dan segitiga terasa seperti memiliki bobot yang sama dengan Anda? Yang benar adalah bahwa mereka memiliki ketinggian yang sama tetapi area yang berbeda.

Sekarang mari kita tunjukkan bagaimana mereka terlihat dengan area yang sama:

Perhatikan overshooting yang telah dibuat untuk lingkaran dan segitiga. Baik lingkaran dan segitiga masih terlihat tidak seimbang secara visual (terutama segitiga) tetapi dengan beberapa bermain-main dengan skala dan menyelaraskan dasar segitiga dengan persegi, kita mendapatkan gambar yang menarik secara visual berikut:

Tanpa panduan:

Perhatikan bahwa overshooting masih terjadi dengan keduanya, tetapi dengan cara yang berbeda. Ini sangat berlawanan dengan praktik buruk, itu yang diperlukan untuk mendapatkan keseimbangan visual yang tepat - kita sering perlu bermain-main dengan ukuran bentuk, lebar, jarak, dan penjajaran berdasarkan subjek tertentu yang kita gunakan. Tidak ada formula khusus untuk ini, itu tergantung pada komposisi dan hasil yang diinginkan. Ingatlah bahwa ketika Anda mengubah ukuran vertikal, Anda mungkin perlu mengubah jarak horizontal dengan jumlah yang sama untuk menjaga ruang putih yang tepat:

Lebar goresan juga ikut berperan dalam penyelarasan visual. Lihatlah ini:

Rasanya tidak benar meskipun penskalaan dan jaraknya sama, eh?

Kesimpulannya di sini adalah bahwa kita harus meningkatkan jumlah kompensasi saat kita meningkatkan stroke, memperhatikan keseimbangan para penghitung. Bahkan, ketika kita memiliki bentuk-bentuk tandingan, mereka mengalahkan garis besar bentuk dan keseimbangannya menjadi lebih signifikan daripada bentuk padat itu sendiri. Inilah yang Nintendo lakukan ketika mendesain logo Nintendo switch mereka .

Untuk membaca lebih detail, lihat artikel Fábio Martins The Art of Eyeballing - Bagian III: Overshooting tempat saya mencuri gambar dan beberapa konten dalam jawaban ini.

Saya tidak punya artikel untuk mendukungnya, tetapi saya dapat memberi tahu Anda dari pengalaman bahwa Anda benar. Sama seperti kerning manual, spasi dan menyelaraskan bentuk huruf (dan objek lainnya) seperti ini adalah bagian sains, seni sebagian. Biarkan mata dan usus Anda membimbing Anda daripada angka dan matematika yang tepat.

Konsep yang dimainkan di sini adalah bahwa mata Anda (yaitu otak Anda) memproses kurva secara berbeda daripada lurus. Dalam cara yang agak mirip dengan bagaimana Anda "melihat" halftone sebagai nada yang halus, mata Anda menemukan lokasi yang rata-rata sebagai "tepi" yang dirasakan dari bentuk huruf melengkung. Posisi Anda dari logoform Anda "benar" sesuai dengan gagasan ini. Kuncinya tentu saja adalah "bagaimana menyampaikan kepada klien yang berpikiran literal yang terpaku pada apakah serif mencuat atau memposisikan literal semacam itu.

Hal semacam ini ikut bermain SEPANJANG WAKTU dalam tipografi. Misalnya, dalam headline terpusat, membiarkan periode trailing di akhir garis overhang, sehingga garis tersebut secara teknis di luar pusat, tetapi bobot rata-rata garis adalah dead-center.