Tipografia web si riferisce a caratteri incorporati nelle pagine web. È un aspetto critico del design del sito Web perché ha un impatto diretto sulla leggibilità del sito. Molte persone pensano che le responsabilità di a design di siti Web a prezzi accessibili professionale non include prestare attenzione a tipografia web. Tuttavia, questo è un concetto sbagliato.
Oltre a investire tempo per la creazione di design, si dovrebbe anche essere attenti alla tipografia web. Ricorda che se la tua tipografia web è scadente, i visitatori non si preoccuperanno di osservare i tuoi progetti. Ti forniamo alcuni suggerimenti che ti aiuteranno a gestire la tipografia web in modo semplice.
- Usa tre caratteri per disegno
L'utilizzo di tre caratteri tipografici (al massimo) consentirà ai lettori di osservare chiaramente il tuo sito web. Organizzare il contenuto con vari caratteri tipografici può creare un aspetto incasinato del sito. Inoltre, può convincere i visitatori che varie parti del contenuto, come i diversi paragrafi, non sono correlate.
Naturalmente, durante la lettura, i visitatori potrebbero non essere in grado di individuare l'esatta fonte di disagio. Tuttavia, non saranno a loro agio nel leggere informazioni che contengono vari caratteri tipografici. - Distinguere il titolo
Il titolo di un articolo attira inizialmente l'attrazione dei visitatori. Se trovano il titolo accattivante, passeranno al resto dell'articolo. Ciò significa che devi evidenziare il titolo, in modo che catturi l'attenzione dei lettori ad ogni costo. Aumentare le dimensioni del titolo è il modo più semplice per evidenziarlo. - Imposta la dimensione della copia del corpo a 14 pixel
Per ottenere i migliori risultati, cerca di assicurarti che i visitatori possano leggere comodamente la tua copia del corpo. È vero che oltre alle dimensioni, anche altri fattori possono influenzare la leggibilità del sito web. Tuttavia, la dimensione è il fattore determinante più importante. Impostare la dimensione della tua copia del corpo a 14 pixel può essere un'ottima idea. - Evita di usare sottolineature e corsivi inutilmente
Non confondere i tuoi lettori usando il corsivo e le sottolineature inutilmente. Il corsivo e la sottolineatura attribuiscono maggiore importanza a una linea. Se usi il corsivo e il sottolineato in ogni frase, i tuoi visitatori potrebbero sentirsi confusi.
Piuttosto, usa le sottolineature e il corsivo, solo quando necessario. - Non usare maiuscole per grandi blocchi di testo
L'uso di lettere maiuscole per enormi blocchi di testo è una cattiva idea. Ciò è dovuto al fatto che rispetto al testo scritto in maiuscolo e minuscolo, le informazioni scritte solo in maiuscolo sono più difficili da interpretare.
Se imposti le lettere maiuscole e minuscole, come richiesto, sarà relativamente più facile per gli occhi. Inoltre, consentirà ai visitatori di interpretare le informazioni più facilmente. - Evita di stipare grandi informazioni in uno spazio limitato
Per aumentare la leggibilità del tuo sito, non forzare l'inserimento di enormi informazioni in uno spazio limitato. Piuttosto, forniscigli abbastanza spazio, in modo che assuma un aspetto ordinato. Allo stesso tempo, non incorporare uno spazio eccessivo, in modo che l'intero testo appaia sconnesso e non correlato. - Presta attenzione al contrasto dello sfondo
Potresti aver optato per una dimensione del carattere più grande per aumentare la leggibilità del testo. Tuttavia, se il contrasto tra le informazioni e il loro sfondo è scarso, ostacolerà la leggibilità e la leggibilità del sito. La pratica comune è posizionare un testo chiaro su uno sfondo scuro o viceversa. Evita di usare colori contrastanti ad ogni costo. - Scegli i caratteri perfetti per l'uso dello schermo
Puoi usufruire di vari tipi di caratteri nel Internet. Sfortunatamente, molti di questi caratteri non sono adatti per l'utilizzo nei siti Web. Per questo motivo è importante selezionare con cura i caratteri. Inoltre, puoi utilizzare le tabelle di suggerimento e controllare l'aspetto dei caratteri di dimensioni più piccole su vari browser. - Evita di usare Comic Sans
Comic sans è diventato un font molto odiato e noi non facciamo eccezione. Crediamo fermamente che l'utilizzo di questo tipo di carattere fornisca al tuo sito un fascino infantile e immaturo, che la maggior parte dei visitatori non apprezzerà. Cerca di evitarlo.
Divertiti a creare un sito web accessibile!
Aiden Ruse
Ciao Diane.
Grazie per aver condiviso un'ottima guida. Vorrei che ogni designer capisse l'importanza della tipografia. La tipografia impropria potrebbe anche essere un errore del fallimento del design di un sito web. Vorrei mettere la tipografia al primo posto quando si tratta di progettare un sito web e salvare il web design dall'essere un fallimento. I consigli che hai dato qui sono davvero fantastici e contengono molte informazioni utili.
Amber
Grazie per la condivisione. Sicuramente molte persone trarranno beneficio da questi punti.
Sarah
Molto utile. Sto guardando una riprogettazione di uno dei nostri siti Web in questo momento e mi sono reso conto che stavamo utilizzando circa 5-6 caratteri diversi sul vecchio sito, il che non sembra eccezionale.
Sajesh
Ho concordato con te che la tipografia web è un aspetto critico del web design e che ogni designer dovrebbe tenere a mente questo aspetto durante la progettazione del sito web.
Nishadha
Tutto quello che posso dire è wow. So che gli stili dei caratteri e le dimensioni dei caratteri sono importanti, ma non ho mai saputo così tanti dettagli sul perché sono importanti. Inoltro questo al team di progettazione e grazie per l'articolo fantastico.
David
Mettere una tipografia chiara, leggibile ed efficace nel tuo sito web aumenta non solo i tuoi visitatori, ma aumenta anche la professionalità.
Natasha
Imposta la dimensione della copia del corpo a 14 pixel? Non è meglio che dovremmo usare 16-18px o meglio andiamo per il 150%.
Rajesh Namase
Dipende, cambia e controlla se sembra bello e leggibile o meno.
Jeeten
Sì, sono d'accordo con te Diane, la tipografia web è obbligatoria. tenendo presente la tipografia avevo progettato il mio sito.
Stefano
font-family: 'franklin_gothic_medium_condRg'; font viene utilizzato da me sui miei vari siti web. e la dimensione del carattere del corpo è stata mantenuta a 9 em. e su alcuni siti web 1em.
H1 = 3 em
H2 = 2.5 em
H3 = 2 em
H4 = 1.6 em
H5 = 1.2 em
Visnu Sharma
Sì, sono d'accordo con te Diane, la tipografia web è obbligatoria. Tenendo presente la tipografia, avevo progettato il mio sito.
Mansoor Bhanpurawala
Molto utile. Sto guardando una riprogettazione di uno dei nostri siti Web in questo momento e mi sono reso conto che stavamo utilizzando circa 5-6 caratteri diversi sul vecchio sito, il che non sembra eccezionale.
alex
Grazie, amministratore. Molto uso blog completo. Grazie per il post perché questo post è utile per me.