Sketch App para Jedis

Este taller está pensado para todos aquellos que quieren sacar todo el provecho que Sketch App puede proporcionarnos. La idea es conocer y aprender algunos de los conceptos y técnicas más avanzadas, algunas desconocidas para muchos de los usuarios del Sketch, y luego, al través de un proyecto que haremos entre todos (cada uno en su MacBook), al final probaremos el prototipo interactivo en nuestros smartphones. ¡Fabuloso! ¿verdad?

Carlos Alberto
Organizador

QUÉ NECESITAREMOS

¡Ven con tu portátil! Necesitarás un MacBook (o un Windows que ejecute el entorno virtual de OS X). Tener instalado Sketch App (puede ser la versión de prueba gratuita de 30 días). Dispondremos de café, té, agua y seguramente alguna cosa más, pero si tenéis el deseo incontrolable de comer algo, sentiros completamente libres para traer vuestro bocadillo o algo para picar =)

QUÉ VAMOS APREENDER

Aspectos avanzados de la interfaz de usuario del Sketch App:

• Algunas herramientas “ocultas”
• Navegar por las estructuras de carpetas y Artboards
• Algunos de los atajos más importantes
• Convenciones de nomenclatura

Algunas técnicas avanzadas:

• Enmascaramiento
• Formas, radios y puntos personalizados
• Shadows (inner/outer)
• Highlights (gaussian blur)
• Blend modes
• Alpha channel
• Gradients
• Asegurarnos que todo encuadra a nivel de pixels
• Exportar los assets/icons en formato SVG
• Compartir símbolos, assets y estilos (entre archivos .sketch y con el equipo)

Crear y gestionar los símbolos cómo un Jedi:

• Overview
• Resizing
• Overriding
• El uso de Data (JSON)
• Diseños adaptativo/responsivo
• Autolayout, grids, tables…

Y también algunas de las novedades de las últimas versiones del Sketch App, incluyendo las ultimas betas, plugins e integraciones:

• InVision CRAFT
• Anima, Runner y otros plugins
• Zeplin, Slack, Git, Marvel y Lookback

Y con todo esto…
¡Nos ponemos manos a la obra!

• Entre todos vamos a rediseñar y compartir símbolos (los átomos y moléculas)
• Con estos elementos atómicos vamos diseñar las interfaces (templates y páginas)
• Las subiremos al Marvel app y probaremos el flujo en nuestros móviles