Publicado por

PEC 1: Deconstrucción de una interfaz gráfica

A partir de la observación, el estudio y la réplica de la página de Airbnb, he podido comprender y mejorar el conocimiento que tenía de la herramienta Inspeccionar de Google Chrome. Muy útil y necesaria en mi día a día cuando se trabaja en un entorno FE y se requiere entender mejor este entorno.

Esta práctica me ha servido para mejorar mi agilidad trabajando con Figma y para seguir profundizando en el pulido de las interacciones y micro-interacciones. He podido explorar cuál es la mejor manera de construir el prototipo para recrear con más exactitud el producto real. Aunque actualmente no se pueda conseguir al 100%, no creo que estemos lejos a poder presenciar nuevas y mejores funcionalidades para Figma.

Me gusta crear Design Systems y el UI KIT sirvió para organizar mejor mi espacio de trabajo.

Aquí os dejo el enlace al prototipo y al vídeo.

P.D: El prototipo de Mobile requiere de mockup. Al estar los 4 prototipos en el mismo archivo (Desktop, Tablet, Mobile y ejemplo de Responsive) no lo he podido dejar predeterminado ya que afectaría a los otros. Es por eso que la barra de navegación parece que no esté bien situada.

Prototipo

Vídeo

 

Debate0en PEC 1: Deconstrucción de una interfaz gráfica

Deja un comentario