WIREFRAMING EXERCISE

Cristina Traba
Jul 21, 2017 · 1 min read

El ejercicio de hoy consistía en el desarrollo de una serie de wireframes a partir de las pantallas de la aplicación Emov. Se trata de un proceso contrario al flujo de trabajo habitual (primero wireframe y posteriormente acabado final), sin embargo como toma de contacto con el wireframing resulta bastante claro y fácil de entender.

Para ello se tomaron las siguientes pantallas de la aplicación Emov:

Mediante el uso de Sketch se va simplificando las imágenes en rectángulos, los colores por blanco y negro, el logo de emov por un simple texto indicativo y los iconos por iconos tipo. Siendo este el resultado final:

Me ha parecido especialmente importante el mantener una organización por capas y grupos, ya que con tantas pantallas y tantos elementos si no se agrupa nada se vuelve todo un descontrol.

)

Cristina Traba
Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade