1

Este concepto se define como

"una regla de tres partes, que
expresa una relación entre cierto
contexto, un problema y una
solución", es decir, es una norma
PATRONES DE DISEÑO de diseño para construir una
DESIGN SYSTEM interacción hombre-máquina a
través de una interfaz gráfica.
2

Es una herramienta colaborativa,

compuesta por componentes
re-utilizables y guiada por
estándares definidos por el
equipo de diseño.

Dicho de forma más simple:

Son todos los elementos gráficos
a utilizar para la construcción de
un producto.
3

Permite facilitar el desarrollo de

aplicaciones, debido a que cada
plataforma tiene su propia
interacción entre el usuario y el
dispositivo; y al definir esto al
comienzo de un proyecto, permitirá
un flujo de trabajo sin contratiempos
Se deben definir todas la variaciones que
independiente del dispositivo para el
tendrá cada uno de los elementos que estarán
cual se esta diseñando. presentes en la interfaz.
4

Esta velocidad va aumentando

a medida que el producto
Su principal función es avanza en su desarrollo.

facilitar el desarrollo de un
producto, con lo que se
conseguirá una mayor
velocidad en el flujo de
trabajo.
5

ALGUNOS ELEMENTOS “BÁSICOS” PARA UN GUIDELINE PUEDEN SER...

Colores Espacios (margin y padding) Tipografías y tamaños de

textos

Botones Tablas Modals

6

GOOGLE
MATERIAL DESIGN
https://material.io/design

APPLE
EJEMPLOS DE HUMAN INTERFACE GUIDELINES
UI STYLE https://developer.apple.com/design/human-interface-guidelines/
GUIDELINE

MICROSOFT
FLUENT DESIGN SYSTEM
https://www.microsoft.com/design/fluent/#/

ADOBE
SPECTRUM
https://spectrum.adobe.com/
7

GRACIAS