Blog
26/09/2016

Duotone

Avui us porto un article de coneixement per parlar-vos d’una tècnica que s’ha popularitzat molt en els darrers temps dins del disseny web: el duotone.

Què és el duotone?

La manera més senzilla d’explicar el duotone és pensar en la creació o reproducció d’imatges a les quals se’ls elimina els tons mitjans —el que en fotografia analògica seria el gris mitjà— i les altes llums.

Òbviament, en aquesta tendència la majoria de creacions utilitzen tons blaus, marrons, vermells o grocs.

La realitat, però, és que com a creadors podem escollir el color que més ens convingui per al nostre disseny web, i això és precisament el que s’ha anat fent fins ara.

Per això, us porto alguns exemples de pàgines web on les imatges i il·lustracions estan clarament influenciades per aquesta tècnica creativa.

1. Adidas Football

diseno-web-barcelona-estudio-duotone-01

L’estètica principal de la campanya de la pàgina web d’Adidas es basa en imatges duotone a pantalla completa.

La imatge es combina amb un fons a joc, creant una atmosfera impactant que transmet la força que la marca esportiva buscava.

2. Mirage Festival

diseno-web-barcelona-estudio-duotone-02

El disseny de la pàgina web de Mirage Festival aposta per un disseny molt atrevit i salvatge, aconseguint així diferenciar-se de la resta de pàgines web.

L’estètica del lloc combina vermell i blau, transformant les imatges en duotone.

3. Fjord Trend

diseno-web-barcelona-estudio-duotone-03

Aquest exemple ens mostra una aplicació suau del duotone, tant en les imatges com en els fons.

La solució dona al disseny web un impuls que accentua la filosofia del projecte i contrasta amb els detalls.

4. Triple 9

diseno-web-barcelona-estudio-duotone-04

El duotone també s’utilitza en pel·lícules i vídeos, enriquint el diàleg entre la imatge i l’espectador, i aportant dramatització, intensitat i fins i tot brutalitat.

5. La Marine Nationale on Board Careers

diseno-web-barcelona-estudio-duotone-05

En aquest cas, no es tracta d’imatges sinó d’il·lustració. En aquest disseny web, l’autor aposta per la il·lustració en duotone, utilitzant vermell en diferents intensitats i blanc per remarcar el caràcter de la pàgina web.

En definitiva, el duotone ofereix moltes variants: pot ser contundent, agressiu, dramàtic o, fins i tot, tot el contrari.

Val la pena conèixer aquesta tècnica, perquè darrere del coneixement sempre hi ha l’oportunitat d’utilitzar-la, descartar-la o, simplement, aprendre’n.

T'ha agradat?
Articles relacionats
Comencem a treballar
en el teu projecte?

Analitzem la teva situació actual i definim el proper pas.

Contacta ara
El nostre lloc utilitza galetes per recopilar informació sobre el dispositiu i la seva activitat de navegació. fent clic aquí.
Acceptar cookies Configurar Rebutjar cookies
Informació bàsica de les cookies
Aquest lloc web utilitza galetes i/o tecnologies similars que emmagatzemen i recuperen informació quan navega. Política de cookies".
Acceptar cookiesConfigurar
Galetes tècniques necessàries Sempre actives
Les cookies tècniques són estrictament necessàries perquè el nostre lloc web funcioni i puguis navegar-hi.
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.
Confirmar preferències
contacta amb nosaltres
Formulari

Explica'ns
el teu projecte

Indiqueu el context general de la vostra organització i l'abast previst del projecte.
Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Title
Popupcontent
Anàlisi de la teva situació digital

Revisarem la teva situació digital actual. Ens posarem en contacte amb tu per entendre el teu context i valorar conjuntament quines àrees analitzar, i posteriorment elaborarem una auditoria amb els punts clau i recomanacions.

Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Aceptar