DMATE - Consigli Grafici

Da wiki.desktoo.com.
Versione del 4 nov 2020 alle 11:49 di Dpezza (discussione | contributi) (Creata pagina con "In questa guida vedremo come poter <b>migliorare</b> il layout grafico del tuo web-shop, attraverso la spiegazione di come e dove vengono posizionati i colori. Di fatto la gi...")
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)
Jump to navigation Jump to search

In questa guida vedremo come poter migliorare il layout grafico del tuo web-shop, attraverso la spiegazione di come e dove vengono posizionati i colori.

Di fatto la giusta colorazione è essenziale, nel tuo sito, in quanto permette di far risaltare certe funzionalità  attraverso il design.

In generale si sconsiglia di utilizzare il nero, il bianco ed il grigio.

Invece cerchiamo di trovare quei colori che creino un buon contrasto rendendo i testi più leggibili.

Definizione dei colori

Classi di colorazione

Abbiamo 3 classi su DMATE:

  • Colore Primario: evidenzia i principali elementi del sito
  • Colore Secondario: riempie il tasto di registrazione e gli elementi a fisarmonica
  • Colore Aggiuntivo: colora principalmente il tasto che riporta al carrello (se nessun colore viene espresso come aggiuntivo verrà  utilizzato quello principale)

Colore dei caratteri

Il colore dei testi varia in questo modo:

  • Colore testuale principale: nero
  • Colore delle frasi dei pulsanti: bianco
  • Link testuali e frasi in risalto: colore primario
  • Colore dei caratteri degli elementi a fisarmonica: nero
  • Colore testuale degli elementi interattivi: bianco


Per cui prendetevi cura della scelta dei colori tra primario e secondario in modo tale che abbiano un buon contrasto.

Si consiglia per quanto riguarda il colore primario di usare una tonalità  non troppo chiara in quanto il colore delle frasi, su questi elementi, è bianco.

Per il colore secondario invece non dovrebbe essere utilizzata una tonalità  troppo scura in quanto il colore dei testi è nero.

Il colore aggiuntivo invece dovrebbe essere d'impatto per stimolare i clienti all'acquisto.


Colore Primario

Evidenzia gli elementi essenziali come:

  • Barra di ricerca
  • Pulsanti
  • Elementi interattivi (frase "Più informazioni >>")

Dmate-colarzione 1.png


  • Icone interattive
  • Prezzo dei prodotti
  • Altri elementi interattivi (parola "trasporto")

Dmate-colarzione 5.png


  • Link

Dmate-colarzione 8.png


Colore Secondario

è un colore addizionale per:

  • pulsante di registrazione

Dmate-colarzione 2.png


  • elementi a fisarmonica

Dmate-colarzione 3.png

esempio 1

Dmate-colarzione 4.png

esempio 2

Colore Aggiuntivo

  • colora il pulsante che riporta al carrello

Dmate-colarzione 6.png

esempio 1

Dmate-colarzione 7.png

esempio 2

Dmate-colarzione 9.png

esempio 3