Interfaces con Sketch

Duplicado de un E-commerce ficticio

En esta ocasión, se presentaba el reto de crear una réplica exacta de las dos pantallas (login, Home) que aparecen en la cabecera.

Para ello utilicé el programa de Sketch (Solamente disponible para Mac. Es el programa más utilizado por los diseñadores para la creación y diseño de interfaces.

Hasta el momento, no eran muchas las ocasiones en las que había utilizado este programa, por lo que las tareas me han llevado un poco más de tiempo de lo habitual. Por otro lado, ir trasteando con diferentes opciones, herramientas, y descubrir funciones nuevas es la mejor manera de familiarizarse con el programa.

Este sería el modelo al que se nos propone clonar:

Y este sería resultado:

El resultado final, no es 100% exacta, pues hay elementos como el color o la tipografía, que no he logrado identifica de manera idéntica.

Para organizar mejor el trabajo durante el proceso, seguí las recomendaciones de ir clasificando todo en carpetas y subcarpetas, para que cualquier persona externo al proceso pueda localizar cada uno de los elementos con facilidad.

Para las fotografías he utilizado Freepik y Pexels, mientras los logotipos han sido seleccionados en Flaticon. En cuánto a la tipografía, he intentado hacerla lo más exacta posible, buscando la fuente en MyFonts, pero sin mucho éxito, por lo que finalmente he improvisado a ojo.