{"id":238,"date":"2007-01-03T17:15:35","date_gmt":"2007-01-03T15:15:35","guid":{"rendered":"http:\/\/www.wmtools.com\/news\/articoli-sul-web-marketing\/sfondi-e-colori-e-formato-dei-caratteri"},"modified":"2007-02-19T18:22:57","modified_gmt":"2007-02-19T16:22:57","slug":"sfondi-e-colori-e-formato-dei-caratteri","status":"publish","type":"post","link":"https:\/\/www.wmtools.com\/news\/articoli-sul-web-marketing\/sfondi-e-colori-e-formato-dei-caratteri","title":{"rendered":"Sfondi e colori e Formato dei caratteri"},"content":{"rendered":"

Ecco l’ottavo capitolo dell\u2019Articolo: Scrivere e disporre i contenuti per il web<\/a><\/p>\n


\n8.1. Sfondi e colori<\/strong><\/p>\n

Garantisci sempre un elevato contrasto tra lo sfondo della pagina ed i caratteri.<\/p>\n

Lo sfondo deve essere tale. Se risalta pi\u00f9 del testo la pagina web sar\u00e0 inefficace<\/span><\/em><\/strong>.<\/span><\/p>\n

Uno sfondo a tinte troppo vivaci o con immagini ad alto contrasto cromatico riduce la leggibilit\u00e0 dei caratteri, attenuando di pari passo l\u2019attenzione di chi legge; non solo, provoca anche un \u201cappesantimento\u201d della pagina, diminuendo – a volte drasticamente – la velocit\u00e0 di caricamento. Inoltre, utilizza sempre caratteri scuri su di uno sfondo bianco (o viceversa), nel quale possono anche essere presenti loghi ed immagini, purch\u00e9 percepibili in trasparenza.<\/p>\n

\n

8.2. Formato dei caratteri<\/strong><\/p>\n

Per facilitare l\u2019utente nella ricerca delle informazioni pu\u00f2 essere utile utilizzare caratteri colorati: onde evitare il rischio di fraintendimenti, non usare i colori standard dei link (attualmente forse non \u00e8 pi\u00f9 cos\u00ec fondamentale seguire questo consiglio, l\u2019utente medio \u00e8 maturato nel corso degli anni, ad ogni modo nel dubbio, quando possibile, attieniti a questa regola).<\/p>\n

Usa, quando possibile, set di caratteri attraverso i css. Effettua test su pi\u00f9 computer per essere certo che il carattere scelto sia disponibile nella dotazione media degli utenti.<\/span><\/em><\/strong><\/p>\n

Utilizza, quando possibile, lo stesso tipo di colore per il medesimo tipo di informazioni<\/strong>: questo aumenta le capacit\u00e0 cognitive degli utenti; viceversa, inserire casualmente del testo colorato le attenua drasticamente.<\/p>\n

Usa con intelligenza l\u2019arma del grassetto,<\/strong> ricordandoti che i motori di ricerca, almeno ad oggi, danno maggior rilievo ai contenuti che ne fanno uso! Attenzione al corsivo<\/em> e alla sottolineatura: il primo \u00e8 meno leggibile del carattere standard, la seconda pu\u00f2 facilmente confondere l\u2019utente, creando in lui l\u2019aspettativa che il testo sottolineato rappresenti un link (diverse ricerche affermano infatti che l\u2019utente invariabilmente \u00e8 spinto a \u201ccliccare\u201d sul testo sottolineato).
\nLa scelta del tipo di carattere (font) v\u00e0 effettuata in modo oculato, e per due motivi<\/p>\n

\u2022 il font deve essere funzionale alla lettura;
\n\u2022 alcuni font potrebbero non essere installati nel computer dell\u2019utente.<\/p>\n

Circa il primo punto, consiglio l\u2019uso di caratteri lineari, detti anche \u201ccaratteri a bastone\u201d: hanno lettere pi\u00f9 grandi, tonde e staccate, per cui si distinguono bene le une dalle altre. Di tali caratteristiche sono forniti i font Arial, Verdana e Tahoma<\/em>.
\nSarebbero invece da evitare i font \u201ccompressi\u201d, quali ad esempio Impact, Rockwell<\/em>, ecc., e quelli stilizzati (Matura, Snap, ecc.), che impediscono una visione nitida dei caratteri.
\nSe la pagina \u00e8 destinata alla stampa, sembrano pi\u00f9 adatti i font \u201ca grazie\u201d, del tipo Courier e Times New Roman<\/em>: le lettere sono pi\u00f9 piccole, ma presentano linee pi\u00f9 curve ed armoniose.
\nQuanto al secondo punto, sottolineo che l\u2019uso di caratteri non installati sul computer dell\u2019utente pu\u00f2, specie in presenza di browser meno recenti, rendere illeggibile il testo. \u00c8 opportuno, quindi, utilizzare i caratteri standard in dotazione con il sistema operativo. Se ami gli standard come me il problema \u00e8 risolto utilizzando i css e le classi di font. Puoi definire un set di caratteri per i contenuti (ad esempio: tahoma, arial narrow, arial) e, addirittura, un\u2019intera classe (serif, sans serif).
\nSe uno dei caratteri non \u00e8 installato nel pc dell\u2019utente i contenuti verranno riprodotti con il successivo e, se proprio nessuno \u00e8 disponibile, allora verr\u00e0 utilizzato il primo carattere serif o san serif disponibile.<\/p>\n

\n

Capitoli gi\u00e0 usciti:<\/p>\n

1. Criteri di raccolta delle informazioni – scrivere per il web<\/a>
\n2. Il linguaggio da utilizzare – come rivolgersi all\u2019utente<\/a>
\n3. La correzione del testo – organizzazione interna delle pagine web<\/a>
\n4. Intestazione di pagina<\/a>
\n5. I segnali di riconoscimento – strutturare la pagina
\n6. Densit\u00e0 dei contenuti – il maiuscolo e gli allineamenti<\/a>
\n7. Lunghezza della pagina – margini della pagina<\/a><\/p>\n

Ultimo capitolo in uscita:<\/p>\n

9. I titoli dei paragrafi – Conclusione<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Ecco l’ottavo capitolo dell\u2019Articolo: Scrivere e disporre i contenuti per il web 8.1. Sfondi e colori Garantisci sempre un elevato contrasto tra lo sfondo della pagina ed i caratteri. Lo sfondo deve essere tale. Se risalta pi\u00f9 del testo la pagina web sar\u00e0 inefficace. Uno sfondo a tinte troppo vivaci o con immagini ad alto…","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,7,4],"tags":[26,46,77],"class_list":["post-238","post","type-post","status-publish","format-standard","hentry","category-articoli-sul-web-marketing","category-consigli-seo","category-scrivere-per-il-web","tag-ebook","tag-font","tag-html"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/comments?post=238"}],"version-history":[{"count":0,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/238\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/media?parent=238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/categories?post=238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/tags?post=238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}