Diseño UI, Diseño web

Consejos sobre el uso de colores en UI | Diseño web

Significado del color

Los científicos han estudiado los efectos fisiológicos de ciertos colores durante siglos. Además de la estética, los colores son los creadores de emociones y asociaciones. El significado de los colores puede variar dependiendo de la cultura y las circunstancias. Por eso ves tiendas de moda en blanco y negro. Quieren lucir elegantes y sublimes.

Rojo – pasión, amor

Azul – Responsable, Confianza

Negro – Elegancia, gama alta

Blanco – Pureza, inocente, Limpieza.

Naranja – Energía, entusiasmo, felicidad.

Regla 60–30–10

A simple rule known as ‘60–30–10’ can help you to create a proper balance. This technique came from the interior design — it’s often applied for house decorating. By following this rule, you’ll have 60% of your dominant color, 30% for your secondary color and 10% for accent color. This formula works because it creates a sense of balance and allows the eye to move comfortably from one focal point to the next. It’s also incredibly simple to use.

Siempre en escala de grises

Nos gusta explorar con diferentes colores y tonos en nuestros diseños, pero este comportamiento puede llevarte al camino equivocado cuando te das cuenta de que has pasado más de 10 horas ajustando el color primario o cambiando los colores de acento.

Por otro lado, debe obligarse a centrarse en el espaciado y la disposición de los elementos. Esto le ahorrará mucho tiempo. Ese tipo de restricción es muy productivo. Por otro lado, no es necesario que se vea aburrido. Prueba diferentes tonos si quieres que se vea bien.

El contraste es el rey

Algunos colores van bien unos con otros, mientras que otros chocarán. Existen reglas definitivas sobre la forma en que interactúan que pueden observarse mejor en una rueda de colores. Debe tener en cuenta estos métodos, pero no es necesario hacerlo manualmente.

Si desea obtener más información sobre la teoría del color, consulte este artículo: Teoría del color para diseñadores: creación de sus propias paletas de colores

Inspírate

Behance o Dribbble es siempre los mejores lugares para inspiraciones.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
Tienes alguna duda? Chatea con nosotros
Por favor acepta antes nuestra política de privacidad para empezar la conversación