{"id":255595,"date":"2023-07-10T06:40:00","date_gmt":"2023-07-10T03:40:00","guid":{"rendered":"https:\/\/inform.click\/effetti-della-tipografia-sullesperienza-dellutente\/"},"modified":"2023-07-10T06:43:00","modified_gmt":"2023-07-10T03:43:00","slug":"effetti-della-tipografia-sullesperienza-dellutente","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/effetti-della-tipografia-sullesperienza-dellutente\/","title":{"rendered":"Effetti della tipografia sull&#8217;esperienza dell&#8217;utente"},"content":{"rendered":"<p>\n  La tipografia \u00e8 un'arte e una tecnica che sta guadagnando sempre pi\u00f9 popolarit\u00e0 col passare del tempo. \u00c8 un'abilit\u00e0 cruciale che ogni designer deve avere, indipendentemente dal campo in cui si concentra.\n<\/p>\n<p>\n  Se sei uno che gestisce un'attivit\u00e0, vuole farlo o \u00e8 semplicemente un designer, di tipografia non si parla tanto senza motivo. Con l'aiuto della tipografia, puoi avere un impatto duraturo sui tuoi lettori e utenti.\n<\/p>\n<p>\n  Anche se ad alcune persone pu\u00f2 sembrare solo un mucchio di parole messe insieme, quel mucchio \u00e8 messo insieme in un modo molto logico e tecnico, dove ogni suo elemento \u00e8 prestato attenzione al t\u00e8. \u00c8 un fattore importante nella progettazione che non deve e non deve essere ignorato.\n<\/p>\n<p>\n  Se non sei sicuro del motivo per cui dovresti prestare attenzione alla tipografia, per semplificare, \u00e8 cos\u00ec che puoi mantenere l'attenzione del tuo lettore sulla tua illustrazione, marchio o design. S\u00ec, le immagini possono parlare pi\u00f9 di mille parole, cos\u00ec come il tuo logo e altre illustrazioni. Ma la tipografia gioca un bel po' su quanto tempo continuano a guardare il tuo lavoro e sull'impatto che ha su di loro.\n<\/p>\n<p>\n  Importanza nella progettazione grafica\n<\/p>\n<p>\n  Nella progettazione grafica, la tipografia si riferisce alle tecniche e ai risultati dell'organizzazione del tipo in modo tale da rappresentare il marchio e l'attivit\u00e0 su cui si sta lavorando il pi\u00f9 fedelmente possibile e dare alle persone un'idea di cosa si tratta veramente.\n<\/p>\n<p>\n  Migliore \u00e8 la tua tipografia, maggiori sono le possibilit\u00e0 che hai di essere notato. Tanto che, soprattutto con i loghi, alcune aziende hanno lasciato delle immagini e hanno realizzato il loro logo con lettere stilizzate in un modo molto specifico.\n<\/p>\n<p>\n  Questo rende i marchi pi\u00f9 facili da ricordare, uno degli esempi pi\u00f9 comuni \u00e8 la Coca Cola. C'\u00e8 una bella <a href=\"http:\/\/www.coca-cola.co.uk\/stories\/the-logo-story\" target=\"_blank\" rel=\"noopener\">storia<\/a> dietro il logo della Coca Cola, che mostra esattamente come tutto \u00e8 nato e l'impatto che ha avuto su tutte le parti del mondo \u00e8 abbastanza ovvio.\n<\/p>\n<p>\n  Il logo Coca Cola \u00e8 l'esempio migliore poich\u00e9 puoi vedere esattamente quanti dei suoi elementi sono associati al marchio stesso.\n<\/p>\n<p>\n  Un grafico intelligente sa come esplorare la tipografia in un modo in cui comunica chiaramente sia gli aspetti visivi che verbali del design e del marchio.\n<\/p>\n<p>\n  Ora, cosa si intende esattamente per &#8221; <strong>aspetti visivi e verbali<\/strong> &#8220;?\n<\/p>\n<ul>\n<li>\n    <strong>Visivo<\/strong> &#8211; Il significato creato dall'aspetto visivo dell'illustrazione; sia testo che immagine. Il carattere della tipografia e il modo in cui ti fa sentire contribuiscono alla sua qualit\u00e0 visiva.\n  <\/li>\n<li>\n    <strong>Verbale<\/strong> \u2013 Significato letterale delle parole o frasi utilizzate nell'illustrazione.\n  <\/li>\n<\/ul>\n<p>\n  Se combinati nel modo giusto, gli aspetti visivi e verbali possono avere un enorme impatto sull'esperienza dell'utente e dimostrare e trasmettere una variet\u00e0 di messaggi.\n<\/p>\n<p>\n  Un altro esempio di logo molto forte con aspetti visivi e verbali equilibrati \u00e8 il <a href=\"https:\/\/www.nestle.co.uk\/aboutus\/history\/blog\/posts\/kitkatnohyphen\" target=\"_blank\" rel=\"noopener\">logo KitKat<\/a>.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb12be534.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb12be534.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Questo studio, <a href=\"http:\/\/sheltonography.com\/resources\/Articles\/thangaraj.pdf\" target=\"_blank\" rel=\"noopener\">qui<\/a>, mostra molto chiaramente come la tipografia pu\u00f2 avere un effetto su di noi e come i professionisti del marketing possono usarla a proprio vantaggio. Mostra che i caratteri utilizzati da alcune societ\u00e0 famose come IBM, Mercedes, Nivea e Marlboro sono riconosciuti a livello internazionale ed \u00e8 esattamente il motivo per cui queste aziende hanno investito nel design e nel copyright dei caratteri registrati.\n<\/p>\n<p>\n  Se non ci credete, date un'occhiata all'immagine qui sotto di una campagna pubblicitaria di Greenpeace:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb14ec5a7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb14ec5a7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Anche se non dice KitKat, la tua mente crea immediatamente una connessione riconoscibile con il marchio.\n<\/p>\n<h3>\n  Effetti della tipografia<br \/>\n<\/h3>\n<p>\n  Kevin Larson e Rosalind Picard hanno presentato le loro scoperte su come la tipografia influisce sugli stati d'animo nel loro articolo, The Aesthetics of Reading, che trattava anche dei vantaggi di una buona tipografia.\n<\/p>\n<p>\n  Di seguito \u00e8 riportato un esempio molto semplice, il primo nello studio. Quale pensi sia migliore e pi\u00f9 piacevole da leggere?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb16d3e85.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb16d3e85.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  L'unica cosa diversa in entrambi i documenti \u00e8 il layout e il posizionamento del testo. La seconda immagine \u00e8 chiaramente pi\u00f9 facile da leggere e la maggior parte sarebbe persino entusiasta di leggerla. \u00c8 nitido e chiaro e il layout \u00e8 preferito di gran lunga rispetto all'altro.\n<\/p>\n<p>\n  La prima immagine sembra piuttosto confusa e quasi come se fosse troppo da elaborare. Pu\u00f2 confondere la tua mente e semplicemente non \u00e8 nemmeno piacevole da guardare.\n<\/p>\n<p>\n  Questi processi avvengono continuamente nel nostro cervello e si riflettono notevolmente sul nostro umore e sulle scelte che facciamo dopo.\n<\/p>\n<p>\n  Allo stesso modo, l'articolo verifica anche il modo in cui \u00e8 scritto un testo, comprese le legature, il maiuscoletto, i numeri, le caratteristiche in pedice\/apice e cos\u00ec via.\n<\/p>\n<p>\n  Anche gli spazi tra ogni lettera, parola, frase e paragrafo influenzano il tuo umore e la tua produttivit\u00e0 su determinati compiti cognitivi.\n<\/p>\n<p>\n  Il documento mostra che la simmetria \u00e8 molto pi\u00f9 preferita rispetto al peso del tratto irregolare e alla spaziatura tra e all'interno dei caratteri.\n<\/p>\n<p>\n  Questi sono tutti fattori che devono essere considerati quando si lavora sia online che offline.\n<\/p>\n<p>\n  Detto questo, \u00e8 una buona regola empirica avere il logo o l'illustrazione distanziati otticamente, piuttosto che matematicamente. L'immagine qui sotto mostra la differenza tra i due.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb18b90f5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb18b90f5.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Umore positivo, risultati migliori<br \/>\n<\/h5>\n<p>\n  \u00c8 ovvio che pi\u00f9 positivit\u00e0 induce la tua illustrazione, pi\u00f9 saranno attratti dal tuo marchio e dalla tua attivit\u00e0. Lo studio di cui sopra dimostra che una buona tipografia aumenta anche le prestazioni cognitive.\n<\/p>\n<p>\n  La verit\u00e0 \u00e8 che la tipografia pu\u00f2 anche influenzare il giudizio. Il New York Times ha condotto uno studio, &#8220;Sei un ottimista o un pessimista?&#8221; Sebbene lo studio abbia discusso i sentimenti di sicurezza dei partecipanti durante eventi catastrofici, riguardava pi\u00f9 gli effetti che il carattere tipografico pu\u00f2 avere su di te. E poich\u00e9 non \u00e8 stato causato alcun danno, forse potrebbe anche essere definito etico.\n<\/p>\n<p>\n  I caratteri utilizzati erano Comic Sans, Computer Modern, Trebuchet, Helvetica, Georgia e Baskerville. Lo studio \u00e8 stato condotto su circa 45.000 partecipanti e i risultati hanno mostrato che le persone tendevano ad essere d'accordo con il font Baskerville l'1,5% in pi\u00f9 rispetto al resto.\n<\/p>\n<p>\n  L'1,5% pu\u00f2 sembrare una piccola percentuale, ma \u00e8 abbastanza consistente da dimostrare che il carattere tipografico, dopotutto, influisce sul giudizio.\n<\/p>\n<p>\n  Pi\u00f9 caratteri usi nello stesso testo, pi\u00f9 lo personalizzi e pi\u00f9 sar\u00e0 espressivo e creativo. Onestamente, il tuo carattere tipografico agisce praticamente come il tuo linguaggio del corpo e sappiamo tutti quanto sia importante il linguaggio del corpo. Pu\u00f2 creare una connessione emotiva tra te e il cliente o rovinare completamente la tua presentazione di marketing.\n<\/p>\n<p>\n  E quando si tratta di una buona tipografia, \u00e8 semplice da capire ma non tanto da eseguire. Pi\u00f9 il tuo testo \u00e8 facile da capire e quindi svilupper\u00e0 un forte senso del carattere su cui il tuo pubblico si concentrer\u00e0.\n<\/p>\n<h5>\n  Tipografia nel web design<br \/>\n<\/h5>\n<p>\n  Quando si progetta un sito Web, \u00e8 necessario tenere presente che probabilmente ci saranno molte informazioni, quindi \u00e8 un'idea migliore mantenere il carattere tipografico e lo stile coerenti piuttosto che provare a mescolarli troppo, il che non far\u00e0 altro che essere una piaga da leggere.\n<\/p>\n<p>\n  Una buona pagina composta dice al lettore e all'utente esattamente dove iniziare a leggere e come procedere lungo la pagina. Ci\u00f2 che \u00e8 importante e ci\u00f2 che non lo \u00e8 \u00e8 chiaramente indicato non a parole, ma solo dal modo in cui il testo \u00e8 disposto sulla pagina del sito web.\n<\/p>\n<p>\n  Anche i colori sono molto importanti e dovrebbero essere ridotti al minimo o dovrebbe essere utilizzato solo un set sull'intero sito web. Saltare troppo in giro pu\u00f2 di nuovo, solo confondere i tuoi lettori e rendere il punto del sito web o della pagina pi\u00f9 difficile da capire.\n<\/p>\n<p>\n  Allo stesso modo, non mantenerlo troppo semplice al punto in cui non c'\u00e8 differenza tra l'intestazione e il contenuto.\n<\/p>\n<h5>\n  Tipografia nel Content Marketing<br \/>\n<\/h5>\n<p>\n  Avere un impatto sul lettore e chiamare la tua attivit\u00e0 attraverso i contenuti \u00e8 ci\u00f2 di cui si occupa il content marketing. \u00c8 quasi impossibile leggere qualsiasi tipo di testo senza che trasmetta un'emozione, motivo per cui \u00e8 molto meglio sapere quale emozione si desidera trasmettere, il carattere migliore per scriverlo e tutto il resto che attirer\u00e0 Attenzione.\n<\/p>\n<p>\n  Un altro consiglio da ricordare \u00e8 che il <strong>grassetto attira l'attenzione<\/strong> mentre il corsivo non ha molto impatto sul lettore. Ma mettere in corsivo il contenuto pu\u00f2 portare un po' di eleganza e raffinatezza al tuo testo.\n<\/p>\n<p>\n  Le informazioni sono anche pi\u00f9 facili da elaborare se inserite in elenchi puntati piuttosto che in enormi blocchi di paragrafi che, onestamente, nessuno ha il tempo di leggere.\n<\/p>\n<p>\n  Mentre quando usi un carattere tipografico &#8220;nitido&#8221; come Calibri, fai il tuo punto di vista molto definito e solido.\n<\/p>\n<h3>\n  Iniziare<br \/>\n<\/h3>\n<p>\n  Beh, devi sapere esattamente cosa stai cercando di ottenere. L'obiettivo del tuo progetto di tipografia dovrebbe essere chiaro. Sapere cosa vuoi che i tuoi lettori sentano \u00e8 importante e quindi lavorare mantenendo quel pensiero nella tua mente ti aiuter\u00e0 a enfatizzare chiaramente gli elementi.\n<\/p>\n<p>\n  Prova diversi stili di carattere, dimensioni, colori, sottolinea il testo, mettilo in grassetto, mettilo in corsivo o qualunque cosa tu debba fare per trasmettere quell'esatto stato d'animo che far\u00e0 conoscere alle persone il tuo lavoro e non solo attirer\u00e0 la loro attenzione a prima vista ma tienilo l\u00ec per un po'. Se sei un laico, puoi semplicemente provare tu stesso uno strumento di progettazione del logo e vedere cosa funziona per te e cosa no.\n<\/p>\n<p>\n  Inoltre, non dimenticare che \u00e8 molto importante che il tuo testo sia leggibile, anche in caratteri piccoli. I caratteri devono essere in grado di essere identificati correttamente e rendere fluido il processo di lettura del testo senza dover investire un sacco di sforzi per comprendere solo la prima lettera.\n<\/p>\n<p>\n  Di seguito sono riportati alcuni elementi di cui inchioderai l'applicazione e la comprensione per migliorare le tue abilit\u00e0 tipografiche.\n<\/p>\n<h5>\n  Elementi di tipografia<br \/>\n<\/h5>\n<ul>\n<li>\n    <strong>Caratteri tipografici<\/strong>: stile di testo utilizzato (ad esempio, Times New Roman, Calibri, Ariel ecc.).\n  <\/li>\n<li>\n    <strong>Caratteri<\/strong>: stile specifico del carattere tipografico, nonch\u00e9 larghezza, altezza e dimensione (ad esempio, Century, dimensione 12, grassetto), spesso utilizzato come sinonimo di carattere tipografico.\n  <\/li>\n<li>\n    <strong>Tracciamento<\/strong>: spazio tra i caratteri in un testo.\n  <\/li>\n<li>\n    <strong>Crenatura<\/strong>: simile al tracciamento ma si riferisce anche allo spazio bianco tra lettere e caratteri in un testo.\n  <\/li>\n<li>\n    <strong>Interlinea<\/strong>: misura della distanza tra una riga di testo e le righe sopra e sotto di essa.\n  <\/li>\n<li>\n    <strong>Line Length<\/strong>: Proprio come dice il nome, lunghezza del testo in una riga.\n  <\/li>\n<\/ul>\n<h4>\n  Insomma<br \/>\n<\/h4>\n<p>\n  La tipografia \u00e8 una forma d'arte che si concentra sulla componente visiva della parola scritta. Solo visualizzandolo in modo appropriato per il tuo pubblico di destinazione, puoi creare un impatto indimenticabile. Per qualsiasi designer, \u00e8 fondamentale prestare molta attenzione alla tipografia e lavorare per padroneggiarne le abilit\u00e0 se vogliono sviluppare e migliorare la propria carriera nel settore del design.\n<\/p>\n<p>\n  La tipografia \u00e8 il linguaggio del corpo e crea o distrugge la prima impressione che un utente ha del tuo marchio.\n<\/p>\n<p>\n  E bene, come dice Cyrus Highsmith, &#8220;La tipografia \u00e8 il dettaglio e la presentazione di una storia. Rappresenta la voce di un'atmosfera, o ambientazione storica di qualche tipo. Pu\u00f2 fare molte cose&#8221;.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/01\/19\/typography-effect-on-user-experience\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La tipografia \u00e8 un&#8217;arte e una tecnica che sta guadagnando sempre pi\u00f9 popolarit\u00e0 col passare del tempo. \u00c8 un&#8217;abilit\u00e0 cruciale che ogni designer deve avere, indipendentemente dal campo in cui si concentra. Se sei uno che gestisce un&#8217;attivit\u00e0, vuole farlo o \u00e8 semplicemente un designer, di tipografia non si parla tanto senza motivo. Con l&#8217;aiuto della tipografia, puoi avere un impatto duraturo sui tuoi lettori e utenti. Anche se ad alcune persone pu\u00f2 sembrare solo un mucchio di parole messe insieme, quel mucchio \u00e8 messo insieme in modo molto logico e tecnico&#8230;<\/p>\n","protected":false},"author":1,"featured_media":131571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[199,56,147],"tags":[],"class_list":["post-255595","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255595"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255595\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/131571"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}