Blog
26/09/2016

Duotone

Hoy os traigo un post de conociemiento, os voy a hablar con de una técnica muy extendida en los últimos tiempos a nivel de diseño web, el duotone.

Que es el duotone?

La explicación más sencilla sobre el duotone hace referencia a la creación o reproducción de imágenes a las que les quitan los medios tonos, lo que en fotografía analógica era el gris medio, y las altas luces.

Obviamente en esta corriente la mayoría de las creaciones se hacen en azul, marrón, rojo y amarillo

Lo cierto es que como creadores podemos usar el color que más nos interese en nuestro diseño web, y ciertamente eso es lo que ha ocurrido hasta la actualidad.

Así que de momento os traigo unas paginas web en las que las imágenes y los dibujos están claramente influenciados por esta técnica creativa.

1. Adidas Football

diseno-web-barcelona-estudio-duotone-01

La estética principal de la campaña de la pagina web de Adidas esta basada en imágenes duotone a fullscreen.

La imagen esta acompañada con el fondo a conjunto, lo cual crea una atmósfera impresionante que le da la fuerza necesaria que la marca deportiva estaba buscando.

2. Mirage Festival

diseno-web-barcelona-estudio-duotone-02

El diseño de la página web de Mirage Festival ha optado por un diseño muy atrevido y salvaje, de esta manera consigue apartarse del resto de paginas web.

La estética del site es una combinación de rojo y azul la cual transforma las imágenes en duotone.

3. Fjord Trend

diseno-web-barcelona-estudio-duotone-03

Este ejemplo nos muestra la utilización del duotone de manera suave, las imágenes y los fondos con técnica duotone.

La solución aporta al diseño web un empujón que acentúa la filosofía y contrasta de lleno con los detalles.

4. Triple 9

diseno-web-barcelona-estudio-duotone-04

El duotone se usa para películas y vídeos, enriquece el dialogo entre imagen y espectador, le añade dramatismo, violencia y brutalidad.

5. La Marine Nationale on Board Careers

diseno-web-barcelona-estudio-duotone-05

Este ejemplo no es de imágenes sino de ilustración. En este diseño web el autor apuesta por la ilustración en duotone. El rojo en diferentes tonos y blanco con el que destacar el carácter de la página web.

En definitiva el duotone tiene muchas variantes, puede ser brutal, agresivo, dramático incluso todo lo opuesto.

Es bueno conocer esta técnica, detrás del conocimiento siempre encontraremos la oportunidad para utilizarlo, rechazarlo o en definitiva aprender de ella.

¿Te ha gustado?
Sucríbete
Artículos relacionados
¿empezamos a trabajar
en tu proyecto?

Analizamos tu situación actual y definimos el siguiente paso.

Contacta ahora
Nuestro sitio utiliza cookies para recopilar información sobre su dispositivo y su actividad de navegación. Utilizamos estos datos para mejorar el sitio, garantizar la seguridad y ofrecer contenido personalizado. Puede gestionar sus preferencias de cookies haciendo clic aquí.
Aceptar cookies Configurar Rechazar cookies
Información básica de las cookies
Este sitio web utiliza cookies y/o tecnologías similares que almacenan y recuperan información cuando navega. En general, estas tecnologías pueden tener finalidades muy diversas como, por ejemplo, reconocerte como usuario, obtener información sobre tus hábitos de navegación o personalizar la forma en la que se muestran los contenidos. Los usos específicos que hacemos de estas tecnologías se describen a continuación. Por defecto, todas las cookies están deshabilitadas, excepto las técnicas, que son necesarias para el funcionamiento del sitio web. Si desea obtener más información o ejercer sus derechos en materia de protección de datos, puede consultar nuestra Política de cookies".
Aceptar cookiesConfigurar
Cookies técnicas necesarias Siempre activas
Las cookies técnicas son estrictamente necesarias para que nuestro sitio web funcione y puedas navegar por él. Este tipo de cookies son aquellas que, por ejemplo, nos permiten identificarte, darte acceso a determinadas partes restringidas de la página si es necesario, o recordar diferentes opciones o servicios ya seleccionados por ti, como tus preferencias de privacidad. Por tanto, están activadas por defecto, no siendo necesaria su autorización. Mediante la configuración de su navegador puede bloquear o alertar de la presencia de este tipo de cookies, aunque dicho bloqueo afectará al correcto funcionamiento de las diferentes funcionalidades de nuestra página 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.
Confirmar preferencias
contacta con nosotros
Formulario

Cuéntanos
tu proyecto

Indica el contexto general de tu organización y el alcance previsto del proyecto.
Code Barcelona, como responsable del tratamiento de sus datos, tratará los mismos con la finalidad de dar respuesta a la consulta y/o petición que nos realiza a través de este formulario de contacto. Puede ejercer los derechos de acceso, rectificación, supresión, así como otros derechos consultando la información adicional detallada sobre Protección de Datos en nuestra política de privacidad.
Title
Popupcontent
Análisis de tu situación digital

Revisaremos tu situación digital actual. Nos pondremos en contacto contigo para entender tu contexto y valorar conjuntamente qué áreas analizar, y posteriormente elaboraremos una auditoría con los puntos clave y recomendaciones.

Code Barcelona, como responsable del tratamiento de sus datos, tratará los mismos con la finalidad de dar respuesta a la consulta y/o petición que nos realiza a través de este formulario de contacto. Puede ejercer los derechos de acceso, rectificación, supresión, así como otros derechos consultando la información adicional detallada sobre Protección de Datos en nuestra política de privacidad.
Aceptar