{"id":5582,"date":"2014-02-22T10:26:23","date_gmt":"2014-02-22T09:26:23","guid":{"rendered":"https:\/\/carlogislon.it\/staging\/?p=5582"},"modified":"2025-08-15T13:05:59","modified_gmt":"2025-08-15T13:05:59","slug":"migliorare-leggibilita-testo","status":"publish","type":"post","link":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/","title":{"rendered":"Leggibilit\u00e0 del testo. Dimensioni, caratteri, colori"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1340px + 0px );margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><h2 id=\"toc_Leggibilita_e_dimensioni_del_testo\" class=\"\" data-fontsize=\"24\" data-lineheight=\"28.8px\">Leggibilit\u00e0 del testo e dimensioni<\/h2>\n<p>Direi di cominciare subito &#8220;brutalmente&#8221; con quello che interessa maggiormente al grafico: qual \u00e8 la grandezza del carattere\u00a0<i>minima<\/i>\u00a0per una pagina di testo?<\/p>\n<p>Per le persone normo-vedenti la dimensione critica di lettura del carattere di testo \u00e8 circa 9 punti (1 punto = 0,35 mm) a 40 cm di distanza (distanza tipica di lettura).<\/p>\n<p>Tale distanza aumenta in modio direttamente proporzionale all&#8217;aumentare della distanza. Questo valore\u00a0<i>minimo<\/i>\u00a0di 9 punti ci offre gi\u00e0 delle indicazioni interessanti.<\/p>\n<p>Queste, ribadiamolo, sono le misure\u00a0<i>critiche<\/i>. Le misure considerate, invece,\u00a0<i>ottimali<\/i>\u00a0per la stampa di giornali e libri indicano un carattere pi\u00f9 grande, tra i 10 e e 12 punti per la carta stampata e attorno ai 16 pixel per lo schermo.<\/p>\n<p>Tali misure derivano da ricerche e studi da varie fonti, volendo ben documentate e verificabili (vedi un paio di link che ho aggiunto pi\u00f9 avanti nell&#8217;articolo) e dalla pratica e osservazione degli stessi tipografi nel corso degli anni.<\/p>\n<p>Un carattere corpo 8, 7 o 6 ecc., viene quindi letto con difficolt\u00e0 crescente perci\u00f2 l&#8217;utilizzo di corpi ridotti va limitato a parti meno essenziali e a paragrafi molto brevi.<\/p>\n<\/div><div class=\"fusion-text fusion-text-2\"><h2 id=\"toc_Leggibilita_e_dimensioni_del_testo\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.4px\"><\/h2>\n<h2 id=\"toc_Dimensioni_dei_caratteri_nei_Poster_e_cartellonistica\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.4px\">Dimensioni del carattere in poster, insegne, segnali<\/h2>\n<p>Se ricerche scientifiche, buone pratiche e abitudini ci hanno ormai ricondotto alla dimensione &#8220;standard&#8221; di circa 12 punti per il corpo del testo di una pagina, per i poster la questione \u00e8 meno codificata.<\/p>\n<p>\u00c8 sufficiente comunque ricavare un rapporto dal dato principale di cui sopra: 12 pt = 40 cm (dimensioni ottimali \u2013 distanza di lettura) e con qualche calcolo arrivare a qualsiasi informazione vogliamo. Dividendo la distanza di 40 cm per 12, otteniamo il valore di 3,3.<\/p>\n<p>Se ne pu\u00f2 ricavare quindi una semplice tabella utile come riferimento nella produzione di insegne e poster:<\/p>\n<table style=\"border-collapse: collapse; width: 100%; text-align: center; margin:20px 0\">\n<thead>\n<tr>\n<th style=\"padding: 6px; width: 50%;\">Dimensioni carattere (pt)<\/th>\n<th style=\"padding: 6px; width: 50%;\">Distanza lettura ottimale (cm)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>30<\/strong><\/td>\n<td><strong>100<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>60<\/strong><\/td>\n<td><strong>200<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>90<\/strong><\/td>\n<td><strong>300<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>La tabella potrebbe proseguire all&#8217;infinito perci\u00f2 puoi usare questo semplice calcolatore per scoprire le dimensioni ottimali del carattere per qualsiasi distanza:<\/p>\n<\/p>\n<div class=\"formbox-wrapper\"><form action=\"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/\" name=\"formbox\" class=\"formbox formbox-1\" id=\"calculator_1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<fieldset class=\"formbox__container\"><div class=\"formbox__title\">Distanza di lettura (cm)<\/div><div class=\"formbox__body\"><div class=\"formbox__field\"><label class=\"formbox__field-lable\" for=\"formbox-field-1\">Distanza di lettura (cm)<\/label><input type=\"number\" class=\"formbox__field-input\" value=\"\" step=\"1\" required=\"\" name=\"formbox-field-1\" id=\"formbox-field-1\"><\/div><\/div> <\/fieldset><fieldset class=\"formbox__container\"><div class=\"formbox__title\" style=\"box-shadow: none\">Calcola<\/div><div class=\"formbox__body\"><div class=\"formbox__btn\"><button class=\"formbox__btn-calc\">Calcola<\/button><button type=\"reset\" class=\"formbox__btn-reset\">Reset<\/button><\/div><\/div> <\/fieldset><fieldset class=\"formbox__container has-result is-hidden\"><div class=\"formbox__title\">Risultato<\/div><div class=\"formbox__body\"><div class=\"formbox__field is-result has-addon is-right\" style=\"box-shadow: none\"><span class=\"formbox__field-addon\">Pt<\/span><label class=\"formbox__field-lable\" for=\"formbox-field-2\">Risultato<\/label><input type=\"text\" class=\"formbox__field-result\" readonly=\"\" name=\"formbox-field-2\" id=\"formbox-field-2\"><\/div><\/div> <\/fieldset>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" class=\"calc-not-change\"><\/form><\/div>\n<h2 id=\"toc_Leggibilita_e_tipo_di_carattere\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.4px\">Leggibilit\u00e0 del testo e tipo di carattere<\/h2>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 21; line-height: 1.4; --minfontsize: 21;\" data-fontsize=\"21\" data-lineheight=\"29.4px\">Aspetto grafico<\/h3>\n<p>Oltre le dimensioni, un ulteriore fattore che influenza la leggibilit\u00e0 del testo sono le <i>caratteristiche<\/i> <i>grafiche<\/i> del carattere.<\/p>\n<p><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">La parte pi\u00f9 riconoscibile di un carattere tipografico \u00e8 la met\u00e0 superiore dell&#8217;<\/span><i style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">occhiello<\/i><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">. Un carattere con occhiello proporzionalmente pi\u00f9 grande \u00e8, di solito, pi\u00f9 leggibile.<\/span><\/p>\n<p><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">Per questo motivo, la cartellonistica stradale di pi\u00f9 moderna concezione ha sviluppato nuovi caratteri con occhiello grande.<\/span><\/p>\n<p><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">Altri fattori che migliorano la leggibilit\u00e0 del carattere sono fondamentalmente riconducibili alla sua semplicit\u00e0.<\/span><\/p>\n<p><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/elementi-carattereRisorsa-3.svg\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-full wp-image-21049\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27507%27%20height%3D%27328%27%20viewBox%3D%270%200%20507%20328%27%3E%3Crect%20width%3D%27507%27%20height%3D%27328%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/elementi-carattereRisorsa-3.svg\" alt=\"\"><\/a><\/p>\n<p>L&#8217;esame pi\u00f9 approfondito che conosca sulla leggibilit\u00e0 del testo \u00e8 lo <a href=\"https:\/\/gwern.net\/doc\/design\/typography\/1963-tinker-legibilityofprint.pdf\"><i>studio Tinker<\/i> <\/a>del 1963. Mostra, tra le tante cose, come in genere i caratteri con occhiello grande siano percepiti come pi\u00f9 leggibili e come il maiuscolo lo sia di meno nei testi lunghi.<\/p>\n<p>Un studio scientifico sul confronto di leggibilit\u00e0 di due dei caratteri tipografici pi\u00f9 usati \u00e8 lo <i>studio <a href=\"https:\/\/psycnet.apa.org\/record\/2003-10873-003\">Bernard ed al. del 2003<\/a><\/i> che ha paragonato il carattere <i>Arial<\/i> e il <i>Times<\/i>, stabilendo il primo come vincitore.<\/p>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 21; line-height: 1.3; --minfontsize: 21;\" data-fontsize=\"21\" data-lineheight=\"27.3px\"><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">Gli studi citati hanno rilevato anche quali siano i caratteri pi\u00f9 leggibili in assoluto, eccoli qui: Helvetica, <\/span><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color-hover);\">Arial, Verdana, Georgia, Times New Roman, Trebuchet MS, Calibri, Roboto.<\/span><\/h3>\n<h2 id=\"toc_Migliorare_la_leggibilita_tramite_il_colore\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.4px\">Colore del carattere<\/h2>\n<p>Studi psicologici confermano che il testo nero o blu su fondi bianchi o molto chiari ha la maggior leggibilit\u00e0. Un risultato in effetti abbastanza prevedibile.<\/p>\n<p>Pi\u00f9 importante \u00e8 rilevare come alcune combinazioni di colore testo\/sfondo siano assolutamente da evitare in particolare rosso\/verde, rosso\/blu, verde\/violetto, in genere i colori ai lati opposti della ruota cromatica.<\/p>\n<figure><img decoding=\"async\" class=\"lazyload aligncenter wp-image-16054 size-fusion-600\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-600x560.jpg\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-600x560.jpg\" alt=\"\" width=\"600\" height=\"560\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27600%27%20height%3D%27560%27%20viewBox%3D%270%200%20600%20560%27%3E%3Crect%20width%3D%27600%27%20height%3D%27560%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-200x187.jpg 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-300x280.jpg 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-400x373.jpg 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-600x560.jpg 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari-768x716.jpg 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2022\/02\/Colori-complementari.jpg 800w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>Ruota cromatica. Attenzione alle combinazioni con colori ai lati opposti. Verde e rosso o verde-violetto sono molto &#8220;pericolose&#8221;. L&#8217;uso di tali contrasti costringe il lettore a rimbalzare da un colore all&#8217;altro non riuscendo immediatamente a distinguere una priorit\u00e0 di lettura. Un po&#8217; come la barzelletta del lettore che leggeva la parte bianca e non quella nera del quotidiano.<\/figcaption><\/figure>\n<p>\u00c8 pericoloso quindi giocare col contrasto dei colori per ottenere un&#8217;elevata visibilit\u00e0. \u00c8 molto pi\u00f9 prudente usare un contrasto basato sulla <i>luminosit\u00e0<\/i> (lo stesso colore pi\u00f9 chiaro o pi\u00f9 scuro).<\/p>\n<p>In un fondo colorato \u00e8 quindi opportuno usare un testo con variazioni dal bianco al nero passando attraverso il grigio.<\/p>\n<p>Tale considerazione viene anche incontro a disturbi, rari ma esistenti, relativi alla difficolt\u00e0 di distinguere i colori tra loro.<\/p>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 21; line-height: 1.4; --minfontsize: 21;\" data-fontsize=\"21\" data-lineheight=\"29.4px\">Colore dello sfondo<\/h3>\n<p>Come provato da diversi test, \u00e8 addirittura pi\u00f9 leggibile un testo nero su fondo grigio chiaro piuttosto che un testo nero su fondo bianco.<\/p>\n<p>Come si potrebbe intuire non \u00e8 solo l&#8217;intensit\u00e0 del contrasto in s\u00e9 a migliorare la leggibilit\u00e0 ma il suo utilizzo per creare una gerarchia, per creare un ordine di lettura nel messaggio e per migliorarne il senso.<\/p>\n<p>La leggibilit\u00e0 non \u00e8 semplicemente data da ci\u00f2 che gli occhi vedono ma dall&#8217;esperienza di lettura nel suo complesso.<\/p>\n<figure><img decoding=\"async\" class=\"lazyload wp-image-5615 aligncenter\" title=\"Leggibilit\u00e0 testo\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2014\/02\/ColoreTesto-sfondo-leggiblita1.jpg\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2014\/02\/ColoreTesto-sfondo-leggiblita1.jpg\" alt=\"Leggibilit\u00e0 testo\" width=\"466\" height=\"235\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27466%27%20height%3D%27235%27%20viewBox%3D%270%200%20466%20235%27%3E%3Crect%20width%3D%27466%27%20height%3D%27235%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2014\/02\/ColoreTesto-sfondo-leggiblita1-125x63.jpg 125w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2014\/02\/ColoreTesto-sfondo-leggiblita1-300x151.jpg 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2014\/02\/ColoreTesto-sfondo-leggiblita1-540x272.jpg 540w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2014\/02\/ColoreTesto-sfondo-leggiblita1.jpg 605w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 466px) 100vw, 466px\" \/><\/p><figcaption>Nella parte destra le combinazioni di maggior leggibilit\u00e0 secondo lo studio Lauren-Hill.<\/figcaption><\/figure>\n<h2 id=\"toc_Il_contrasto_un_mero_strumento_della_comunicazione\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.4px\">Conclusioni<\/h2>\n<p><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">Bisogna sapere che ci\u00f2 che una persona vede \u00e8 messo in continua relazione con la sua esperienza, con il suo stato d&#8217;animo presente, passato e futuro e con la sua cultura.<\/span><\/p>\n<p><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\">Certamente, anche la padronanza della lingua ha una determinante influenza nel <\/span><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\"><i>comprendere<\/i><\/span><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\"> il testo ma qui stiamo mettendo l&#8217;attenzione sulla <\/span><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\"><i>leggibilit\u00e0,<\/i> sul &#8220;duplicare&#8221; le forme grafiche dei caratteri<\/span><span style=\"color: var(--awb-text-color); font-family: var(--awb-text-font-family); font-size: var(--awb-font-size); font-style: var(--awb-text-font-style); font-weight: var(--awb-text-font-weight); letter-spacing: var(--awb-letter-spacing); text-align: var(--awb-content-alignment); text-transform: var(--awb-text-transform); background-color: var(--awb-bg-color);\"> che \u00e8 una cosa diversa.<\/span><\/p>\n<p>Le persone non sono &#8220;lettori ottici&#8221;. Il fatto che per la maggioranza sia pi\u00f9 leggibile un testo nero su fondo grigio piuttosto che nero su bianco, in un certo senso, lo dimostra.<\/p>\n<p>\u00c8 in quest&#8217;ottica complessiva, quindi, che dovremmo interpretare tutte quelle scelte che potrebbero migliorare la leggibilit\u00e0 del testo.<\/p>\n<p>Accorgimenti quali: scelta del supporto, struttura della pagina, interlinea, larghezza dei paragrafi sono altri fattori che entrano in gioco e che non ho scelto di non trattare qui.<\/p>\n<p>Il motivo \u00e8 che tali fattori rientrano in un preciso contesto di composizione tipografica rimandato ad altri dettagliati articoli di questo blog.<\/p>\n<p>L&#8217;obiettivo che stiamo tentando di raggiungere \u00e8 una &#8220;duplicazione mentale&#8221; pi\u00f9 rapida possibile della scrittura.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>La leggibilit\u00e0 del testo \u00e8 un aspetto tremendamente vitale nella progettazione grafica, spesso trascurato per la troppa attenzione all&#8217;estetica. In questo articolo un esame approfondito<\/p>\n","protected":false},"author":8,"featured_media":21067,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123],"tags":[],"class_list":["post-5582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-progetto-grafico"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Come migliorare la leggibilit\u00e0 del testo. Dimensioni e colore.<\/title>\n<meta name=\"description\" content=\"Qual \u00e8 il rapporto tra distanza di lettura e dimensioni del carattere? Quali colori offrono il contrasto maggiore? Alcune risposte semplici.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come migliorare la leggibilit\u00e0 del testo. Dimensioni e colore.\" \/>\n<meta property=\"og:description\" content=\"Qual \u00e8 il rapporto tra distanza di lettura e dimensioni del carattere? Quali colori offrono il contrasto maggiore? Alcune risposte semplici.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/\" \/>\n<meta property=\"og:site_name\" content=\"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-22T09:26:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T13:05:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/caratteri-tipografici.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"534\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Carlo Gislon\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Gislon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/\"},\"author\":{\"name\":\"Carlo Gislon\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/person\\\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\"},\"headline\":\"Leggibilit\u00e0 del testo. Dimensioni, caratteri, colori\",\"datePublished\":\"2014-02-22T09:26:23+00:00\",\"dateModified\":\"2025-08-15T13:05:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/\"},\"wordCount\":1093,\"publisher\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/caratteri-tipografici.webp\",\"articleSection\":[\"Progetto\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/\",\"name\":\"Come migliorare la leggibilit\u00e0 del testo. Dimensioni e colore.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/caratteri-tipografici.webp\",\"datePublished\":\"2014-02-22T09:26:23+00:00\",\"dateModified\":\"2025-08-15T13:05:59+00:00\",\"description\":\"Qual \u00e8 il rapporto tra distanza di lettura e dimensioni del carattere? Quali colori offrono il contrasto maggiore? Alcune risposte semplici.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/caratteri-tipografici.webp\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/caratteri-tipografici.webp\",\"width\":800,\"height\":534},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/migliorare-leggibilita-testo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progetto\",\"item\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/category\\\/progetto-grafico\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Leggibilit\u00e0 del testo. Dimensioni, caratteri, colori\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#website\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/\",\"name\":\"Gislon: creative direction studio\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\"},\"alternateName\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#organization\",\"name\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/logo-segnopositivoRisorsa-2.svg\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/logo-segnopositivoRisorsa-2.svg\",\"width\":186,\"height\":55,\"caption\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\"},\"image\":{\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/#\\\/schema\\\/person\\\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\",\"name\":\"Carlo Gislon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/litespeed\\\/avatar\\\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114\",\"url\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/litespeed\\\/avatar\\\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114\",\"contentUrl\":\"https:\\\/\\\/carlogislon.it\\\/staging\\\/wp-content\\\/litespeed\\\/avatar\\\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114\",\"caption\":\"Carlo Gislon\"},\"description\":\"di Carlo Gislon\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come migliorare la leggibilit\u00e0 del testo. Dimensioni e colore.","description":"Qual \u00e8 il rapporto tra distanza di lettura e dimensioni del carattere? Quali colori offrono il contrasto maggiore? Alcune risposte semplici.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/","og_locale":"it_IT","og_type":"article","og_title":"Come migliorare la leggibilit\u00e0 del testo. Dimensioni e colore.","og_description":"Qual \u00e8 il rapporto tra distanza di lettura e dimensioni del carattere? Quali colori offrono il contrasto maggiore? Alcune risposte semplici.","og_url":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/","og_site_name":"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica","article_published_time":"2014-02-22T09:26:23+00:00","article_modified_time":"2025-08-15T13:05:59+00:00","og_image":[{"width":800,"height":534,"url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/caratteri-tipografici.webp","type":"image\/webp"}],"author":"Carlo Gislon","twitter_misc":{"Scritto da":"Carlo Gislon","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#article","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/"},"author":{"name":"Carlo Gislon","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e"},"headline":"Leggibilit\u00e0 del testo. Dimensioni, caratteri, colori","datePublished":"2014-02-22T09:26:23+00:00","dateModified":"2025-08-15T13:05:59+00:00","mainEntityOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/"},"wordCount":1093,"publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/caratteri-tipografici.webp","articleSection":["Progetto"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/","url":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/","name":"Come migliorare la leggibilit\u00e0 del testo. Dimensioni e colore.","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#primaryimage"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/caratteri-tipografici.webp","datePublished":"2014-02-22T09:26:23+00:00","dateModified":"2025-08-15T13:05:59+00:00","description":"Qual \u00e8 il rapporto tra distanza di lettura e dimensioni del carattere? Quali colori offrono il contrasto maggiore? Alcune risposte semplici.","breadcrumb":{"@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#primaryimage","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/caratteri-tipografici.webp","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/caratteri-tipografici.webp","width":800,"height":534},{"@type":"BreadcrumbList","@id":"https:\/\/carlogislon.it\/staging\/migliorare-leggibilita-testo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carlogislon.it\/staging\/"},{"@type":"ListItem","position":2,"name":"Progetto","item":"https:\/\/carlogislon.it\/staging\/category\/progetto-grafico\/"},{"@type":"ListItem","position":3,"name":"Leggibilit\u00e0 del testo. Dimensioni, caratteri, colori"}]},{"@type":"WebSite","@id":"https:\/\/carlogislon.it\/staging\/#website","url":"https:\/\/carlogislon.it\/staging\/","name":"Gislon: creative direction studio","description":"","publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"alternateName":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carlogislon.it\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/carlogislon.it\/staging\/#organization","name":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica","url":"https:\/\/carlogislon.it\/staging\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg","width":186,"height":55,"caption":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e","name":"Carlo Gislon","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114","url":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1788957114","caption":"Carlo Gislon"},"description":"di Carlo Gislon"}]}},"_links":{"self":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/5582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/comments?post=5582"}],"version-history":[{"count":5,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/5582\/revisions"}],"predecessor-version":[{"id":37994,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/5582\/revisions\/37994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media\/21067"}],"wp:attachment":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media?parent=5582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/categories?post=5582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/tags?post=5582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}