Guía de estilos UI


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.


Formas

Establecer formas para generar una mayor interactividad y dinamismo en el viaje del usuario dentro un sitio y pueda obtener la información deseada.

Herramientas de ayuda:


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.

Post relacionados
[Me Titulé en Duoc] Jannette Pérez – Diseñadora UX/UI

 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.

Nuestra experiencia diseñando experiencias [Charla UX]

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 […]

Hablemos de Diseño de Experiencia de Usuario (UX) [Charla Duoc]

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 […]