Prototipado - Aula 1

Pública

Parte 1:

Hoy os comparto mi trabajo para esta segunda parte de la asignatura. Teníamos que desarrollar dos partes: una centrada en elementos de interacción, y otra relacionada con las hojas de estilo y la iconografía de Grover.

Intenté mantenerme a seguir la metodología de atomic design. Para que la estructura de capas y páginas fuera mucho más clara.

Para empezar, os muestro cómo definí los estilos de texto y color. Esta parte es clave, porque si lo dejamos bien planteado desde el inicio, luego todo el sistema es mucho más fácil de aplicar.

os comparto el link de algunas de las interacciones de la parte 1 https://www.figma.com/proto/eNiyAYx4r17TpRu5t0AAsL/Prototipado-2?node-id=2032-39&p=f&t=AnDR6lAmn6f1rodB-0&scaling=min-zoom&content-scaling=fixed&page-id=2032%3A39

Abajo comparto mi UI kit, junto a las interacciones e iconos

Parte 2:

Os comparto un video de mi planteamiento para la segunda parte. Hice dos opciones, una más simple y otra con más páginas.

link del prototipo: https://www.figma.com/design/eNiyAYx4r17TpRu5t0AAsL/Prototipado-2?node-id=2034-268&p=f&t=qd8yuyfYxG1LpDbY-0