16. “I bambini prima imparano a riconoscere
e poi parlano.”
WPCon 2012 - RELATORE: Francesco Marzoli
17. Noi “guardiamo” prima di leggere
Noi “guardiamo” prima di parlare
Noi “guardiamo” prima di fare bunga bunga
( e mentre....)
WPCon 2012 - RELATORE: Francesco Marzoli
18. Il concept ed il layout sono
le PRIME cose che vengono “guardate”.
Specialmente da un cliente caprone!
WPCon 2012 - RELATORE: Francesco Marzoli
19. Ogni volta che apriamo un sito diciamo:
“Oh, quant'è bello!
“Mio dio che merda!!!”
E poi...
Ma secondo te è javascript?
Quanta programmazione ci sarà dietro?
WPCon 2012 - RELATORE: Francesco Marzoli
20. Nel nostro caso, “l'abito fa il monaco”.
WPCon 2012 - RELATORE: Francesco Marzoli
25. Un po' di teoria sul colore...
WPCon 2012 - RELATORE: Francesco Marzoli
26. I colori vanno visti sempre
in “relazione” tra di loro.
WPCon 2012 - RELATORE: Francesco Marzoli
27. COMPLEMENTARI
Sono detti i colori
COMPLEMENTARI
quelli disposti in modo
opposto nella scala
cromatica
WPCon 2012 - RELATORE: Francesco Marzoli
28. Il contrasto aiuta l'occhio a focalizzare
l'attenzione su determinati punti del layout
WPCon 2012 - RELATORE: Francesco Marzoli
29. Se volete attirare l'attenzione, guardatevi intorno.
Ve la ricordate la donna vestita di rosso nel primo
Matrix?
Attirava l'attenzione...infatti aveva un colore
diverso rispetto al contesto.
WPCon 2012 - RELATORE: Francesco Marzoli
30. MA QUALI SONO I COLORI CHE STANNO
BENE TRA LORO?!?!?!
WPCon 2012 - RELATORE: Francesco Marzoli
31. TRIADICI
Disposti a 120° l'uno
dall'altro
Creano un rettangolo
equilatero
WPCon 2012 - RELATORE: Francesco Marzoli
32. COMPLEMENTARI DOPPI
Composta da 2 colori
complementari
WPCon 2012 - RELATORE: Francesco Marzoli
33. ANALOGHI
3 Colori della stessa
parte della scala
cromatica
WPCon 2012 - RELATORE: Francesco Marzoli
34. Dobbiamo essere dei geometri per calcolare i
colori nel nostro sito?
WPCon 2012 - RELATORE: Francesco Marzoli
38. RICAPITOLANDO...
Scegli i colori opposti allo spettro per creare
armonia
Il contrasto aiuta a guida l'occhio
I colori chiari fanno consumare meno cervello
Usa le utility risparmi tempo...e puoi fare
altro........................
WPCon 2012 - RELATORE: Francesco Marzoli
39. I nostri occhi scansionano “automaticamente” la
pagina
WPCon 2012 - RELATORE: Francesco Marzoli
40. Quale percorso fa l'occhio all'interno di una
pagina web?
Dove guarda per prima?
WPCon 2012 - RELATORE: Francesco Marzoli
41. F-LAYOUT
WPCon 2012 - RELATORE: Francesco Marzoli
42. Leggiamo sempre dall'alto verso il basso
e da destra verso sinistra.
(arabi a parte...)
WPCon 2012 - RELATORE: Francesco Marzoli
43. F-LAYOUT
Il logo e la navigazione sono le prime cose ad
essere viste
Successivamente vengono gli elementi come foto
sempre da Sx a Dx
Infine il testo ci appare come “macchia” di
riempimento
WPCon 2012 - RELATORE: Francesco Marzoli
46. Quando funziona?
Quando abbiamo un contenuto principale e
abbiamo bisogno di una buona lettura
confortevole
WPCon 2012 - RELATORE: Francesco Marzoli
47. Z - LAYOUT
WPCon 2012 - RELATORE: Francesco Marzoli
48. Se prima abbiamo visto un layout
per una comoda e riposata lettura...
ora ne vedremo uno....
WPCon 2012 - RELATORE: Francesco Marzoli
50. Z – LAYOUT
Il logo e la navigazione sono le prime cose ad
essere viste
Successivamente slogan o campagna
pubblicitaria
Contenuti e tasto “Azione”
WPCon 2012 - RELATORE: Francesco Marzoli
52. Quando funziona?
Quando vogliamo “forzare” il visitatore
a compiere un'azione
Es: Download, acquisto di un oggetto, visita del
portfolio ecc ecc..
WPCon 2012 - RELATORE: Francesco Marzoli
61. Come si calcola?
Si prende la larghezza intera della pagina
Si divide per 1,618
Il risultato sarà la larghezza del contenuto
principale
Es: 960px / 1,618 = 593 px
WPCon 2012 - RELATORE: Francesco Marzoli