La próxima gran imagen de diseño web está aquí, ¡y es vibrante, colorida y hermosa!
Gracias a Spotify, el duotono está creciendo en popularidad casi a diario. El efecto, que utiliza un par de colores sobre una foto es sorprendente, divertido y vibrante. También es bastante moderno, con nuevos sitios que cambian a formato duotono casi a diario. Aquí hay algunas maneras de aprovechar al máximo esta técnica de diseño en caliente.
¿Qué es el duotono?
Primero, un poco de imprimación: el duotono es el uso de dos colores.
El nombre y la técnica proviene de las imprentas. Las impresiones en duotono se realizan en dos tonos del mismo color o con negro y un tinte. El proceso utiliza dos placas de color hechas con la pantalla configurada en diferentes ángulos.
El concepto de dos colores es grande. Pantone nombró a un par como Color del año, el minimalismo hizo que los diseñadores que piensan en paletas limitadas y duotones sean visualmente interesantes y bastante fáciles de crear. Puede crear el efecto utilizando Adobe Photoshop y un degradado de dos colores o una herramienta como Colofilter.css para aplicarlo en el código.
Pero lo que probablemente ayudó a duotone más desde el suelo es el uso de Spotify. Los esquemas de color Duotone se utilizan en la aplicación de reproducción de música y para varios micro sitios promocionales. Duotone agrega un elemento de diseño único a las imágenes de artistas que son bien conocidos y ampliamente utilizados.
La técnica que una vez fue un elemento básico de impresión ha encontrado una nueva vida en línea y es una tendencia que probablemente veremos mucho más en los próximos meses.
Como una imagen dominante
Use duotono para crear una imagen dominante.
El aspecto visual principal para New Deal Design es sorprendente gracias a una audaz selección de colores y peculiar, gracias a la diversión de las imágenes y el color. No tenga miedo de salir de su comodidad cuando se trata de trabajar con imágenes duotono; está bien emparejar tonos que pueden no coincidir. El objetivo es crear un visual que requiera atención e incluya mucho contraste para que la imagen se vea.
Aquí hay algunos consejos para el máximo impacto:
- Elige dos colores contrastantes o colores de la marca par.
- Seleccione una foto con un área de imagen enfocada. Un paisaje puede ser difícil de usar.
- Comience con una imagen de alta calidad. Las imágenes borrosas o malas y el duotono no se mezclan.
- Reproducir el contraste.
- Considere espacios para botones o tipografía.
- Elige colores que reflejen el estado de ánimo de la foto.
- Configura una imagen de duotono con un borde de color o mezcla y combina las opciones de color con un control deslizante de desplazamiento o efectos de paralaje.
Como una paleta de colores simple
El duotono no tiene por qué ser complicado. A veces los proyectos de dos colores más llamativos son simples en su naturaleza.
El seguro de vida Assurity utiliza un par de rojos y tipografía limpia. El pergamino también incluye un estilo más semitono. Los colores son brillantes y atractivos. El rojo es el tipo de color que casi hace que los usuarios lo vean.
El truco aquí es que es lo suficientemente simple para ser efectivo. El usuario no está abrumado con los elementos. El rojo te atrae para que las palabras en la pantalla se conviertan en el foco. Este tipo de efecto duotono está casi hecho para los sitios web que tienen una apariencia más formal porque permite el uso de una tendencia sin sentirse forzado o abrumador.
Como una manera de aumentar la legibilidad
Use duotono para actuar como un estabilizador de color que le da al texto mucho espacio y contraste. ¿Una superposición de color duotono puede ayudar a aplanar? variaciones de color en una imagen para que el texto se pueda colocar utilizando un solo color en casi cualquier lugar de la imagen y aún así sea legible.
Las opciones de color Duotono no serán tan brillantes para este uso y probablemente aparecerán más apagadas, pero pueden servir para un gran propósito. Holm Marcher & Co. hace esto con un duotono de coral y azul que es interesante y crea un fondo muy fácil de leer para las letras. Como una ventaja adicional, los elementos de navegación usan tonos de azul de la paleta de colores para fomentar el movimiento por el sitio.
Como un acento
Si bien los efectos de duotono se prestan para imágenes grandes, también pueden funcionar en lugares más pequeños. Considere un acento de duotono en la navegación, para imágenes secundarias o para tipos específicos de contenido.
Lo bueno de las áreas más pequeñas de duotono es que tiene un poco más de libertad para jugar si está intimidado por la técnica o no está seguro de cómo hacer que funcione para usted. Cuando se usa en espacios más pequeños, puede ser visualmente interesante jugar con varios pares de colores para diferentes elementos en el diseño.
Considere los elementos duotono para los elementos de estilo de tarjeta, como una superposición de enlaces para video o para enfatizar las llamadas a la acción. Los acentos Duotono también pueden ser herramientas efectivas para usar en una combinación de colores mínima o en blanco y negro debido al contraste de color que crean.
Como fondo
No hay nada como un sutil efecto de duotono para crear una imagen de fondo o patrón interesante. Este es un uso ideal para los colores de la marca o como una forma de incorporar un tono o técnica de moda en su diseño sin una revisión a gran escala.
El fondo de duotono graduado para Join Radio es la perfección. El cambio de color es casi imperceptible y se combina perfectamente con otros elementos de la interfaz de usuario en el diseño. Hay una animación simple que se mueve a través de los colores que es calmante y tiene un movimiento similar al agua. El cambio de la luz a la oscuridad sigue los patrones naturales de los ojos y la lectura que se mueven desde la parte superior izquierda de la página de inicio hasta la parte inferior derecha, donde el usuario está más alentado a desplazarse y hacer clic.
Conclusión
Es difícil encontrar una técnica de diseño con la que sea más divertido jugar que con el color. Los duotones son igualmente atractivos para los diseñadores. El efecto puede condimentar una imagen usada en exceso, agregar un elemento divertido cuando falta una y simplemente ayudar a los usuarios a visualizar visualmente.
Además, tú, el diseñador, realmente puedes experimentar cuando usas efectos duotono. Puede combinar colores que no haya imaginado para un impacto mayor o combinar colores con variaciones sutiles para un pequeño elemento de sorpresa.De cualquier manera, crear este efecto de color casi siempre se ve personalizado y puede ser divertido trabajar con él.