SKETCH VISUAL DESIGN EXERCISE

Cristina Traba
Jul 20, 2017 · 2 min read

Mediante únicamente el uso de Sketch se debe llegar a las siguientes pantallas, que son tomadas como referentes:

El ejercicio consiste de dos pantallas, la primera se corresponde al login y la segunda muestra un itinerario de viajes.

Para el desarrollo del ejercicio he optado por basarme en en la estructura y formas mayores de las pantallas y hacer pequeñas modificaciones tales como la paleta de colores, la imagen de fondo y algunos acabados de formas.

Para llegar a esta paleta de colores, he partido de la imagen de fondo, seleccionando el color del cielo como principal y capturando su código de color para posteriormente generar una paleta de colores tríada con la herramienta de Adobe Color .

Pese a que visualmente, sobre todo la primera pantalla, el resultado final es distinto a la referencia, he utilizado las herramientas recomendadas: Shapes, Editing tool, Fills / Borders, Alignment Tools, Drop Shadows, Masking, Opacity, Boolean Operations , Gaussian Blur, Iconfont Plugin.

Como experiencia me ha encantado trabajar con Sketch, ya que acostumbrada a utilizar Illustrator en el día a día, me ha parecido que Sketch es un programa más sencillo y directo para llevar a cabo este tipo de proyectos de prototipado.

)

Written by

Product Designer & Architect

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