CIOFS-FP Piemonte
FANELLI CLAUDIO – GROSSO SILVIO
Web Wrinting
Venerdì 4 settembre 2006
Web Writing
Il Web Writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
Il Web Writer
Alcune considerzioni per
iniziare …
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
• Il mondo del web offre un modo completamente
inedito di comunicare e di scrivere, e il
(stile perfetto)
Accessibilità e
usabilità
giornalista, l’insegnante o il manager è chiamato
a relazionarsi con nuovi strumenti e quindi nuove
regole.
I nuovi strumenti
Il Web Writer
(perché)
Il web
-
I weblog: Una nuova parola si aggira nel mondo dei web editor. Se
(impariamo a conoscerlo)
provate a inserire questo termine sui motori di ricerca, avrete una
Alcune regole
(da non dimenticare)
montagna di risultati con "John's weblogs", "Danny's weblogs", Nancy's
weblogs". Sì, perché i weblog sono una nuova forma editoriale,
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
esclusiva di Internet e strettamente personale.
Se sei un regolare navigatore e appassionato di un tema - se molto
specialistico e di nicchia è meglio - puoi diventare un weblog editor,
ovvero pubblicare quotidianamente i link interessanti che trovi, con i
tuoi brevi commenti. Chi ha la tua stessa passione, visiterà ogni giorno
il tuo sito, per vedere cosa hai scovato di nuovo.
I nuovi strumenti
Il Web Writer
(perché)
Il web
-
e-zine , o webzine, è un "electronic magazine", cioè una rivista
(impariamo a conoscerlo)
pubblicata e distribuita solo sul web.
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
-
La webzine, contrariamente alle riviste cartacee, permette due sviluppi
particolari: il confronto con il lettore e l'intervento del lettore stesso
nella crescita del sito. Ciò vuol dire che, per esempio, da una notizia
pubblicata sulla webzine può nascere un confronto all'interno della
comunità degli utenti e successivamente uno o più utenti potrebbero
inviare altre notizie correlate che lo staff del sito potrebbe pubblicare
all'interno delle proprie pagine.
(Definizione tratta da http://it.wikipedia.org/wiki/Webzine)
I nuovi strumenti
Il Web Writer
(perché)
Il web
-
(impariamo a conoscerlo)
ipertestuali) che permette ad ogni utilizzatore di aggiungere contenuti, come
in un forum, ma anche di modificare i contenuti esistenti inseriti da altri
Alcune regole
(da non dimenticare)
La grafica e I font
Il wiki: Un wiki è un sito web (o altrimenti una collezione di documenti
utilizzatori.
•
(stile perfetto)
Un wiki permette di scrivere collettivamente dei documenti in un semplice
linguaggio di markup usando un web browser. Poiché la maggior parte dei
wiki sono basati sul web, il termine "wiki" è di solito sufficiente. Una singola
Accessibilità e
usabilità
pagina in un wiki è chiamata "pagina wiki", mentre l'insieme delle pagine,
che sono usualmente strettamente interconnesse, è chiamato "il wiki".
•
Una caratteristica distintiva della tecnologia wiki è la facilità con cui le
pagine possono essere create e aggiornate. Generalmente, non esiste una
verifica preventiva sulle modifiche, e la maggior parte dei wiki è aperta a tutti
gli utenti -- o almeno a tutti quelli che hanno accesso al server wiki.
(Definizione tratta da http://it.wikipedia.org/wiki/Wiki )
I nuovi strumenti
Il Web Writer
(perché)
Il web
-
RSS: (acronimo di RDF Site Summary ed anche di Really
(impariamo a conoscerlo)
Simple Syndication) è uno dei più popolari formati per la
Alcune regole
(da non dimenticare)
distribuzione di contenuti Web; è basato su XML, da cui ha
La grafica e I font
ereditato la semplicità, l'estensibilità e la flessibilità.
(stile perfetto)
Accessibilità e
usabilità
-
La fruizione di un documento RSS è un processo molto
semplice. Le modalità più diffuse sono due: attraverso
appositi software che interpretano un feed permettendo agli
utenti di visualizzarne i contenuti, o integrando i contenuti del
feed all'interno di un sito Web.
(Definizione tratta dal sito http://it.wikipedia.org/wiki/RSS)
Il Web Writer
Alcune considerzioni per
iniziare …
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
• Nascono così nuove figure di scrittori online (web
writer), che a partire dalla scrittura ipertestuale
(da non dimenticare)
La grafica e I font
si propongono di arrivare a nuove forme di
(stile perfetto)
informazione. Attraverso le competenze del web
Accessibilità e
usabilità
editor, possono affermarsi dei veri e propri
giornalisti online che tracciano nuovi assetti nel
futuro della comunicazione digitale senza vincoli
spazio/temporali.
Alcune considerzioni per
iniziare …
Il Web Writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
•
Eppure imparare a scrivere per il web è
particolarmente importante e urgente. Perché, passata
l'euforia per la novità del mezzo, su Internet oggi si
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
cercano soprattutto i contenuti. E poi perché,
contrariamente all'editoria tradizionale, riservata
comunque a pochi, su Internet possiamo scrivere e
pubblicare tutti. Senza strettoie, senza ostacoli e
persino senza soldi.
La fortuna del web
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
• Essere costituito non da testi ma da ipertesti.
• Ha fatto grande il web è senz’altro la
possibilità di interagire.
• Una rete che annulla le distanze
• Permette collegamenti tra immense quantità
di informazioni.
Nascita dell’ipertesto
Il web writer
(perché)
Il web
•
Il concetto di ipertesto come testo non lineare, leggibile in
(impariamo a conoscerlo)
una sequenza non preordinata e seguendo percorsi scelti
Alcune regole
(da non dimenticare)
dai singoli lettori, era nato negli anni 40 del ventesimo
La grafica e I font
secolo.
(stile perfetto)
Accessibilità e
usabilità
•
L'idea di creare un ipertesto globale (il web) venne a
Tim Berners-Lee nel 1989, quando lavorava presso il
CERN di Ginevra.
•
La nascita di Internet aprì nuove possibilità che
coinvolgono direttamente anche le tecniche di
scrittura.
La lettura sul web
Il web writer
(perché)
Il web
•
Il 79% dei navigatori del Web non legge riga per riga,
(impariamo a conoscerlo)
piuttosto "scorre" la pagina, cercando rapidamente quello che
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
gli interessa.
•
La lettura su un monitor richiede mediamente il 25% di
tempo in più rispetto alla lettura sulla carta;
•
La lettura su web avviene velocemente perché:
– navigare costa,
– Internet è molto vasto e la voglia di andare a trovare
altrove quello che stiamo cercando è sempre in agguato.
La lettura sul web
Il web writer
(perché)
Il web
•
Il lettore si ferma sulla pagina solo se viene catturata
(impariamo a conoscerlo)
l’attenzione nei primi 20-30 secondi.
Alcune regole
(da non dimenticare)
•
la lettura sullo schermo è faticosa per gli occhi;
La grafica e I font
•
il lettore del Web vuole essere attivo e decidere quando
(stile perfetto)
Accessibilità e
usabilità
spostarsi da una pagina all'altra;
•
il lettore può scegliere tra una grande quantità di pagine a sua
disposizione e per questo preferisce leggere l'essenziale di
una pagina per poi continuare la propria ricerca in altre pagine;
La lettura sul web
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Lettori del Web
Ultrarapidi, frenetici, insofferenti,
e molto esigenti
Accessibilità e
usabilità
« Se qualcosa non mi salta subito
all'occhio, la lascio perdere.»
Il design
Il web writer
(perché)
Il web
•
Il web da la possibilità di utilizzare due elementi importanti:
(impariamo a conoscerlo)
il design e l'ipertesto.
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
•
Quando si scrive per il web, il design è parte integrante del
processo della scrittura. Anche il testo viene presentato come
grafica e come immagine. La grafica, a sua volta, può essere
letta come un testo e può fornire maggiori dati e informazioni
di un'intera pagina scritta.
Testo e grafica vanno sempre concepiti insieme.
L’ipertesto
Il web writer
(perché)
Il web
•
Il web da la possibilità di utilizzare due elementi importanti:
(impariamo a conoscerlo)
il design e l'ipertesto.
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
•
Lo scrittore di Testi tradizionali è responsabile della
strutturazione del testo (frasi, paragrafi e poi capitoli,
sottocapitoli, ecc.).
•
Oggi lo scrittore per il Web deve organizzare il testo in
funzione di diversi possibili percorsi di lettura che
raramente sono lineari.
Accessibilità e
usabilità
Alcune regole
Il web writer
(perché)
Il web
•
Il caricamento di una pagina non deve superare gli 8-10 secondi pena
(impariamo a conoscerlo)
l'abbandono da parte degli utenti del Web.
Alcune regole
(da non dimenticare)
•
Bisogna disseminare la pagina di segnali che dicano immediatamente
di cosa si parla e che rendano subito chiaro il contenuto della pagina.
La grafica e I font
(stile perfetto)
•
sullo schermo si legge con maggiore difficoltà, quindi testi brevi
Accessibilità e
usabilità
•
chi consulta il web lo fa velocemente, quindi titoli e sottotitoli chiari
la pagina web è uno spazio in cui il lettore deve potersi orientare e
ritrovare
Alcune regole
Il web writer
(perché)
Il web
•
Stessa struttura per documenti che trattano lo stesso tema o dello
(impariamo a conoscerlo)
stesso tipo.
Alcune regole
(da non dimenticare)
•
indirizzano e fanno fermare lo sguardo.
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
E anche il vuoto e lo spazio bianco acquistano la loro importanza:
•
Non fate mai l'errore di riutilizzare così com'è un testo scritto per la
stampa e di trasformarlo in html.
Caratteristiche principali del web
Il web writer
(perché)
•
Il web
Sfruttarne tutte le potenzialità dell’iperteso.
(impariamo a conoscerlo)
•
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
Che non significa affatto spezzare un documento in tanti pezzetti e
unirli, di schermata in schermata, con una freccia, magari con sotto la
scritta "avanti". Scrivere un documento ipertestuale significa invece
chiedersi chi è il nostro lettore, cosa vuole sapere prima, cosa dopo,
cosa considera più importante e cosa invece un dettaglio. Significa non
solo scrivere un testo, ma organizzare l'informazione, scegliere i link,
cioè le porte che conducono avanti nel percorso di lettura, e dare a
queste porte dei nomi semplici e brevi, ma che facciano immaginare e
capire al lettore cosa troverà oltre. Scegliere un link e titolarlo è infatti
uno dei compiti più difficili di chi scrive per il web e fa parte del "nuovo"
talento editoriale.
Alcune regole
Il web writer
(perché)
Il web
•
(impariamo a conoscerlo)
Oggi lo scrittore per il Web deve organizzare il testo in funzione di
diversi possibili percorsi di lettura che raramente sono lineari.
Alcune regole
(da non dimenticare)
•
La grafica e I font
Il web writer deve essere consapevole del fatto che una pagina che ha
scritto potrà essere letta da lettori che non conoscono nulla di ciò che
(stile perfetto)
precede o segue tale pagina.
Accessibilità e
usabilità
•
Ogni frase, ogni periodo, ogni pagina devono avere una propria
autonomia ed essere comprensibili ed esaurienti per quei lettori che
giungono su una pagina web da altre pagine o dopo aver digitato
alcune parole chiave in un motore di ricerca.
Alcune regole
Il web writer
(perché)
Il web
•
(impariamo a conoscerlo)
ridondanze, aggettivi e avverbi di troppo -: ogni parola deve avere una
sua funzione.
Alcune regole
(da non dimenticare)
Rileggete attentamente il testo cercando di eliminare il più possibile -
•
La grafica e I font
Dividete il testo in paragrafi indipendenti l'uno dall'altro, ognuno non più
lungo di una schermata. Quindi eliminate tutte le parole di transizione
(stile perfetto)
da un paragrafo e l'altro: via i "d'altra parte", "di conseguenza",
Accessibilità e
usabilità
"eppure" all'inizio dei paragrafi.
•
Titolate ogni paragrafo condensando nel titolo il contenuto del
paragrafo stesso. Individuate alcune parole chiave all'interno del
paragrafo: poche, ma utili a cogliere gli elementi essenziali già al primo
sguardo. Evidenziatele in grassetto o con un diverso colore.
Alcune regole
Il web writer
(perché)
Il web
•
(impariamo a conoscerlo)
Controllate la sintassi e cercate di semplificarla. In particolare, occhio
ai troppi incisi e ai periodi troppo lunghi.
Alcune regole
(da non dimenticare)
•
La grafica e I font
Adottate un tono più diretto e colloquiale. Se vi è possibile, passate
dalla terza alla prima persona. Singolare o plurale non importa, ma
(stile perfetto)
rivolgetevi direttamente al lettore.
Accessibilità e
usabilità
•
Arricchite il testo con link di approfondimento.
•
All'inizio della pagina, mettete un indice con i titoli dei paragrafi e un
link diretto a ogni paragrafo.
Alcune regole
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
•
Diritto d'autore
Anche se sul web i testi si possono copiare, esportare e riutilizzare con
estrema facilità, le leggi sul copyright e il rispetto del lavoro altrui
valgono anche qui: tutto è protetto da copyright, a meno che l'autore
non inviti esplicitamente a copiare e a diffondere liberamente i suoi
testi (sempre però citandolo correttamente, assieme alla fonte).
Copiare, inoltre, non conviene: se è facile copiare, è altrettanto facile
scoprire i "furti" e denunciarli presso la propria online community.
L'originalità, invece, paga sempre: nel grande calderone di contenuti,
così facili da pubblicare, si distingue solo chi ha davvero qualcosa di
nuovo e originale da dire.
Alcune regole
Il web writer
(perché)
Il web
•
Orientamento
In quell'infinito ipertesto che è il world wide web non c'è un prima, né un dopo,
(impariamo a conoscerlo)
perché è il lettore che decide liberamente il suo percorso. Parole come "avanti" e
Alcune regole
"indietro" non hanno quindi senso. Ne ha molto, invece, usare le parole per fare in
(da non dimenticare)
modo che il navigatore non si perda, dotando le pagine di piccole e preziose
La grafica e I font
bussole di navigazione: il titolo del sito o il logo, la mappa con le sezioni principali,
(stile perfetto)
Accessibilità e
usabilità
il ritorno alla home, la data dell'ultimo aggiornamento.
•
Sintassi
Il web e i suoi ritmi veloci vogliono uno stile di scrittura più leggero, una sintassi più
semplice e piana, senza troppi incisi e subordinate. Non è difficile. Basta osservare
la "legge della vicinanza", ovvero tenere sempre insieme soggetto, verbo e
complemento oggetto, senza separarli con inutili incisi. E usare il punto fermo il più
possibile: punto e a capo.
La grafica e il testo
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
Quando un navigatore giunge in un sito si trova di
fronte a due elementi fondamentali: i contenuti grafici e
quelli testuali.
La grafica e I font
(stile perfetto)
La natura del Web è caratterizzata proprio dall'unione
Accessibilità e
usabilità
di questi due elementi che, a differenza di altri media,
si fondono per creare un ambiente in cui l'utente del
Web può accomodarsi per iniziare la sua esplorazione.
I font
Il web writer
(perché)
Il web
Cosa sono
(impariamo a conoscerlo)
Il carattere o font è la forma grafica delle lettere che compongono
Alcune regole
(da non dimenticare)
un alfabeto.
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
Quali tipi di font esistono?
Esistono parecchie classificazioni dei font, qui ci occuperemo
delle più utili e conosciute. Possiamo dividere i font in 4 grandi
famiglie (serif, sans-serif, calligrafici e fantasia),
I font
Il web writer
(perché)
Il web
Come riconoscerli?
(impariamo a conoscerlo)
Serif o graziati, sono caratterizzati da dei trattini (grazie o serif
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
appunto) più o meno elaborati in chiusura delle aste. I font
graziati vengono di solito usati per dare uno stile elegante o
un'effetto old style.
Accessibilità e
usabilità
Sans-serif o bastoni, sono, al contrario dei serif, privi di alcun
fregio in chiusura delle aste. Di gran lunga i più usati sul web,
simboleggiano semplicità e informalità ma anche stabilità e
modernità. Per queste due ultime caratteristiche i sans-serif sono
preferiti per i loghi delle aziende moderne.
I font
Il web writer
(perché)
Il web
Come riconoscerli?
(impariamo a conoscerlo)
Script o calligrafici, simulano la scrittura a mano libera (corsiva)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
spesso inclinata e con lettere che tendono ad unirsi fra loro. Sono
tipici dello scritto a mano libera e quindi da usare per effetti
particolari. Di non facile leggibilità.
Accessibilità e
usabilità
Fantasia, comprendono tutti quei caratteri con particolari effetti o
fregi che non possono essere catalogati nelle categorie qui sopra.
Questi tipi di font sono assolutamente sconsigliati per testi lunghi.
I font
Il web writer
(perché)
Il web
Spesso sono trascurati
(impariamo a conoscerlo)
Alcune regole
Invece i font rappresentano una caratteristica di notevole impatto
(da non dimenticare)
per il lettore delle nostre pagine.
La grafica e I font
(stile perfetto)
I font hanno due valori importanti:
Accessibilità e
usabilità
– Valore funzionale : Leggibilità
– Valore emotivo: (serietà, professionalità, simpatia o
esuberanza)
I font
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Come usare i font?
Alcune regole
(da non dimenticare)
La grafica e I font
La scelta del font deve essere un giusto mix tra:
(stile perfetto)
– il proprio gusto
Accessibilità e
usabilità
– il gusto del committente
– le esigenze di comunicazione
– la ricerca della chiarezza e della leggibilità della pagina.
I font
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Quali font usare?
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
Dopo tutto quanto detto, è ovvio che il consiglio d'utilizzo è altamente
opinabile. Tuttavia, possiamo dire che per la scrittura a video e in
particolare per i siti Web siano preferibili caratteri sans serif, come
il Verdana, il Tahoma o l'Arial.
I font
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Quali font usare?
Alcune regole
(da non dimenticare)
La grafica e I font
Se proprio non si vuole rinunciare alle grazie, il Georgia è una versione
(stile perfetto)
più moderna e brillante del Times New Roman. Ricorda quindi molto i
Accessibilità e
usabilità
giornali e i libri, ma è stato appositamente disegnato per la lettura da
schermo. Bello e leggibilissimo il corsivo.
I font
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Quali font usare?
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Comic Sans:Spiritoso e disinvolto, ricorda le scritte dei fumetti. Usatelo
quindi per le vostre home page personali, per i siti rivolti ai bambini e
ovunque vogliate trasmettere simpatia e informalità. Ma guardatevi bene
Accessibilità e
usabilità
dallo scrivere in Comic sans il sito della vostra azienda o del vostro small
business: nessuno vi prenderà sul serio.
Il carattere altre scelte …
Il web writer
(perché)
Il web
•
Preferite i caratteri che vengono letti da ogni browser: arial,
times, courier, helvetica, verdana. Se volete usare caratteri
particolari, soprattutto per i titoli, fatene delle immagini.
•
Anche se ora usa molto variare i caratteri, resistete alla
tentazione di usarne troppi per evitare l'effetto confusione.
Sceglietene due, uno per i titoli: uno per il corpo del testo.
•
Attenzione a scrivere con caratteri inferiori ai 10 pt. Per il
corpo del testo, l'ideale è tra i 10 e i 14 pt, uno o due corpi di
più per i titoli.
•
Anche se tradizionalmente il corsivo serve a distinguere e a
dare enfasi, sullo schermo si legge meglio il grassetto. Non
usate il sottolineato, si confonde con i link..
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
Il cervello umano percepisce ed elabora i colori di un sito in
meno di un secondo, registrando una sensazione positiva o
negativa che poi accompagnerà l'utente durante tutto il resto della
navigazione.
(stile perfetto)
Accessibilità e
usabilità
Il primo sguardo è come la presentazione di uno sconosciuto, le
valutazioni iniziali si basano soprattutto su aspetti inconsci, e i
colori sono sicuramente il biglietto da visita più evidente in questo
senso.
La grafica e il colore
Il web writer
(perché)
Il web
Il nostro occhio, percepisce solo alcune delle moltissime onde
(impariamo a conoscerlo)
che la luce diffonde colpendo gli oggetti, riconosce uno spettro di
Alcune regole
(da non dimenticare)
sette colori: il rosso, l’arancio,il giallo, il verde, l’azzurro,
La grafica e I font
l’indaco e il violetto; ovvero quelli che solitamente vengono
(stile perfetto)
Accessibilità e
usabilità
ricordati come "i colori dell’arcobaleno".
Una superficie verde assorbe
tutti i colori tranne il verde
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
I colori si suddividono, in qualsiasi sintesi, in primari (noi
consideriamo ora: rosso, blu e giallo) e secondari (verde, viola e
arancio).
–
La grafica e I font
essere generati da altri".
(stile perfetto)
–
Accessibilità e
usabilità
I primari sono i colori che, come si suole dire, "non possono
I secondari sono invece frutto di associazione fra parti uguali di
due primari.
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
Da questa suddivisione otteniamo le coppie di complementari,
ovvero le coppie composte da un primario e dal secondario
ottenuto dalla mescolanza degli altri due. Le coppie di colori
complementari nel caso esaminato sono:
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità

rosso e verde (verde = giallo + blu)

giallo e viola (viola = blu + rosso)

blu e arancio (arancio = giallo + rosso)
Il sito http://www.mundidesign.com/ risulta molto
interessante per visualizzare i colori.
La grafica e il colore
Il web writer
(perché)
Il web
I colori complementari sono particolari in quanto, quando
(impariamo a conoscerlo)
vengono avvicinati, essendo fra di loro in massimo contrasto,
Alcune regole
(da non dimenticare)
creano all’occhio un particolare effetto tremolio che rende
La grafica e I font
difficilissima la messa a fuoco e affatica la vista, rendendo difficile
(stile perfetto)
Accessibilità e
usabilità
la lettura
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
È chiaro quindi quanto sia importante ai fini della leggibilità di un
testo scegliere bene il colore del testo e dello sfondo.
Uno studio fatto da un’Università del Texas sulla leggibilità in
funzione dei colori di testo e background ha riportato i seguenti
risultati:
I più leggibili: bianco su nero; grigio su nero; bianco su blu; nero
su bianco; giallo su nero; blu su bianco
I meno leggibili: verde su rosso; blu su fucsia
La grafica e il colore
Il web writer
(perché)
Il web
Se per qualche motivo avete problemi cromatici, o, ad esempio,
(impariamo a conoscerlo)
avete un colore di base ma non avete idea di come
Alcune regole
(da non dimenticare)
associargliene un altro, potete farvi aiutare da questo "Color
La grafica e I font
consultant": questo sito vi aiuta ad associare bene i colori,
(stile perfetto)
Accessibilità e
usabilità
tenendo anche conto di quelli web safe.
http://wellstyled.com/tools/colorscheme2/index-en.html
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
•Cosa sono i colori web safe?
•I computer più vecchi hanno schede video e monitor in grado di
visualizzare correttamente soltanto 256 colori. Questi 256 colori
vengono gestiti diversamente dalle piattafome PC e Mac; a causa
di queste differenze rimangono soltanto 216 colori comuni.
•Se vogliamo essere sicuri che i nostri lavori vengano visti
perfettamente da qualsiasi utente (anche quelli che hanno
computer con settaggi video a 8 bit, ovvero che visualizzano solo
256 colori), dobbiamo utilizzare per i nostri lavori solo i 216 colori
riportati nella tabella qui sotto, detti appunto colori "web safe".
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
http://www.pilloledimarketingweb.it/colore.html
La grafica e il colore
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
• Per il corpo del testo il colore più indicato è sempre il nero.
Sbizzarritevi con i colori per i titoli e le parole da evidenziare
• Usate il colore per i titoli e per evidenziare alcune parole
chiave su cui volete richiamare l'attenzione, ma evitate le
arlecchinate. I colori sono i font del web. Due per pagina sono più
che sufficienti.
• Differenziare graficamente le diverse sezioni di un sito è
molto utile, ma l'unità stilistica va mantenuta.
La grafica e i titoli
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
La grafica e i titoli
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
•I titoli sono tra i più importanti strumenti di navigazione. Pur
nella brevità, fate dire loro il più possibile. E non fatene troppi
(da non dimenticare)
livelli: titolo e sottotitolo bastano.
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
•I titoli non dovrebbero mai essere molto più grandi del testo.
Spesso il neretto basta.
La grafica e le immagini
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
http://grafica.html.it/articoli/leggi/
Alcune regole
(da non dimenticare)
La grafica e I font
271/trovare-le-immagini-giuste-
(stile perfetto)
Accessibilità e
usabilità
in-rete/
La grafica e le immagini
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità
Ultimi consigli ….
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
•
Cercate di scrivere blocchi di testo di lunghezza uniforme.
•
Ricordate che più le linee di testo sono lunghe, più difficile è la
Alcune regole
lettura. Attenetevi quindi a una colonna più stretta di quella
(da non dimenticare)
che usate normalmente con il vostro word processor (non più
La grafica e I font
(stile perfetto)
di 500 pixel).
•
Accessibilità e
usabilità
Lasciate molti spazi bianchi. Aiutano la lettura e fanno
risaltare il testo e le immagini.
•
Il punto migliore dove porre il titolo del sito e il sistema di
navigazione è la barra in alto, la prima che si vede.
•
Meno elementi e icone ci sono in una pagina, meglio è. La
semplicità è l'essenza del web design. Mettete solo quanto
realmente serve e ha una sua funzione.
Ultimi consigli ….
Il web writer
(perché)
Il web
•
(impariamo a conoscerlo)
caricare e carine solo la prima volta. Vengono subito a noia e
distraggono dalle informazioni.
Alcune regole
(da non dimenticare)
•
La grafica e I font
Non dimenticate che le vostre pagine molto probabilmente
verranno stampate. Quindi: niente colori strani, niente
(stile perfetto)
Accessibilità e
usabilità
Evitate e comunque limitate le animazioni. Sono pesanti da
textures sul fondo, attenzione ai frames.
•
Se il vostro web non mira a stupire, ma a comunicare con
chiarezza informazioni e contenuti, scegliete il fondo bianco.
E' sempre quello dove si legge meglio e oltretutto è tornato di
gran moda.
•
E infine: selezionate i siti che più vi piacciono da un punto di
vista grafico e copiate a man bassa le idee.
Accessibilità e Usabilità
Il web writer
(perché)
Il web
(impariamo a conoscerlo)
Alcune regole
(da non dimenticare)
La grafica e I font
(stile perfetto)
Accessibilità e
usabilità