Gif animate



Com'è noto, GIF è l'acronimo di Graphic Interchange Format (formato di compressione immagini il cui algoritmo è di proprietà di Compuserve) e supporta da 2 (b/n) a 256 colori. È Il formato con il quale si possono realizzare gif con animazioni di vario genere: a volte si tratta di una stessa immagine, ripetuta in posizioni diverse, a volte di immagini diverse che si alternano in una sequenza preordinata (la tecnica di montaggio delle immagini che confluiscono in una gif animata è simile a quella utilizzata per realizzare cartoni animati).

Le gif animate possono essere inserite in una pagina web a scopo puramente decorativo, o come icone di un indice-sommario (vedi Esempio 1), ma possono anche veicolare informazioni (vedi Esempio 2).

Esempio 1

CONTENUTI DEL SITO - Inizio dell'Indice
Città d'Italia: Roma, Firenze, Milano--I capolavori di Pablo Picasso--I capolavori di Francisco Goya
CONTENUTI DEL SITO - Termine dell'indice

Nell'esempio 1 è ipotizzata la creazione di un indice di un sito web. L'indice è realizzato utilizzando gif animate: le sezioni riguardano: "Città d'Italia: Roma, Firenze, Milano", "I capolavori di Pablo Picasso", "I capolavori di Francisco Goya". Per ciascuna immagine è stata immessa la didascalia con il tag ALT. Per informare i non vedenti che si tratta, appunto, di un indice sono inoltre state inserite le seguenti scritte, in colore bianco: "CONTENUTI DEL SITO - Inizio dell'indice" e "CONTENUTI DEL SITO - Termine dell'indice" (rimarranno invisibili ad altri utenti e non disturberanno alcun equilibrio di impaginazione, ma saranno rilevate dalla sintesi vocale o dalla barra braille di un utente non vedente). Ovviamente, in un caso del genere, ogni immagine dovrà prevedere anche il link (omesso nell'esempio) che indichi la pagina a cui puntare per raggiungere gli argomenti proposti all'interno del sito.

Esempio 2

Tutti i materiali di HTML.IT su CD-ROM; 8000 elementi grafici di GIFANIMATE.IT su CD-ROM; 3000 font di font.IT su CD-ROM

In questo secondo esempio la gif animata riguarda i tre CD-rom che HTML.it offre per l'acquisto ai propri visitatori: la didascalia riassume tale proposta, oltre a prevedere il link alla pagina principale di HTML.it. Nel caso il testo equivalente fosse stato più esteso di quello già abbondante inserito in tale esempio, sarebbe stato necessario mettere a disposizione degli utenti non vedenti un testo alternativo che descrivesse in modo più ampio il contenuto della gif animata. Ovviamente, ciò dev'essere valutato a seconda dell'importanza e della  funzione che la gif animata può avere nel contesto di una pagina html.

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti