Marketing

10 consejos para trabajar con colores llamativos en el diseño web

10 consejos para trabajar con colores llamativos en el diseño web 1

Dibujar en colores llamativos es muy divertido.

También es un poco peligroso.

Las opciones de colores llamativos pueden evocar emociones, llamar la atención y crear el ambiente adecuado para un diseño. Por otro lado, los colores fuertes pueden parecer frenéticos o desequilibrados. Los usuarios se sienten atraídos o apagados instantáneamente por el color.

A continuación, se muestran algunas formas de utilizar colores llamativos en el diseño web. Veremos cómo aportar personalidad y estilo vivo a sus proyectos mientras mantenemos un sentido de equilibrio y accesibilidad que hace que el sitio sea fácil de usar.

1. Crea el sentimiento correcto

10 consejos para trabajar con colores llamativos en el diseño web 2

El color puede crear una sensación inmediata y conectar su sitio web o marca con los usuarios de una manera que muchos otros elementos de diseño no pueden. Las opciones de colores brillantes y llamativos permiten a los usuarios saber si el estado de ánimo es oscuro, claro o vibrante.

Los colores llamativos también hacen una declaración directa que debe llamar la atención sobre el diseño y ayudar a los usuarios a involucrarse.

Los colores derivados de la paleta Material Design han sido la elección correcta en términos de opciones brillantes y modernas durante un tiempo. Los tonos son vibrantes y funcionan de formas inesperadas.

Puede ver esto en parte con el ejemplo anterior, que utiliza una amplia paleta de colores que quizás no espera, pero que funcionan armoniosamente juntos.

2. Resalta un elemento no tradicional.

10 consejos para trabajar con colores llamativos en el diseño web 3

Una elección de color audaz puede dirigir el enfoque a un aspecto particular del diseño de un sitio web. Esta técnica funciona excepcionalmente bien cuando puede utilizarla para comprender mejor un elemento de diseño no tradicional.

El sitio web de fuentes Avantt, arriba, usa un elemento de navegación lateral que estaría bastante oculto si no fuera por el fondo magenta en esta parte de la pantalla. Los colores llamativos dirigen la mirada hacia el nombre de la fuente y los elementos de navegación.

El color llamativo en realidad sirve como una herramienta de usabilidad.

3. Resalta quién eres

10 consejos para trabajar con colores llamativos en el diseño web 4

Los colores fuertes pueden actuar como un elemento de banner en el diseño de un sitio web.

La elección de color neón anterior es un buen ejemplo porque sirve como un disruptor visual, con una elección de color interesante e inusual, que une el logotipo en la esquina superior al nombre de la empresa.

Las opciones de colores llamativos para los elementos de la marca tienden a funcionar mejor cuando el resto del diseño es menos colorido, generalmente con un fondo más oscuro o más claro.

4. Crea elementos de texto impresionantes

10 consejos para trabajar con colores llamativos en el diseño web 5

En otro ejemplo del uso de colores llamativos con texto, Superglow es el elemento dominante en el diseño del sitio web anterior, incluso con el uso de imágenes de pantalla completa.

El par de colores rosa y amarillo con sombra de ojos es atrevido. Además, es difícil pasar por alto la letra grande.

Con pares de color y tipografía como este, el diseño debe ser lo suficientemente pesado para soportar el peso de la tipografía. Experimente con diferentes tipos de fondos para que los elementos de texto tengan espacio para impresionar con los colores, pero no sienta que dominan por completo el diseño.

5. Contra la estética Stark

10 consejos para trabajar con colores llamativos en el diseño web 6

Ya sea un simple toque de color como un resaltado o un bloque de color más grande, los tonos atrevidos pueden proporcionar el equilibrio justo para evitar que una estética austera parezca mínima.

El balance de color funciona porque te da algo interesante para mirar y enfocarte cuando el resto del diseño no es tan atrevido.

Studio MV, arriba, adopta un enfoque interesante con un cuadro rojo casi a la mitad de la pantalla para elementos de texto pequeños. Si bien el color contrasta con el resto del diseño en blanco y negro, no está abarrotado y tiene una rigidez equilibrada propia.

La división horizontal en el lado izquierdo de la pantalla ayuda al bloque rojo a sentir el peso adecuado.

6.Haz una declaración

10 consejos para trabajar con colores llamativos en el diseño web 7

A veces, un color llamativo es todo lo que necesita para hacer una declaración.

Piense en todas las asociaciones subyacentes en el ejemplo anterior y la impresión que esto deja.

7. Mantén la atención

10 consejos para trabajar con colores llamativos en el diseño web 8

Los colores llamativos suelen tener un propósito directo: llamar la atención de los visitantes del sitio web.

A veces, los colores llamativos funcionan junto con los productos del sitio, como en el ejemplo anterior, y otras veces los colores simplemente preparan el escenario.

Esto es lo que es excepcionalmente bueno sobre el color como herramienta para llamar la atención en los sitios web: puede cambiarlo casi en cualquier momento. Un fondo azul brillante hoy podría ser amarillo el próximo mes o verde lima después de eso.

En la mayoría de los casos, puede cambiar el fondo, la imagen o los colores del texto principal sin mucho esfuerzo. Esto también puede ayudar a prestar más atención al diseño, ya que se verá un poco diferente para los visitantes que regresan.

Este pequeño elemento de sorpresa de color puede ser delicioso y contribuir a una experiencia de usuario positiva a largo plazo.

8.Hazlo divertido

10 consejos para trabajar con colores llamativos en el diseño web 9

Los colores llamativos a veces son una mezcla de tonos en una paleta que no deberían funcionar bien juntos, pero luego se convierten en algo interesante.

Esto puede ser cualquier cosa, desde usar demasiados colores hasta colores “incompatibles”.

En el ejemplo anterior de Letterz School, las opciones de color del estilo de marcador son muy difíciles de digerir. Pero no son abrumadores, en cambio, el peso ligero del resto del diseño y la divertida marioneta que corre a través de los bloques crean la cantidad justa de diversión. (Es tan divertido que ni siquiera te das cuenta de que los colores no combinan).

Esto demuestra que cuando experimentas con opciones de colores llamativos, está bien probar cosas que puedan violar las reglas. Nunca se sabe cuándo funcionará perfectamente.

9. Establezca un trasfondo brillante

10 consejos para trabajar con colores llamativos en el diseño web 10

Uno de los usos probados y verdaderos del color llamativo es como elemento de diseño de un sitio web de fondo cuando no tiene muchos otros elementos visuales con los que trabajar. Combine el color con un bloque de texto que use una fuente interesante y casi siempre tendrá una combinación ganadora.

Además del color, este patrón de diseño está de moda cuando la tipografía se basa en una fuente experimental o incluye algunos elementos animados.

10. Muestra tu lado moderno

10 consejos para trabajar con colores llamativos en el diseño web 11

Hablando de tendencias, la elección del color es una tendencia de diseño de sitios web en sí misma y puede funcionar muy bien en combinación con otros elementos de moda.

Wokine, arriba, combina algunos elementos de tendencia en un diseño ultramoderno: colores llamativos, estética de pantalla dividida y una elección de tipo única.

El color ayuda a equilibrar otros elementos de diseño, ayuda a dirigir a los usuarios al menú lateral y convierte toda la pantalla en una obra de arte.

Por favor califica el contenido

0 / 5

Your page rank:

Author

Moisés Cabrera

Encantado de emprender, el Internet es como pez en el rio para mi y quiero aportar valor a este mundo digital. Si crees que es de interés estos artículos no dudes en comentar.