Bacheca labwd2018.blogspot.it: Creare il VISUAL partendo dal WIREFRAME

Creo lo spazio

1 - Aprire il programma di grafica

2 - nuovo file → 1000 x 1500 px
(l'altezza è libera, in base a quanto dobbiamo inserire) 72 dpi

Se scelgo un colore tinta unita:

1 - seleziono il livello sfondo

2 - prendo il secchiello

3 - seleziono il colore

4 - faccio un clic sullo sfondo

Se scelgo un'immagine:

1 - seleziono un'immagine MOLTO grande, larga almeno 1000 px e possibilmente verticale (evitare di stiracciarle)

2 - se la cerco su google immagini prima la devo visualizzare → poi la salvo

3 - posso inserirla direttamente sullo sfondo (me la mette su un altro livello)

4 - con lo strumento scala posso modificarla per trovare il taglio che si attaglia meglio

Le immagini .png o .gif tengono la trasparenza.

1 - copia immagine → incolla come nuovo livello

2 - per ridimensionarla uso lo strumento scala applicato al livello

Oppure la modifico prima di inserirla.

Tenere sempre le immagini grandi salvate su PC, perché una volta rimpicciolite perdono di qualità e non possono più essere ingrandite.

ATTENZIONE! nominare sempre gli elementi in maniera pertinente, ed organizzarli in gruppi di livelli (cartelle).

1 - selezionare lo strumento testo

2 - clicco sullo sfondo e inserisco il testo, il colore viene selezionato dal quadrato in primo piano

3 - usare lo strumento sposta,posizionarlo bene sul testo, altrimenti sposteremo lo sfondo

Il testo può essere sia inserito con un clic, sia disegnando un quadrato con lo strumento testo (ciò è più pratico con i testi lunghi).

1 - le cerco su google immagini

2 - le apro con gimp

3 - seleziono le parti che mi servono e le porto nel mio file

1 - strumento matita o pennello

molto utile anche lo strumento contagocce, dà la possibilità di selezionare un colore che è già nelle immagini

Per non perdersi tra i colori è utile utilizzare una palette, aiuta a definire l'identità visiva del sito.