Blog
26/09/2016

Duotone

Oggi vi propongo un articolo di approfondimento su una tecnica che negli ultimi tempi ha preso sempre più piede nel web design: il duotone.

Cos’è il duotone?

La definizione più semplice di duotone riguarda la creazione o la riproduzione di immagini in cui vengono eliminati i mezzi toni, ovvero ciò che nella fotografia analogica corrispondeva al grigio medio e alle alte luci.

Nella maggior parte dei casi, questa tendenza predilige tonalità di blu, marrone, rosso e giallo.

In realtà, come designer, possiamo scegliere qualsiasi colore si adatti al nostro web design, e questa libertà è ciò che ha reso la tecnica così popolare fino ad oggi.

Per mostrarvi le potenzialità del duotone, ho raccolto alcune pagine web in cui immagini e illustrazioni sono chiaramente influenzate da questa tecnica creativa.

1. Adidas Football

diseno-web-barcelona-estudio-duotone-01

L’estetica principale della campagna web di Adidas si basa su immagini duotone a tutto schermo.

L’immagine si fonde perfettamente con lo sfondo, creando un’atmosfera d’impatto che trasmette tutta l’energia che il brand sportivo desiderava comunicare.

2. Mirage Festival

diseno-web-barcelona-estudio-duotone-02

Il sito web del Mirage Festival ha scelto un design audace e fuori dagli schemi, distinguendosi così dalla massa delle altre pagine web.

L’estetica del sito è una combinazione di rosso e blu che trasforma le immagini in duotone.

3. Fjord Trend

diseno-web-barcelona-estudio-duotone-03

Questo esempio mostra un utilizzo delicato del duotone, applicato sia alle immagini che agli sfondi.

La soluzione dona al web design una spinta che rafforza la filosofia del progetto e crea un contrasto deciso con i dettagli.

4. Triple 9

diseno-web-barcelona-estudio-duotone-04

Il duotone viene spesso utilizzato anche in film e video, arricchendo il dialogo tra immagine e spettatore e aggiungendo drammaticità, tensione e intensità visiva.

5. La Marine Nationale on Board Careers

diseno-web-barcelona-estudio-duotone-05

In questo caso non si tratta di fotografie, ma di illustrazioni. In questo web design l’autore punta tutto sull’illustrazione in duotone: il rosso in diverse sfumature e il bianco, che mettono in risalto la personalità della pagina web.

In conclusione, il duotone offre moltissime varianti: può essere intenso, aggressivo, drammatico o, al contrario, trasmettere sensazioni opposte.

Conoscere questa tecnica è sempre utile: la conoscenza ci offre la possibilità di sfruttarla, evitarla o semplicemente imparare qualcosa di nuovo.

Ti è piaciuto?
Iscriviti
Articoli correlati
iniziamo a lavorare
al tuo progetto?

Analizziamo la tua situazione attuale e definiamo il prossimo passo.

Contatta ora
Il nostro sito utilizza i cookie per raccogliere informazioni sul tuo dispositivo e sulla tua attività di navigazione. Utilizziamo questi dati per migliorare il sito, garantire la sicurezza e fornire contenuti personalizzati. Puoi gestire le tue preferenze sui cookie cliccando qui.
Accetta i cookie Impostare Rifiuta i cookie
Informazioni di base sui cookie
Questo sito web utilizza cookie e/o tecnologie simili che archiviano e recuperano informazioni durante la navigazione. In generale, queste tecnologie possono avere finalità molto diverse, come, ad esempio, riconoscerti come utente, ottenere informazioni sulle tue abitudini di navigazione o personalizzare il modo in cui vengono visualizzati i contenuti. I nostri usi specifici di queste tecnologie sono descritti di seguito. Di default tutti i cookie sono disabilitati, ad eccezione di quelli tecnici, necessari al funzionamento del sito. Se desideri maggiori informazioni o eserciti i tuoi diritti in materia di protezione dei dati, puoi consultare la ns Política de cookies".
Accetta i cookieImpostare
Cookie tecnici necessari Sempre attivo
I cookie tecnici sono strettamente necessari per il funzionamento del nostro sito web e per la tua navigazione al suo interno. Questi tipi di cookie sono quelli che, ad esempio, ci permettono di identificarti, darti accesso ad alcune parti riservate della pagina, se necessario, o ricordare diverse opzioni o servizi già selezionati da te, come le tue preferenze sulla privacy. Pertanto, sono attivati ​​per impostazione predefinita e la tua autorizzazione non è necessaria. Configurando il tuo browser puoi bloccare o avvisarti della presenza di questo tipo di cookie, anche se tale blocco influenzerà il corretto funzionamento delle diverse funzionalità del nostro sito web.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Conferma le preferenze
contattaci
Modulo

Raccontaci
il tuo progetto

Indica il contesto generale della tua organizzazione e l'ambito pianificato del progetto.
Code Barcelona, ​​in qualità di responsabile del trattamento dei tuoi dati, li tratterà per rispondere alla domanda e/o richiesta che ci farai tramite questo modulo di contatto. Puoi esercitare i tuoi diritti di accesso, rettifica, cancellazione, nonché altri diritti consultando le informazioni dettagliate aggiuntive sulla protezione dei dati nella nostra politica sulla riservatezza.
Title
Popupcontent
Analisi della tua situazione digitale

Esamineremo la tua attuale situazione digitale. Ti contatteremo per comprendere il tuo contesto e valutare insieme quali aree analizzare, e successivamente prepareremo un audit con i punti chiave e le raccomandazioni.

Code Barcelona, ​​in qualità di responsabile del trattamento dei tuoi dati, li tratterà per rispondere alla domanda e/o richiesta che ci farai tramite questo modulo di contatto. Puoi esercitare i tuoi diritti di accesso, rettifica, cancellazione, nonché altri diritti consultando le informazioni dettagliate aggiuntive sulla protezione dei dati nella nostra politica sulla riservatezza.
Aceptar