Design degli Elementi Grafici
La grafica puo' aggiungere chiarezza e forza ad una pagina ma puo' anche
renderla spiacevole, lenta da caricare, inadatta a certe piattaforme hardware.
Considerazioni sulla grafica sono:
- dimensione in pixel, orizzontale e verticale
- rapporto delle immagini con altre immagini circostanti e col testo
- dimensioni in byte
- le immagini in background devono essere piccole e piacevoli quando
sottoposte a tiling; i confini dei tiles non si devono vedere
- il logo deve essere comprensibile ma piccolo
- le imagemap devono essere tutte contenute in una singola videata,
quindi max ca. 450x320 pixel, preferibilmente a zone di colore continuo
o in formato JPEG
- l'immagine principale deve essere piccola, preferibilmente orizzontale,
e densa, cioe' deve dare molte informazioni in poco spazio
- i bullet devono essere veramente piccoli
- le icone devono essere di pochi tipi diversi
- le righe orizzontali devono essere con pochi colori
- le barre di navigazione devono variare il meno possibile
da pagina a pagina, p.es. costruendole con molti elementi separati
- le fotografie devono essere piccole compatibilmente con la comprensione
del contenuto: le foto grandi vanno caricate a richiesta, con avvertimento
della dimensione
Orientativamente vi sono in una pagina 10 elementi di barra del titolo,
di cui uno variante, due bullet di tipo diverso, una riga grafica,
tre icone, due fotografie.
Le pagine con foto piu' grandi o imagemap non devono contenere molti
altri elementi grafici.
Una pagina ha dimensione tipica di 10 KBytes per la parte testuale e non piu'
di 40-80 KByte per la somma di tutti gli elementi grafici, di cui
qualcuno e' ripetuto.
Ogni elemento grafico deve avere la specifica come attributo delle
sue dimensioni, per accelerare la formattazione globale di pagina ancora
prima del caricamento di tutti gli elementi.
Ogni elemento grafico deve essere corredato di un testo alternativo:
- per le foto questo e' una capzione
- per le righe separatrici e', p.es. una sequenza di '---------'
<
- per i bullet e' un aterisco
- per gli elementi di navigazione sono parole come NEXT, UP, ecc.
Quando vi sono 'imagemap' queste non devono essere l'unico metodo per
accedere ai link a cui puntano ma deve esserci anche
un metodo di navigazione testuale.
Occorre sempre pianificare le pagine in modo che la grafica sia
molto apprezzata ma non indispensabile.
©1998 A.P.Software Informatica