El color es una de las herramientas más poderosas en la caja de herramientas del diseñador. Puede atraer la atención, crear un estado de ánimo, influir en las emociones, percepciones y acciones de los usuarios. Con la presencia persistente del diseño plano y material, el color cobra aún más importancia IU diseño hoy. Los colores brillantes son igualmente adecuados para dibujos animados divertidos centrados en el entretenimiento, así como estilos minimalistas elegantes centrados en soluciones comerciales. Esta versatilidad hace que los colores vibrantes sean uno de los mejores IU tendencias de diseño de 2017. El atractivo de la tendencia de colores vibrantes es que se puede aplicar de muchas maneras y estilos diferentes al diseño. En este artículo, veremos más a fondo cuatro tendencias de combinación de colores y discutiremos algunos ejemplos inspiradores que las implementan de manera muy efectiva.
1. Monótono
Una de las formas más populares de usar colores vibrantes en su diseño es una técnica llamada monotono. Las paletas monótonas incluyen un solo color con una mezcla de matices y matices. Monotone es bastante fácil de crear: piense en el color que mejor se adapte a su mensaje y considere la cantidad de variación que desea entre los tonos.
Mejorar la legibilidad
El tono monótono ayuda a establecer una base sólida para el contenido de primer plano mientras cuida la legibilidad. Junto con la tipografía dramática, los esquemas de colores monótonos pueden crear una experiencia verdaderamente memorable.
SídneyEstocolmo use colores llamativos para crear una apariencia memorable de una manera muy simple
2. duotono
Como sugiere su nombre, el duotono es una imagen formada por dos colores. Estos pueden ser dos tonos del mismo color o dos colores contrastantes. La técnica que alguna vez fue un elemento básico de la impresión ha encontrado una nueva vida en línea. Gracias a Spotify, el duotono crece en popularidad casi todos los días.
Crea una atmósfera
Duotones le permite inyectar cualquier imagen con los atributos emocionales de cualquier color. Recuerde que diferentes colores evocan diferentes emociones. La combinación suave y modesta de colores puede crear una atmósfera seria. por ejemplo, en Holm Marcher & Co. Por ejemplo, cada detalle intenta contribuir al ambiente de negocios y los papeles pintados no son una excepción. Si bien una combinación de colores brillantes puede crear una sensación de felicidad, la imagen principal para Diseño de nuevo trato llama la atención debido a una elección de color audaz. Crean un ambiente agradable y crean un estado de ánimo positivo.
Aumentar la legibilidad
Duotone es capaz de dar mucho contraste al texto. Ajusta las variaciones de color en una imagen para que el texto se pueda colocar usando un solo color en casi cualquier parte de la imagen.
3. gradientes
Los degradados han regresado a la GUI, esta vez usando colores complementarios de alto contraste. Los degradados modernos pueden incluir múltiples colores, irradiar desde el centro, provenir de una esquina o caer horizontalmente.
Crea un look moderno
Los degradados están de vuelta y han dado nueva vida a la tendencia de colores brillantes. Junto con una paleta de colores plana, pueden evocar sentimientos de modernismo. Con un color, Muestras usa un efecto degradado en el fondo sin caer en tonos apagados.
Al usar uno de los colores brillantes y saturados asociados con Material Design, puede evocar sentimientos de modernismo.
Haz que el diseño sea agradable a la vista.
Los degradados pueden mejorar la comunicación visual. La transición del naranja al rosa en de Symodd el siguiente ejemplo agrega profundidad y contraste a la interfaz y crea algunos efectos visuales llamativos. La transición de claro a oscuro sigue los patrones de exploración naturales del ojo humano que se mueven desde la parte superior izquierda de la página hasta la parte inferior derecha.
La página de inicio de Symodd tiene un fondo completamente degradado de naranja a rosa. Es un degradado sutil porque los dos tonos no son muy diferentes entre sí, lo que lo hace agradable a la vista.
Úselo como acento
Aunque los degradados se usan a menudo como fondos de página, también pueden funcionar en espacios más pequeños. Considere usar degradados como acento en la navegación, para imágenes secundarias o para ciertos tipos de contenido. Lo bueno de las áreas de degradado más pequeñas es que tienes más libertad para jugar con esta técnica. Y cuando se usa en espacios más pequeños, puede ser visualmente interesante jugar con varios pares de colores, al igual que Bloomberg hecho en el siguiente ejemplo.
Bloomberg usa gradiente para el teletipo Últimas noticias.
4. superposiciones
Superposición significa filtrar una imagen a través de una imagen coloreada «objetivo». Las imágenes de superposición de color han sido una opción de diseño popular durante mucho tiempo porque es bastante fácil crear este efecto: simplemente cubra una imagen o video con un cuadro de color semitransparente.
Focalizar la atención del usuario
Los efectos de superposición pueden ayudar a los usuarios a centrarse en elementos de diseño específicos. Sin embargo, cuando utilice un solo color como superposición, piense en el grado de saturación y transparencia del color. Las combinaciones de colores intensos (menos transparencia y más saturación) ponen más énfasis en el color en sí:
Superposición de color utilizada por Contornos poner más énfasis en la imagen
Conclusión
Es difícil encontrar una técnica de diseño con la que sea más divertido jugar que el color. Los efectos de color pueden ser dramáticos, impresionantes e incluso serenos. No tengas miedo de salir de tu zona de confort cuando se trata de trabajar con color. Ya sea que sea un fanático de los tonos brillantes y audaces o prefiera un blanco y negro más minimalista, lo único que debe recordar: no hay colores incorrectos, lo más importante es cómo los usa.