La tipografia su una pagina web è importante quanto lo è su qualsiasi altro mezzo, non importa se si sta scrivendo per il packaging, per la televisione o per la segnaletica, e tutti i designer devono tenere conto del mezzo che stanno utilizzando e delle tecniche che utilizzeranno per adattarsi a quel mezzo. Vuoi che il tuo lavoro sia facilmente leggibile e piacevole alla vista.

Detto questo un esempio è quello di un articolo scritto su una rivista rispetto a quello di un manifesto. Mentre una rivista viene letta a distanza ravvicinata e a distanza di un braccio, il testo stampato può essere piccolo ed essere comunque facilmente letto. Mentre un poster è più grande e visto in modo più obliquo, dovresti distanziare le parole in modo che siano facilmente distinguibili dallo spettatore.

Tipografia sui blog Wordpress - Cosa devi sapere - Blog Lorelei Web Design

Il plugin All in ONE Cufon ti consente di sostituire facilmente i caratteri in WordPress

Quando si progetta una pagina web c'è una serie completa di nuovi problemi da superare. Hai a che fare con un pubblico che ha schermi e piattaforme diverse. Esiste un modo in cui un designer deve lavorare per prendere in considerazione tutto ciò durante la progettazione di una pagina che possa essere facilmente visualizzata su tutte le diverse piattaforme. Non puoi dare per scontato che tutti i tuoi spettatori utilizzino la tua stessa attrezzatura; anche la velocità di connessione dovrebbe essere presa in considerazione durante la progettazione.

Esempi di buon uso della tipografia in WordPress:

https://loreleiwebdesign.com//HLIC/6ddf88ca708e8a1ffe0a287235dfb761.jpg

https://loreleiwebdesign.com//HLIC/8663505a6859fcf655e56bf9ffa3dddc.png

https://loreleiwebdesign.com//HLIC/69c7e6d719146c317ed764a054fabfe6.jpg

A seconda del contenuto, puoi modificare i fogli di stile per adattarli al meglio alle tue esigenze. Puoi modificare le dimensioni delle intestazioni e dei sottotitoli, nonché le dimensioni del corpo del testo per adattarlo al meglio alla tua pagina, sia che si tratti di un sito informativo, di un sito per bambini o di un sito più tecnico. Queste impostazioni di tipo sono semplici da modificare e lo stile della tua pagina web dovrebbe prendere in considerazione il tuo pubblico di destinazione. Non utilizzeresti lo stesso stile su una pagina per bambini come su una pagina creata per investitori aziendali, quindi è importante tenere a mente il tuo pubblico target.

  • Orientamento – Se stai leggendo un libro e vedi i caratteri capovolti, la prima cosa che fai è girare il libro, un compito non così facile con un computer. Il tipo verticale non è possibile con HTML ma può essere fatto utilizzando JPG, PNG o GIF. Questo può funzionare per te se usato con parsimonia. Un'intestazione di questo tipo attirerà l'attenzione del lettore e, se in buon equilibrio con lei, cose come il colore, il peso e le dimensioni possono essere utili. Questo tipo di titolo richiama l'attenzione e, se utilizzato insieme ad altro materiale, può unificare questo materiale e diventare molto efficace.
  • Posizione – Poiché viene utilizzato uno stile di carattere diverso, ad esempio Maverick, qualsiasi linea che si trova in una posizione diversa attirerà rapidamente l'attenzione dello spettatore. Interrompere il flusso naturale della pagina attirerà semplicemente più attenzione. Puoi modificare qualsiasi corpo di testo modificando solo un elemento come il carattere, la posizione del colore e così via. Tutto ciò che sembra diverso o fuori posto attirerà automaticamente l'attenzione su di esso. Come si suol dire, a volte le regole sono fatte per essere infrante.
  • lo spazio – Se digiti su una pagina bianca una parola in formato 8 punti, il tuo sguardo sarà attratto da essa. D'altra parte se stai lavorando con una pagina intera di tipo 12 punti non lo noterai mai. Quindi, come puoi vedere, non è importante solo il testo sulla pagina, ma lo spazio che circonda il testo è altrettanto importante. Puoi facilmente apprendere questa abilità giocando con diversi tipi e impostazioni di spazio per ottenere il massimo dall'idea che vuoi trasmettere. Questa non è solo una tecnica utilizzata nella scrittura, viene utilizzata anche nella pittura, nell'architettura e altro ancora.
  • Priorità utilizzate in modo creativo – Tipografia significa che penserai anche all’importanza delle informazioni e su cosa vuoi che lo spettatore si concentri, puoi farlo decidendo facilmente cosa è importante e facendo risaltare quelle informazioni importanti. Puoi creare una pagina web piacevole alla vista pur trasmettendo ciò che è più importante. Lo troverai molto gratificante quando prenderai in considerazione questo fatto importante. Vuoi che i contenuti importanti risaltino in modo che lo spettatore possa vedere esattamente quale punto stai cercando di sottolineare senza dover leggere pagine di sciocchezza.

Ecco alcuni suggerimenti per l'utilizzo di diversi caratteri in HTML:

  1. Utilizza lo stile del carattere e la dimensione del carattere corretti per far sì che le tue informazioni vengano elaborate rapidamente dallo spettatore. Se il tuo spettatore sta cercando informazioni, vorrai che il carattere sia qualcosa di semplice da leggere come Arial o Veranda in modo che possa leggere facilmente e trovare ciò che sta cercando. Dovresti anche tenere presente il colore e la dimensione del testo.
  2. Quando guardi il design della tua pagina web, tieni sempre presente il tipo, il colore e la dimensione del carattere, questo è molto importante perché può aggiungere immediatamente più valore alla tua pagina web.
  3. Scegli un carattere semplice da leggere. L'utilizzo di un carattere come il Times new Roman mantiene tutto in uniforme, un carattere come la calligrafia distrae molto ed è troppo difficile da leggere. La cosa migliore da fare è leggere alcune righe e determinare se riesci a leggerle facilmente. Se puoi farlo anche il tuo spettatore può farlo.
  4. Non riempire la pagina con stili di carattere diversi, se richiesto come un sito artistico, puoi usare stili di carattere diversi ma dovrebbero essere usati nelle intestazioni o con parsimonia in tutto il testo, non riempire il testo con caratteri diversi perché diventa fonte di distrazione per lo spettatore e perderà interesse.
  5. La maggior parte del testo dovrebbe essere compresa tra 12 e 14 punti. Ciò consente a tutti i lettori un facile accesso perché non tutti i lettori hanno una visione perfetta, una scritta piccola potrebbe dissuadere alcuni spettatori dal tuo sito e non vuoi perdere spettatori, il punto è rendere un sito attraente per tutti. Dovresti tenere presente che avrai molti spettatori e dovresti provare a scendere a compromessi per tutti gli spettatori e assicurarti che l'intestazione abbia un carattere più grande rispetto al testo.
  6. Il consiglio finale riguarda il colore, usate un buon colore contrastante per i caratteri che non si perderà nei colori dello sfondo, la scelta migliore è sempre il carattere nero su uno sfondo chiaro, fate solo attenzione quando scegliete i colori per le vostre pagine web, non volete per mettere uno sfondo scuro e caratteri scuri sullo stesso sfondo, sarà troppo difficile da leggere e il tuo spettatore andrà perso.