M. Editoria elettronica Indice Premessa 01 Testata per pagina web formato 800x600 pixel 02 Testata per pagina web formato 1024x768 pixel 03 Esempio di Home page formato 800x600 pixel 04 Esempio di pagina web interna base 800 pixel 05 Esempio di Home page formato 1024x768 pixel 06 Esempio di pagina web interna base 1024 pixel
M. Editoria elettronica Premessa Di seguito presentiamo le linee guida per l'applicazione dei criteri di identità all'interfaccia dei siti del sistema camerale online. Per necessità di generalizzazione, tenendo conto delle diverse esigenze dei singoli enti, sono definiti layout per home page e pagina interna tipo, del tutto trasversali rispetto ad organizzazione e tipologia dei contenuti, applicabili a prescindere dall'architettura informativa adottata da ogni singolo sito/portale. I layout elaborati sono il risultato derivato dalla sintesi tra criteri di usabilità raccomandati dalla normativa vigente in materia, oltreché dall analisi di tutti i siti camerali interessati. In particolare, il risultato dell analisi ha permesso di definire alcuni principali elementi comuni riscontrabili in buona parte dei siti e pertanto utilizzabili nella composizione dei layout standard di riferimento. Sono definiti quindi: - header - menù funzionale - menù principale - path (percorso di navigazione) - box e stringhe di ricerca - box e testi "in evidenza" - testi semplici - titoli ed intestazioni - spazi banner - inserimento immagini - footer Per questi vengono riportati dimensione e disposizione di riferimento all'interno dei layout nelle risoluzioni 800x600 e 1024x768. Tutte le testate previste consentono la realizzazione in html di un layout elastico, flessibile e adattabile alle diverse necessità. I colori utilizzati sono il rosso #AE3F27 (corrispondente al Pms 1807 C) e il grigio #9E9887 (corrispondente al Pms Warm Gray 9 C), trascodificati da Macromedia Dreamweaver.
M.01 Editoria elettronica. Testata per pagina web formato 800x600 pixel In questa tavola sono illustrate tre possibili testate alternative per le pagine web di formato 800x600 pixel. Nel caso di testata contenente un immagine, la stessa deve essere virata in rosso e sfumata sul lato destro. 164 780 120 185
M.02 Editoria elettronica. Testata per pagina web formato 1024x768 pixel In questa tavola sono illustrate tre possibili testate alternative per le pagine web di formato 1024x768 pixel. Nel caso di testata contenente un immagine, la stessa deve essere virata in rosso e sfumata sul lato destro. 205 1004 120 185
M.03 Editoria elettronica. Esempio di Home page formato 800x600 pixel In questa tavola è illustrato un esempio di Home page formato 800x600 pixel. La dimensione reale della pagina web, browser escluso, è 780x450 pixel. Per la stesura dei testi si consiglia l utilizzo dei caratteri Arial e Arial Bold. I titoli delle sezioni sono composti in Arial corpo 20 pt, i testi in Arial e Arial Bold corpo 10/14 pt. I corpi possono variare del 10% circa. L interlinea può avere un incremento rispetto al corpo del 25% circa. 140 20 140 20 140 20 140 20 140 25 28
M.04 Editoria elettronica. Esempio di pagina web interna base 800 pixel In questa tavola è illustrato un esempio di pagina web interna base 800 pixel. La base reale della pagina web, browser escluso, è 780 pixel. L altezza è variabile a seconda dei contenuti. Per la stesura dei testi si consiglia l utilizzo dei caratteri Arial e Arial Bold. I titoli delle sezioni sono composti in Arial corpo 20 pt, i testi in Arial e Arial Bold corpo 10/14 pt. I corpi possono variare del 10% circa. L interlinea può avere un incremento rispetto al corpo del 25% circa. 140 20 140 20 140 20 140 20 140
M.05 Editoria elettronica. Esempio di Home page formato 1024x768 pixel In questa tavola è illustrato un esempio di Home page formato 1024x768 pixel. La dimensione reale della pagina web, browser escluso, è 1004x600 pixel. Per la stesura dei testi si consiglia l utilizzo dei caratteri Arial e Arial Bold. I titoli delle sezioni sono composti in Arial corpo 20 pt, i testi in Arial e Arial Bold corpo 10/14 pt. I corpi possono variare del 10% circa. L interlinea può avere un incremento rispetto al corpo del 25% circa. 185 20 185 20 185 20 185 20 184 35 42
M.06 Editoria elettronica. Esempio di pagina web interna base 1024 pixel In questa tavola è illustrato un esempio di pagina web interna base 1024 pixel. La base reale della pagina web, browser escluso, è 1004 pixel. L altezza è variabile a seconda dei contenuti. Per la stesura dei testi si consiglia l utilizzo dei caratteri Arial e Arial Bold. I titoli delle sezioni sono composti in Arial corpo 20 pt, i testi in Arial e Arial Bold corpo 10/14 pt. I corpi possono variare del 10% circa. L interlinea può avere un incremento rispetto al corpo del 25% circa. 185 20 185 20 185 20 185 20 184
Manuale di identità visiva Sistema Camerale M. Editoria elettronica Versione 1.3 - Giugno 2006 INAREA Identity Architectures www.inarea.com