Para esta primera entrega de la asignatura de Prototipado, hemos analizado una página web en sus distintas modalidades y la hemos reconstruido haciendo uso de software de wireframe. Esta actividad nos ha permitido poder entender cómo se esquematizan las aplicaciones web y qué relaciones y similitudes existen en sus distintos breakpoints (web, móvil y tablet).

En mi caso, he optado por la página web de elPeriódico haciendo uso de la aplicación Adobe Xd. A continuación, se muestran algunas imágenes de los resultados obtenidos:

UI Kit

Prototipo versión Web

Prototipo versión Móvil

Prototipo versión Tablet

Finalmente, adjunto el enlace al prototipo en vivo de Adobe Xd:

https://xd.adobe.com/view/d464a3f2-c2d2-49eb-9c97-ae8b47e18402-8137/

Un saludo