Sketch Visual Design Exercise

@Marta.fdsantos
Aug 8, 2017 · 1 min read

¡Mis dos primeras pantallas! :)

Después de muchos temas, la mayoría de ellos más teóricos, llega el momento de ponerse manos a la obra y trastear con Sketch, un programa de diseño muy intuitivo y sencillo que permite entre otras cosas, crear desde cero pantallas para distintos dispositivos, mediante plantillas de un tamaño predeterminado, desde un iphone 7 a una web.

Aprovechando la libertad de poder elegir las fotos del fondo para este ejercicio, me encontré con el primer problema, haber elegido unas imágenes demasiado coloridas, que por mucho filtro gaussiano que le aplicara, dificultaba la visibilidad de las capas superiores del diseño, las cajas y el resto de información importante. Tras varios intentos de matizar y oscurecer estas imagenes, al final decidí cambiarlas por otras con menos colorido, resultado ser una buena decisión.

Este es el resultado:

Este ejercicio me ha enseñado muchas cosas, entre ellas la importancia de nombrar y agrupar elementos, de mantener los fondos bloqueados para poder trabajar encima sin moverlo todo. También es fundamental ser muy ordenado durante el proceso para no perderse entre tantos elementos, lo cual facilita enormemente el trabajo.

Sin duda, la mejor manera de aprender tras unos tutoriales básicos, es el “learn by doing” :)

    Written by

    UX/ UI designer. Left-handed, curious and passionated.

    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