Neon Colors in Web Design Lo que se debe y no se puede hacer

Los colores neón son difíciles de usar sin chocar con el resto de su diseño. Funcionan muy bien para señales y luces en aplicaciones del mundo real, pero pueden presentar problemas importantes en diseño web, a menos que se implementen con cuidado.

Hoy, vamos a buscar formas de usar efectivamente los colores de neón en su trabajo de diseño, con una lista de lo que debe y no debe hacer para ayudarlo a aprovechar al máximo las opciones de colores brillantes y audaces. ¡Serás un ninja de neón en poco tiempo, tejiéndolo a través de tu trabajo de diseño!

Usa verde lima

"La cal es la nueva neutral". No sé si esto es realmente cierto o no, pero un amigo planificador de bodas confía en ello. Ella jura que es el? Eso? Color para añadir a casi cualquier paleta.

Cuando se trata de neones, es definitivamente cierto. La cal, las hojas de neón sobre un fondo oscuro crean un impacto instantáneo. El color es divertido, atractivo y atrae a los usuarios al diseño. Es una forma fácil de agregar un estallido de neón sin dominar todo el diseño. (Una de las grandes dificultades con los neones en el diseño web es que parecen moverse y pueden ser discordantes para los usuarios).

No uses un arco iris de neón

Si bien algunos colores brillantes pueden trabajar juntos para crear un esquema de color general, los neones no son la respuesta. La mayoría de los colores de neón tienen valores de color similares en términos de brillo y saturación y todos se verán similares en una pantalla. Esto puede causar grandes preocupaciones en términos de contraste y legibilidad.

Hacer una declaración de color negrita

Ir a lo grande con un neón de pantalla completa. No es algo con lo que los usuarios se encuentren con frecuencia y, para un diseño con poco más para competir por el espacio de la pantalla, un color neón puede proporcionar un gran impacto.

Solo tenga cuidado de mantener todo lo demás en la pantalla al mínimo. Opta por el texto negro y el menor número de elementos posible.

No uses neón sobre un fondo blanco

Los colores neón y el blanco no se mezclan. La luz de una pantalla se muestra a través del blanco y muchos colores de neón de la misma manera, haciendo que los elementos de neón sean casi ilegibles en el fondo blanco la mayor parte del tiempo. Evitarlo

¿Incorporar neones de la marca

Algunas marcas utilizan un esquema de color neón; No se aleje de quién es usted para facilitar la creación de un diseño web. La presencia visual debe ser igual de audaz con los neones en línea.

Si un color de neón es parte de su identidad de marca, como Mountain Dew (arriba), no se asuste. Abraza el color con un diseño que lo empuja a la vanguardia. La diferenciación visual ayudará a diferenciar el diseño de otros sitios web.

No se combine con otros efectos

Un color neón es una técnica de diseño bastante llamativa en sí misma. No exageres con otros efectos. Es probable que termine con algo que abrumará totalmente y apagará a los usuarios.

Use acentos de neón

Las líneas de neón, las marcas, los botones y otros acentos pueden ayudar a llamar la atención sobre elementos específicos. Incluya tonos de neón dentro de otros elementos para crear un punto de énfasis o use toques de color neón para dibujar el ojo de una parte del diseño a otra.

Recuerde, los neones funcionan mejor cuando hay mucho contraste entre el elemento neón y el fondo. Por lo tanto, los neones son a menudo más efectivos en fondos negros.

No uses texto de neón

La mayoría de las veces el texto de neón presenta un desafío de legibilidad. Puede funcionar en ocasiones con un tipo de letra en negrita, pero en general debe evitarse.

¿Hacer colores? ¿Resplandor?

La idea detrás de un neón es que el color está diseñado para que la luz pase a través de él, como la señalización de neón. Cree un efecto de neón realista para que los acentos de neón parezcan brillar con las mismas características ligeras y táctiles que una estructura física de neón.

El equilibrio no es volverse demasiado loco con efectos brillantes porque pueden volverse llamativos a toda prisa. Sin embargo, un simple resplandor puede dar vida al elemento neón de una manera más realista.

Otra opción para crear? Resplandor? Podría ser usar una animación simple que realce el color en un movimiento lento y pulsante. Este reflujo de luz de neón puede ayudar a llamar la atención mientras crea un efecto realista.

No utilice paletas de colores en conflicto

Los colores neón no se mezclan bien con otros. La mayoría de los diseños que presentan neones no usan otros colores y se adhieren al blanco y negro. Esto se debe a que el contraste entre un neón brillante y una paleta más típica puede ser desagradable y sentirse extraño e inconexo para el usuario.

Usa imagenes de neón

Los neones son solo para los elementos que creas en el diseño. Las imágenes que contienen elementos de neón también pueden agregar una chispa divertida al diseño.

Los verdaderos elementos de neón, como la iluminación, pueden ser difíciles de capturar en las fotos. Opte por imágenes que contengan casi elementos de neón: el yugo (arriba) usa una hermosa combinación de pajitas de colores para crear la misma sensación.

Mantenga las imágenes simples y utilice los mismos conceptos de espacio y contraste (necesita un montón de ambos) que lo haría si creara un elemento de neón en el diseño.

No establezca un estado de ánimo inapropiado

Los colores de neón son generalmente divertidos, juguetones y un poco excéntricos. Tenga cuidado de no establecer un estado de ánimo incorrecto usándolos con contenido que no tenga la misma sensación. Si bien el uso de colores de neón puede agregar interés visual, no se debe utilizar para cada tipo de proyecto.

Ajustar las mezclas de colores

¡Haz tu propio neón! Ajusta la saturación y el brillo para crear tus propios estilos de neón personalizados. Comience con los colores de la marca para crear un concepto original o simplemente juegue con algunos tonos que le atraigan.

Y no se sienta atrapado en el espacio que tiene que ser perfectamente neón. Juega con opciones casi luminosas que son brillantes e interesantes, pero tal vez un poco menos en tu cara. Los colores neón no solo incluyen verde, amarillo o rosa. Las opciones de neón pueden provenir de casi cualquier color con un brillo mejorado.

No lo fuerce

Los colores neón no deben ser forzados. Si comienzas a usar neones y no funciona, abandona la idea.No es para todos los proyectos y el color neón no apela al gusto de diseño de todos.

Utilice los neones de fondo

Pruebe los colores de neón para obtener una estética de fondo llamativa y brillante que puede dar vida a un contenido algo suave. ¿Un fondo de neón puede ayudar? otros elementos fuera de la pantalla y proporcionan un espacio divertido para capas, como la técnica de Escala (arriba).

Al diseñar un fondo de neón, tenga en cuenta los colores que tienen un poco más de profundidad y un poco menos de brillo para que el color no abrume a otros elementos del diseño.

Conclusión

Los diseños modernos de neón no tienen una vibra de los 80, aunque muchos de los diseños evolucionaron a partir de ellos. Opte por los neones que trabajan en marcos de diseño mínimos, resalte contenido clave y tenga mensajes audaces para una sensación moderna.

El color de neón puede ser muy divertido, pero el contenido y los mensajes deben coincidir. Guarde esta técnica solo para el proyecto correcto y estará más feliz con el resultado.