Come devono essere gestiti gli ascendenti e i discendenti che condividono lo stesso spazio?


16

Questa è la pagina di registrazione iniziale per l'app di comunicazione del mio cliente. (Ho coperto il logo - nota la scatola bianca - per la sua privacy)

Non mi piace che la "y" scende e la "h" sale nello stesso spazio. rende le due linee un po 'troppo anguste. Eventuali suggerimenti?

(il carattere dell'app è roboto. Qui - sto usando Roboto Bold.)

http://d.pr/i/g08p http://d.pr/i/ouTE

Qualunque altro commento sul design saremo apprezzati - fintanto che ti comporterai :)


1
Non mi dispiace. Potresti forse restringere lo spazio tra le prime due linee per renderlo otticamente più coerente. Detto questo, quel tipo sembra davvero grande per il campo del modulo.
DA01,

provare piccoli tappi?
Lauren-Reinstate-Monica-Ipsum,

@ DA01 - "il tipo sembra molto grande per il campo del modulo" - ti riferisci a "inserisci il tuo numero di telefono" o al numero di telefono inserito nella casella? Per il "entra nel tuo ..." volevo qualcosa di grande audace e spigoloso con l'uso di frecce e altri cliché visivi .... ma forse l'ho fatto.
user12985,


Mi riferivo al testo "inserisci il tuo telefono". Suppongo sia spigoloso, ma è anche solo un'etichetta per il campo, quindi sembra un po 'strano essere così grande. Mi sta gridando.
DA01,

Risposte:


15

Quindi hai alcune opzioni, di solito.

Al momento, il tuo problema è che le linee 1 e 2 sembrano più distanti rispetto alle linee 2 e 3, anche se non lo sono. È un'illusione ottica creata dalla mancanza di discendenti e ascendenti tra i primi due, ma non sui secondi due.

Le soluzioni rientrano in due categorie di base: evitare questa situazione tutti insieme o affrontarla direttamente. Inizieremo con alcuni modi per evitarlo.

Opzione 1: converti in maiuscolo

Questo evita la situazione. Tuttavia, probabilmente sei attaccato alla tua minuscola.

(Questi esempi usano Franklin Gothic a proposito perché non ho Roboto installato).

Opzione 2: riorganizzare le interruzioni di riga

In questo caso, ho convertito in 2 righe, ma a volte puoi riorganizzare le interruzioni di riga in altri modi.

Avere solo due righe è un altro modo per evitare il problema: non c'è nulla con cui confrontarlo.

Opzione 3: regola manualmente la spaziatura finché non appare "visivamente corretta"

Qui ho notevolmente ridotto il divario tra la linea 1 e 2 in modo che appaia "più uniforme". Non puoi usare una formula per questo, solo i tuoi occhi.

In realtà lo spazio tra la prima e la seconda linea in questo esempio è molto più piccolo dello spazio tra la seconda e la terza, ma non sembra troppo sbagliato a causa dell'illusione ottica creata dagli ascendenti e dai discendenti nella seconda .

È plausibile che tu possa migliorare ulteriormente questo rapido esempio: quando lo fai, prova a guardare da dietro, socchiudendo gli occhi, ecc., Quindi non stai guardando le parole ma le forme delle lettere come se fossero macchie.

Opzione bonus: sposta le parole in modo che ascendenti e discendenti non si sovrappongano

Non sembra che tu abbia questa opzione con le parole che hai scelto, ma a volte puoi spostare le parole a sinistra oa destra in modo che i discendenti e gli ascendenti non si sovrappongano, come in questo esempio con parole diverse.

Tra l'altro, credo che l'utilizzo del simbolo cancelletto # non sembra giusto e si sarebbe meglio optare per n o n o - ma questa è la mia opinione personale.


Vorrei solo dire che mi piace Invio (Cerchio / Logo) quindi Il tuo numero di telefono. Un'altra opzione sarebbe quella di non dichiarare così tanto, intendo dal campo del modulo è abbastanza ovvio che si aspetta un numero di telefono.
Ryan

6

Nella tipografia, cambiare la guida può influire sul modo in cui i tuoi spettatori leggono e interpretano il tuo pezzo.

Ad esempio, riducendo la quantità di anticipo tra due righe, causando la collisione di discendenti e ascendenti, si avrà un effetto negativo sulla leggibilità complessiva del testo.

Come stile visivo, la guida stretta può aumentare il ritmo con cui il lettore legge il tuo testo (nell'aumento delle lettere che catturano gli occhi) e / o invocare un sentimento angusto o claustrofobico sul tuo brano generale (1) , che potrebbe non sii l'effetto desiderato qui.

D'altro canto, aumentare il vantaggio può ridurre il ritmo del lettore (2) . Introducendo più spazio tra ogni riga, rallenti il ​​ritmo del lettore riducendo la quantità di lettere che attirano la loro attenzione. Questo può invocare un rilassato senso di sentimento nel testo da parte del lettore. Tuttavia, fai attenzione alla quantità di spazio che lasci, poiché avere troppi contatti iniziali può causare problemi con la continuità (3) , poiché gli occhi del lettore devono spostarsi ulteriormente tra le righe.

Dat fox

La soluzione migliore per migliorare la leggibilità del testo sarebbe quella di fare qualcosa con un vantaggio costante, come questo:

Il mio modello con sovrapposizione

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.