Publicado por

Pec 1 – Deconstrucción de una interfaz gráfica

En este trabajo hemos analizado la página Airbnb. Para ello hemos analizado los elementos de la interfaz, desarrollado un UI Kit y finalmente hecho un prototipo de la página.

Todo esto lo hemos construído en base a 3 breakpoints. Escritorio, Ipad y móvil.

Os adjunto unas capturas de mi UI Kit.

Retículas: 

Como se puede ver tenemos diferentes sistemas para cada una de los breakpoints, pero mantuvimos el sistema de columnas.

 

Iconografía de la web: 

Hemos recogido la iconografía más utilizada

Tipografías: 

Elementos: 

Hemos recogido los elementos que más se repetían a lo largo de los breakpoints

Por último os dejo el vídeo de mi prototipado: https://www.loom.com/share/663e48fa0ffa4f59b260c6d5723f22f4

Y el enlace a mi archivo de figma:

https://www.figma.com/file/GjcK2VZCxD1jRF4cunpurF/Airbnb?node-id=80%3A2250

 

Muchas gracias por leerme!

 

Debate0en Pec 1 – Deconstrucción de una interfaz gráfica

Deja un comentario