Allineare le lettere "Sbagliato" appare più "Giusto"

Attualmente sto lavorando a un logo per un cliente. Ecco i lavori in corso.

Mi sembra ovvio che la S dovrebbe allinearsi con la linea sopra. Ritengo che il modo migliore per allinearlo sia allineare la parte inferiore della S piuttosto che la curva superiore, anche se la curva superiore sporge di più. Vedi il seguente esempio

Anche all'altra estremità del logo, l'intelligenza artificiale può fare qualcosa di simile, riducendo al minimo il triangolo dello spazio bianco alla fine del logo

Il risultato finale penso sia più piacevole nel suo allineamento

Sento che questo è corretto, ma il mio cliente lo sta mettendo in discussione. Questo allineamento è un'abitudine che ho preso durante la mia carriera, quindi non mi è stato insegnato formalmente questo, in realtà non ricordo dove l'ho preso.

Dimmi, ho preso una cattiva abitudine qui? Il mio cliente è corretto? Se questo è corretto, questo tipo di allineamento ha un nome? Oppure c'è un articolo da qualche parte a cui posso fare riferimento al mio cliente?

Sì, queste sono cose legittime e hanno nomi.

"Allineamento visivo" o "Allineamento ottico"

Questo è il principio generale: ti allinei ad occhio con ciò che appare visivamente giusto, piuttosto che con la regola. Viene utilizzato non solo nella tipografia, ma ovunque è importante la coerenza visiva, ad esempio nella progettazione di set di icone: rendere le icone con le curve un aspetto ordinato quando allineate con icone con bordi dritti.

I termini tecnici più specifici di seguito non sono usati molto comunemente (ho dovuto cercarli), sono qui solo per i curiosi.

Overshoot tipografico

Questo è quando un personaggio passa il punto verticale appropriato perché farlo sembra più naturale che fermarsi rigorosamente. La risposta di Joojaa ha molti grandi esempi di questo, aggiungerò solo questo dagli standard tipografici di Microsoft (non ridere, nonostante scatenare Comic Sans nel mondo MS ha un team tipografico generalmente abbastanza buono) che mostra che non è solo la base dove viene utilizzato:

Allineamento del margine ottico

Superamento essenzialmente orizzontale, solitamente applicato a personaggi curvi o inclinati, e altri personaggi che incontrano poco il bordo e che apparirebbero errati su una linea dura. Fondamentalmente è una crenatura stretta ai margini e i personaggi a cui è applicato sono generalmente gli stessi che riceverebbero una crenatura stretta altrove.

Ecco come Wikipedia lo illustra attualmente:

Se osservi molti caratteri, noterai che la curvatura della lettera 's perfora il perfetto allineamento della linea di base e di molte altre lettere minuscole. E come regola generale, le forme rotonde tendono a fare questo: forare la linea di base dei bordi dritti. Ho avuto un articolo su questo fenomeno e sul perché ciò accada, da qualche parte nei miei segnalibri, ma il link mi sfugge al momento.

Immagine 1 : Alcuni esempi di tondi che perforano la linea di base, con i piercing della linea di base evidenziati.

Se guardi, anche i caratteri molto geometrici lo fanno (vedi immagine 1). Questo succede più spesso di quanto non faccia - così tanto che ne ho sentito parlare di norma. Tuttavia, nota come l'importo differisce da situazione a situazione e da forma a forma. Quindi ancora oggi sono i tuoi occhi a decidere.

Se il tuo occhio è appassionato, noterai anche che alcune forme letterali perforano anche la verticale lateralmente. Questo perché lo stesso fenomeno accade anche lì.

Immagine 2 : stesso effetto lateralmente. Questo accade di solito se si hanno linee rette e linee curve mescolate lateralmente.

PS : Siamo spiacenti, i caratteri disponibili sulla mia workstation temporanea sono un po 'limitati.

Questa è una tecnica chiamata overshooting (o overhanging). Il motivo per cui usiamo il superamento è perché il modo in cui percepiamo le cose come umani (almeno in termini di pura matematica) è impreciso.

Non mi credi? Lasciatemi spiegare:

Considera questa immagine:

Il cerchio e il triangolo sembrano avere lo stesso peso per te? La verità è che hanno la stessa altezza ma un'area diversa.

Ora mostriamo come appaiono con la stessa area:

Notare il superamento che è stato creato sia per il cerchio che per il triangolo. Sia il cerchio che il triangolo sembrano visivamente sbilanciati (soprattutto il triangolo) ma con un po 'di gioco con la scala e l'allineamento della base del triangolo con il quadrato, otteniamo la seguente immagine, visivamente accattivante:

Senza guide:

Si noti che il superamento si verifica ancora con entrambi, ma in modi diversi. Questo è esattamente l'opposto della cattiva pratica, è ciò che è necessario per ottenere il giusto equilibrio visivo - spesso abbiamo bisogno di giocare con il dimensionamento, la larghezza, la spaziatura e l'allineamento delle forme in base ai soggetti specifici che stiamo usando. Non esiste una formula specifica per questo, dipende dalla composizione e dal risultato desiderato. Tieni presente che quando cambi il dimensionamento verticale, probabilmente dovrai cambiare la spaziatura orizzontale della stessa quantità per mantenere il giusto spazio bianco:

La larghezza del tratto entra in gioco anche quando si tratta di allineamento visivo. Guarda questo:

Non sembra del tutto corretto anche se il ridimensionamento e la spaziatura sono uguali, eh?

La conclusione qui è che dovremmo aumentare la quantità di compensazione mentre aumentiamo il colpo, prestando attenzione al bilanciamento dei contatori. In effetti, quando abbiamo contro-forme, esse prevalgono sul contorno della forma e il loro equilibrio diventa più significativo della stessa forma solida. Questo è esattamente ciò che ha fatto Nintendo nel progettare il logo del suo interruttore Nintendo .

Per leggere più in dettaglio, dai un'occhiata all'articolo di Fábio Martins The Art of Eyeballing - Parte III: Overshooting in cui ho praticamente rubato le immagini e parte del contenuto di questa risposta.

Dai un'occhiata anche a questo fantastico articolo sulle illusioni tipografiche che parla di questo effetto.

Non ho articoli per il backup, ma posso dirti per esperienza che hai ragione. Proprio come la crenatura manuale, la spaziatura e l'allineamento di forme letterali (e altri oggetti) come questo è in parte scienza, in parte arte. Lascia che i tuoi occhi e il tuo intestino ti guidino piuttosto che numeri esatti e matematica.

Il concetto in gioco qui è che il tuo occhio (cioè il tuo cervello) elabora le curve in modo diverso da quello che fa. In un modo un po 'simile a come "vedi" un semitono come un tono morbido, l'occhio trova una posizione media come il "bordo" percepito di una forma di lettera curva. Il posizionamento dei logoformi è "corretto" secondo questa nozione. La chiave ovviamente è "come comunicare al cliente con mentalità letterale che si fissa se i serif sono sporgenti o altri posizionamenti letterali.

Questo genere di cose entra in gioco TUTTO IL TEMPO in tipografia. Ad esempio, in un titolo centrato, lasciando sporgere il periodo finale alla fine di una linea, quindi la linea è tecnicamente decentrata, ma il peso medio della linea è al centro.