\n La tipografia \u00e8 lo stile e l'aspetto del materiale stampato, secondo il mio buon vecchio amico Google. Il fatto che questo sia un tipo di arte a s\u00e9 stante, va da s\u00e9.\n<\/p>\n
\n E la tipografia \u00e8 la base su cui vengono creati tutti i tipi di design che hanno a che fare con la parola scritta. Ci\u00f2 significa che puoi trovarlo ovunque: nei libri, sui pacchetti, anche – e soprattutto, per noi – su siti Web, e-mail e pagine di destinazione.\n<\/p>\n
\n Tuttavia, artistica o meno, la tipografia \u00e8 qualcosa che deve fornire agli utenti una buona esperienza, proprio come tutti gli strumenti. E le lettere corsive potrebbero essere cos\u00ec belle, ma sono utilizzabili?\n<\/p>\n
\n Vediamo come possiamo migliorare l'esperienza di un utente e l'interfaccia utente stessa, utilizzando una tipografia corretta.\n<\/p>\n
\n All'inizio c'\u00e8 il carattere
\n<\/h5>\n
\n Immagina quanto sarebbe blando e indifferente il tuo sito web e quanto toglierebbe all'esperienza dell'utente se il tuo carattere non corrispondesse alla sacra trinit\u00e0 di un'azienda: il tuo pubblico di destinazione, il tono del tuo marchio e i tuoi obiettivi.\n<\/p>\n
\n Scegliere il font giusto \u00e8 un po' come scegliere le tende perfette per una stanza. Le tende appiccicose mostrano un cattivo gusto e un carattere che semplicemente non corrisponde pu\u00f2 rendere il tuo progetto di cattivo gusto nel migliore dei casi e spam nel peggiore dei casi.\n<\/p>\n
\n Il carattere \u00e8 importante quanto le immagini stesse, per creare un'impressione e individuare le cose che devi individuare, sia in un sito Web che in un'e-mail, ottimizzando l'esperienza dell'utente.\n<\/p>\n
\n Avrai bisogno di grassetto per affermazioni audaci, lettere corsive e calligrafia intensa per cose eleganti e non troppo importanti. Combinazioni come quella qui sotto, sono un must:\n<\/p>\n
\n
\n abbinamenti di caratteri del marchio\n<\/p>\n
\n Tuttavia, sono costretto ad avvertirti di qualcosa: troppi caratteri ti faranno perdere la partita. Puoi avere al massimo due tipi di caratteri e dovrai assicurarti che vengano utilizzati come nell'esempio sopra: pi\u00f9 audace e pi\u00f9 rigoroso per l'intestazione, pi\u00f9 rifinito per il corpo della copia.\n<\/p>\n
\n E ricorda quanto segue: se stiamo parlando del tuo sito web e non di una pagina di destinazione o di un'e-mail, forse dovresti pensare di utilizzare un carattere standardizzato.\n<\/p>\n
\n Vedi, il corsivo a volte pu\u00f2 essere difficile da leggere e un risultato troppo artistico potrebbe essere bello ma non \u00e8 facile da leggere e comprendere. Per i clienti impegnati di oggi, che sono abili nella scansione di blocchi di testo e nel trovare esattamente ci\u00f2 di cui hanno bisogno di sapere, per risparmiare tempo, qualcosa di non standardizzato pu\u00f2 sembrare uno sforzo eccessivo.\n<\/p>\n
\n Il tuo pubblico ha pi\u00f9 familiarit\u00e0 con Times New Roman, per esempio. Possono persino dirti dove dovrebbe essere usato e sono facili come una torta da scansionare.\n<\/p>\n
\n Inoltre, potrebbe causare un vero problema di contenuto, nel senso che un carattere e un formato pi\u00f9 artistici potrebbero distogliere l'attenzione dal coinvolgimento dei contenuti.\n<\/p>\n
\n Gli elementi speciali di un font:\n<\/p>\n
\n Un font \u00e8 composto da vari elementi che possono creare o distruggere il suo utilizzo, pi\u00f9 o meno. Hai vari stili, pesi, le opere! Andiamo quindi a vedere di cosa si tratta:\n<\/p>\n
\n Hai la tua famiglia di caratteri<\/strong>, prima di tutto. La famiglia di caratteri (o carattere tipografico) \u00e8 praticamente la grande categoria che contiene caratteri dello stesso stile.\n<\/p>\n \n In secondo luogo, hai il peso del carattere<\/strong>, cio\u00e8 la larghezza di ogni carattere. Questo elemento separa quale carattere verr\u00e0 utilizzato per creare un titolo e quale finir\u00e0 nel testo del corpo.\n<\/p>\n \n Terzo va la crenatura<\/strong>, cio\u00e8 lo schema che seguono i caratteri, cio\u00e8 la spaziatura tra due lettere, che \u00e8 necessaria, visto che i tuoi occhi seguiranno esattamente quello schema.\n<\/p>\n \n Questa spaziatura e i margini sono ci\u00f2 che definir\u00e0 l'elemento finale, molto importante:\n<\/p>\n \n Il numero di caratteri per riga<\/strong>. Troppi caratteri per riga e il corpo del testo sembreranno disordinati, risultando in un'esperienza utente piuttosto negativa.\n<\/p>\n \n Troppo pochi e ci vorr\u00e0 pi\u00f9 tempo prima che l'occhio raggiunga il paragrafo successivo, ottenendo esattamente lo stesso risultato che ho menzionato sopra.\n<\/p>\n \n Limitando la lunghezza, migliori la leggibilit\u00e0 del tuo testo. Se la riga \u00e8 troppo lunga, non verr\u00e0 visualizzata correttamente sul dispositivo, il che significa che il lettore non sar\u00e0 in grado di leggerla correttamente, il che si tradurr\u00e0 in un pasticcio, CRO (Conversion Rate Optimization) per quanto riguarda.\n<\/p>\n \n Dovrai trovare un rapporto aureo che funzioni per te su quello e tieni presente che questo rapporto aureo dovr\u00e0 fermarsi a 60 caratteri per riga.\n<\/p>\n \n E un piccolo suggerimento qui: dovrai anche essere consapevole della spaziatura tra le righe<\/strong>, visto che \u00e8 semplicemente troppo facile rileggere una riga o ometterla completamente. Il che non \u00e8 mai una buona pratica, soprattutto di questi tempi in cui i consumatori hanno cos\u00ec tante opzioni.\n<\/p>\n \n Quante volte hai visto un testo tutto maiuscolo e hai pensato che lo scrittore volesse urlare con rabbia? Scommetto che la risposta \u00e8 “molte volte”.\n<\/p>\n \n Le dimensioni dei caratteri possono funzionare proprio come il tono della parola parlata: il corsivo pu\u00f2 imitare, i caratteri in grassetto possono essere impegnativi, le lettere maiuscole possono attirare l'attenzione e cos\u00ec via.\n<\/p>\n \n Pertanto, un designer deve essere cauto nella scelta di un font e di uno stile, soprattutto se ha un pubblico eterogeneo con cui “parlare”.\n<\/p>\n \n Se non mi credi, apri un romanzo e controlla il carattere. Quindi, apri un libro per bambini e fai la stessa cosa.\n<\/p>\n \n Tutto si riduce a ci\u00f2 che ho menzionato all'inizio: devi fare appello al tuo pubblico di destinazione attraverso la tua tipografia, nonch\u00e9 la copia e le immagini stesse.\n<\/p>\n \n Ma le dimensioni non sono tutto ci\u00f2 che conta. Dal momento che stiamo parlando di digitale, la tua tipografia deve essere impeccabile su tutti i dispositivi. Devi ottimizzare per dispositivi mobili, tablet e desktop, al fine di evitare che l'utente si confonda e scarti del tutto i tuoi contenuti.\n<\/p>\n \n Tieni presente che l'altezza \u00e8 altrettanto importante. Un testo molto lungo o molto breve che sembra ottimo durante il test per la visualizzazione desktop, potrebbe non funzionare bene per i dispositivi mobili.\n<\/p>\n \n Forse l' incubo pi\u00f9 grande<\/strong> di tutti \u00e8 l'allineamento del testo. Nella cultura occidentale, le persone sono abituate a leggere da sinistra a destra, quindi dovresti essere consapevole di questo fatto e agire di conseguenza.\n<\/p>\n \n Usa l'allineamento a sinistra per imitare il modo in cui le persone leggono i testi stampati e sei a posto.\n<\/p>\n \n Lo stesso non funzioner\u00e0 per il tuo pubblico di destinazione se si trova da qualche parte a est, dove la lettura \u00e8 da destra a sinistra. Quindi, ancora una volta, il tuo pubblico di destinazione \u00e8 la prima cosa da considerare prima di prendere una decisione.\n<\/p>\n \n Sai che le migliori pratiche non prendono la torta quando si tratta di tipografia e design, giusto?\n<\/p>\n \n Puoi utilizzare i migliori caratteri, il tuo allineamento potrebbe essere impeccabile, ma senza utilizzare le tendenze del design, la tua e-mail, sito Web, pagina di destinazione, qualunque cosa tu stia creando, potrebbe comunque rimanere uno dei tuoi segreti meglio custoditi.\n<\/p>\n \n Il grassetto a volte \u00e8 bello\n<\/p>\n \n Pensa ad esempio al MAC. Il marchio di prodotti di bellezza ama usare testi in grassetto e contrasti estremi come elemento:\n<\/p>\n \n Questo \u00e8 lo slogan del marchio e lo \u00e8 da sempre. \u00c8 drammatico e non puoi perderlo. Lo stesso vale per l'immagine dell'eroe della loro newsletter:\n<\/p>\n\n Dimensione del carattere e altri incubi
\n<\/h5>\n\n Le tendenze sono tue amiche
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> MAC Cosmetici<\/p>\n