Guías de estilo

icon picker
Color

¿Qué podría representar cada uno de estos colores?
image.png
Colores cálidos: provocan sentimientos de felicidad, optimiso y energía
Rojo: es el color más cálido y el más dinámico. Provoca emociones encontradas y se asocia tanto con el amor y la pasión como con el peligro y el enojo. Si quieres que un elemento de UI llame mucho la atención puede ser rojo, pero hay que usar este color con mucha moderación porque puede ser arrollador. Se suele usar para representar acciones negativas — cancelar, borrar, etc.
Amarillo: es el color más energético de los colores cálidos. Se asocia con risa, esperanza y luz solar. Acentos amarillos le dan un toque energético al diseño y representa optimismo y alegría. Hay que usarlo con moderación porque puede irritar al ojo, se usa para llamar la atención de forma energética y reconfortante.
Naranja: representa vitalidad y felicidad. Parecido al rojo, llama mucho la atención pero no es tan arrollador. Es un color agresivo pero equilibrado - representa energía pero también es acogedor y amigable. En UI es muy buen color para los call to action.

Colores fríos: pueden representar tranquilidad o tristeza. Son buenas opciones para las empresas que quieran representarse con salud, belleza o seguridad.
Verde: simboliza salud, nuevos comienzos y riqueza. Es un color que relaja y crea equilibrio en un diseño. Es buen color si una empresa quiere representar crecimiento, seguridad o inspirar posibilidad
Azul: representa serenidad y espiritualidad como también seguridad y confianza. Es el color que más se usa en el diseño web (en parte porque los daltónicos lo ven bien). Azules oscuros son buenos para diseños corporativos porque le da un toque profesional. Demasiado azul puede ser muy frío e impersonal. Azules claros dan un tono más relajado y amigable. Buenos ejemplos son páginas tipo Facebook y Twitter que usan azules más claros.
Morado: representa creatividad, realeza y riqueza. Se usa para provocar creatividad ya que es mezcla de azul (calmante) y rojo (intenso). Se usa para calmar a la gente — por eso se usa mucho en productos de belleza. Incorporar el morado en el diseño le da un toque lujoso. Morado claro representa romance o misterio.

Colores neutros: los colores nuetros como gris, beige, blanco, negro y marrón se usan mucho para los fondos de las páginas. Blanco, negro y gris combinan muy bien con colores brillantes.

Paletas de colores
Por lo general mantener una paleta sencilla de 2 colores es un buen punto de partida. Puedes combinar un color base que va a servir con el principal color de la app o página con un color de acento. Si es para una marca ya establecida, normalmente sería el color principal de la marca.
¿Qué nos dicen de estos colores?
image.png
image.png
El color acento se va a usar para darle enfasis a elementos que tienen que llamar la atención, entonces tiene que contrastar con el color base. Puedes usar una herramienta tipo para encontrar tu acento.
image.png
En este caso podrías tomar (azul) y (naranja) junto con 2 o 3 tonos de gris para completar tu paleta básica.
image.png
Hay que comentar que los colores pueden ser subjetivos, pueden provocar sensaciones opuestas en diferentes personas dependiendo de la cultura y experiencia de vida. Un diseñador tiene que estudiar a su público y así elegir los colores que usen en sus diseños.

Recursos Extra

Herramientas
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.