Una guía de estilo es una colección de elemento gráficos prediseñados, y reglas que se deben seguir para asegurarse que partes de un sitio web sea consistente y cree una experiencia visual cohesiva.
Los principales puntos a considerar en una guía de estilos UI
Tipografías
Definir el uso de tipografías (fuentes), determinando sus diferentes formas uso dentro del sitio estilos (Colores, tamaños, estilos, etc…)
Herramientas de ayuda:
Colores
Determinar el uso de colores en diferentes tonalidades según jerarquía: Primarios, Secundarios y Terciarios. También establecer el uso de colores neutros como gris y/o negro para el uso de textos.
Herramientas de ayuda:
Iconografía:
Definir una familia de iconos (lineales o llenos), manteniendo coherencia visual entre ellos, para generar ideas rápidas a ciertos contextos de uso dentro de un sitio.
Herramientas de ayuda:
Botones
En una guía de estilos se definen los estilos de los botones los cuales deben tener una coherencia. También se definen los estados, tamaños y colores dependiendo de su uso.
Imágenes
Se establecen los diversos tamaños que tendrán las imágenes dentro del proyecto, esto nos permite ordenar y definir las diversas variaciones en las cuales se puedan aplicar.
En una muy entretenida charla de Duoc UC en «Me titulé en Duoc UC» me corresponde hablar con Jannette Pérez, diseñadora gráfica titulada Duoc UC quien nos habla sobre su experiencia académica y el camino que ha realizado para trabajar hoy en día como diseñadora UX/UI en Ripleytech.
En esta charla realizada para el canal de Youtube de la escuela de Diseño de Duoc UC entrevisto a Consuelo Olivares y Marcelo Morales, diseñadores UX en Thoughtworks quienes nos cuentan sus “experiencia diseñando experiencias” desde sus orígenes, donde nos compartirán cómo partiendo desde puntos tan diferentes como la informática y el diseño terminando en […]
Charla que realizamos para el canal de la escuela de Duoc UC en la cual soy docente compartiendo junto a Vladimir Torres y Paola Veliz, El Diseño de Experiencia de Usuario (UX) es el proceso fundamental en la metodología de Diseño Centrado en el Usuario (DCU) y se enfoca en conocer las necesidades, frustraciones y […]