Universidad de las Fuerzas Armadas

“Espe”
Ingeniería de la Usabilidad
Nombre: Kevin Mina
NRC: 3960
Teoría de Colores y Tipografía en productos software

Los colores al programar son una de las cosas más importantes en lo que se refiere a la interfaz
gráfica, inclusive más que las imágenes ya que los colores producen sensaciones en la mente de
los usuarios, y una buena combinación de colores va a significar mucho mas que las imágenes
que coloquemos, lo importante del caso es mantener una distribución de colores de manera que
nuestro sitio no se vea de mal gusto, desordenado, incongruente o que produzca desconfianza o
incluso, moleste a la vista.
Conocer las propiedades de los colores nos van ha ayudar a no cometer barbaridades en el
manejo de los colores a la hora de programar.
La clave para definir una paleta de color en un sitio web, una app o cualquier producto software
está en habilidad de manipular un color, no solo elegirlo.
Al revisar la cantidad de colores en grandes productos o aplicaciones, se puede descubrir esta
tendencia: La complejidad de la interacción tiende a ser inversamente proporcional a la cantidad
de colores.

¿Cómo aprovechamos cada color para que sea funcional, predecible y aún así
transmita el espíritu de una marca?
Este es el gran reto del diseñador de interfaces a nivel de color y la respuesta está en las
variaciones: ligeras transformaciones de un color para construir todos los componentes que
necesitemos.
El camino fácil para obtener variaciones de color es tomar nuestro color principal y llevarlo hacia
el negro para obtener una variación más oscura o hacia el blanco para obtener una versión más
clara.
Una escala de grises es fundamental en nuestra paleta de color. Permitirá que los colores
principales sean valiosos y mantendremos la atención del usuario dónde realmente importa. Aquí
también podemos tomar el camino fácil y elegir algunos grises entre el negro y el blanco:

Sensaciones del usuario según los colores:

 Tipografía
La tipografía también es importante para la interacción del usuario con el producto software, y
debe seguir varios estándares de diseño de interfaces, como las siguientes:

 Incluye características de elementos individuales (tipo de letras y estilos) y su

agrupamiento (técnicas de estilo).
 Un máximo de 3 tipos de letra en un máximo de 3 tamaño de puntos.
 Un máximo de 40-60 caracteres por línea.
 Ajustar el texto a la izquierda y los números a la derecha. En listas, usar el centrado del
texto.
 Tipos de letra y estilos recomendados.
 Usar mayúsculas y minúsculas siempre que sea posible.

Bibliografía:

 Restrepo, W. (2019). Teoria del Color - Programación Orientada a Objetos. Retrieved 11

November 2019, from https://sites.google.com/site/programacionhtmlaobjetos/teoria-del-color
 Teoría del Color · Diseño Web, diseño gráfico y programación. (2019). Retrieved 11 November
2019, from https://www.abcdisegno.com/teoria-del-color/
 Vaca, C. (2019). Teoría del Color en el diseño de interfaces. Retrieved 11 November 2019, from
https://platzi.com/blog/color-en-interfaces/
 Dorao, J. (2019). Estándares para el diseño de interfaz. Retrieved 11 November 2019, from
https://es.slideshare.net/josewiizdorao/estndares-para-el-diseo-de-interfaz