il disegno della presentazione lo stile e il layout degli elementi sullo schermo semplicità,...
TRANSCRIPT
![Page 1: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/1.jpg)
Il disegno della presentazione
• Lo stile e il layout degli elementi sullo schermo
Semplicità, consistenza.
... sapere quando rompere le regole.
Il processo di produzione
![Page 2: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/2.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
2
Passi critici del disegno della presentazione
• Definire il tema visuale portante e lo stile
• Creare gli elementi per ogni schermata (background, finestre etc.)
• Creare gli elementi per il controllo (bottoni, icone, slide bar etc.)
![Page 3: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/3.jpg)
Layout
![Page 4: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/4.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
4
Layout
• Aspetti visuali• Determina quanto le pagine siano
esteticamente piacevoli
• Aspetti funzionali• Determina anche quanto facili siano da
capire e da usare
![Page 5: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/5.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
5
Definire lo stile
![Page 6: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/6.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
6
Oggetti del layout
• Gli oggetti del layout hanno scopi diversi oltre che far parte di un arrangiamento visivo:• Oggetti strutturali
• Finestre, bordi e delimitatori
• Oggetti informativi• Parole, immagini che trasmettono contenuto
• Oggetti funzionali• Bottoni, controlli per l’interazione
![Page 7: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/7.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
7
Bottoni e controlli
• La parte tangibile dell’interfaccia• Gli oggetti con cui interagiamo
• Chiari e non ambigui
• Una opportunità per coinvolgere
• Se non si trova una immagine si usino le parole
• Ogni parte del video o regione di una immagine può essere un controllo, che non deve necessariamente essere un bottone.• Ma deve rivelarsi immediatamente.
![Page 8: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/8.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
8
Controlli parte del design
• Devono raccordarsi con lo stile e la composizione della pagina• Non necessariamente a se stanti o
bottoniere estranee
• Proporzionati all’importanza della funzione
![Page 9: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/9.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
9
![Page 10: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/10.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
10
Icone
• Immediatamente riconoscibile• Il significato ovvio ad uno sguardo.
• Internazionale• Mantenere il significato anche tra culture diverse.
• Scalabile• Funzionare anche in scala diversa
• Semplice• Figura piena e solida meglio di una immagine
![Page 11: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/11.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
11
![Page 12: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/12.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
12
Il colore
• Non usare troppi colori• Essere consistenti con i
colori scelti• Fig.1 ha colori coerenti e
fonti senza grazie• Fig.2 rosso su fondo blu
difficile lettura, blu incoerente con altri colori, times è troppo accurato
![Page 13: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/13.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
13
Troppo colore
![Page 14: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/14.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
14
Griglie
• La griglia è il sistema di riferimento che serve da guida per le posizioni degli elementi.
• Assicura che gli allineamenti siano accurati
• E consistenti nelle pagine multiple
• Fondamentali nelle pagine tipo testo
![Page 15: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/15.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
15
Posizionamento• Il posizionamento consistente è importante se
deve apparire su pagine diverse• Anche i piccoli spostamenti sono percepiti a video
più che non sulla carta stampata
• Ma una consistenza completa può produrre eccesso di uniformità e essere monotono.• Se una pagina contiene molti controlli devono
essere sempre nella stessa posizione• Se il controllo deve essere usato di frequente deve
essere nella stessa posizione• Se ci sono controlli simili allora devono essere
nella stessa posizione perché si possano distinguere dalla posizione relativa
![Page 16: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/16.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
16
Layout di pagina web
Layout inconsistente, meglio a blocchi
![Page 17: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/17.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
17
Layout di pagina web
Layout disordinato che distrae, meglio la pagina a destra
![Page 18: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/18.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
18
Lo spazio della pagina
![Page 19: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/19.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
19
Il vuoto della pagina
![Page 20: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/20.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
20
Org
aniz
zare
lo
spaz
io
![Page 21: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/21.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
21
![Page 22: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/22.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
22
Griglia della pagina
![Page 23: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/23.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
23
![Page 24: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/24.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
24
![Page 25: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/25.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
25
![Page 26: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/26.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
26
![Page 27: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/27.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
27
![Page 28: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/28.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
28
![Page 29: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/29.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
29
Indirizzi degli esempi
Siti costruiti con la griglia:
• Yale School of Medicine
• http://info.med.yale.edu/ysm/
• Information Technology Service, Medicine
• http://its.med.yale.edu/computing_services.html
• ITS-Med, Web design and development
• http://its.med.yale.edu/wdd/
• Yale-New Haven Hospital
• http://www.ynhh.org/
• Acute Coronary Syndromes
• http://info.med.yale.edu/intmed/cardio/acs/contents.html
![Page 30: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/30.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
30
![Page 31: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/31.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
31
Pagina a video
![Page 32: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/32.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
32
Dimensioni pagina
![Page 33: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/33.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
33
Emulazione della carta stampata
• Sindrome della piega
• Contenuto è invisibile
![Page 34: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/34.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
34
Scroll bars
![Page 35: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/35.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
35
Pagine vs schermi
• Si parla di pagine web, ma sono schermate.
• Non si ha una visione globale del documento come nella carta stampata.
• Uno schermo non contiene quasi mai una pagina stampata.
• Il design grafico deve essere diverso.• Meno libertà di layout.
![Page 36: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/36.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
36
Pila di schermate
• Ribaltare la disposizione delle informazioni sulla pagina.
• Le informazioni più importanti e i bottoni di navigazione in alto.
• Discendendo la pagina le notizie sono più leggere e la pagina più rarefatta.
![Page 37: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/37.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
37
![Page 38: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/38.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
38
![Page 39: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/39.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
39
![Page 40: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/40.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
40
![Page 41: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/41.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
41
![Page 42: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/42.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
42
I frames
• Non eccedere perché spesso creano problemi.• Difficile salvare le pagine e stamparle
• Meglio simularli con grafica
![Page 43: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/43.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
43
![Page 44: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/44.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
44
![Page 45: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/45.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
45
![Page 46: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/46.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
46
![Page 47: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/47.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
47
![Page 48: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/48.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
48
![Page 49: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/49.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
49
![Page 50: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/50.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
50
Principio
• Non disturbare il lettore che ha raggiunto il materiale cercato.
• Animazioni e banners disturbano la lettura.
• I banners sono spesso una necessità, ma vanno inseriti con grazia.
![Page 51: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/51.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
51
![Page 52: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/52.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
52
![Page 53: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/53.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
53
![Page 54: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/54.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
54
Sintesi
• Usare un criterio di complessità decrescente:• sulla pagina singola• sull’intero sito
• Suddividere l’informazione per schermate• Evidenziare la struttura del messaggio• Seguire il senso normale di lettura
• L’inizio delle pagine principali deve:• essere denso di links di navigazione e di contenuti• contenere una grafica che attiri l’attenzione
![Page 55: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/55.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
55
Sintesi - 2
• Le pagine interne devono essere più semplici:• lasciate che l’utente si concentri sul contenuto
• Ridurre in ogni modo il carico cognitivo dell’utente
• Evitare informazioni inutili o ridondanti
![Page 56: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/56.jpg)
Unità stilistica
![Page 57: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/57.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
57
![Page 58: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/58.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
58
![Page 59: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/59.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
59
Obiettivo unità stilistica
• Unità stilistica e non uniformità
• Lo stile dipende da• Materiale pre-esistente e dalle decisioni del
disegner
• Il primo guida il secondo
• La diversità può essere una sfida ma essere interessante
![Page 60: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/60.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
60
![Page 61: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/61.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
61
![Page 62: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/62.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
62
Header della home page di MetaDesign
Header delle pagine interne
![Page 63: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/63.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
63
Un sistema visivo
• Una singola schermata che accomoda diversi elementi strutturali in un sistema visivo• Le immagini usate individualmente montate
nella pagina principale• Il colore della pagina principale usata come
colore chiave nelle pagine successive• Una famiglia di immagini gerarchiche (il
tutto/la parte)
![Page 64: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/64.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
64
![Page 65: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/65.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
65
![Page 66: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/66.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
66
![Page 67: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/67.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
67
![Page 68: Il disegno della presentazione Lo stile e il layout degli elementi sullo schermo Semplicità, consistenza.... sapere quando rompere le regole. Il processo](https://reader035.vdocuments.mx/reader035/viewer/2022070312/5542eb58497959361e8c3a5a/html5/thumbnails/68.jpg)
AA 2004/05 Sistemi multimedialiDisegno della presentazione
68