Charla de Aritz Oiaga en el Open Space 10 anivesario de Biko. Aritz cuenta su experiencia con estas dos herramientas, basándose en lo que ha aprendido siguiendo dos cursos: Diseño de Interfaces con Sketch y Design Workflow with Sketch.

1. Trabajando con
Sketch e Invision

2. Sketch

3. Introducción a Sketch
Programa especializado en el diseño de interfaz de usuario.
Diseño vectorial (elementos escalables)
Todos los diseños de un proyecto en un sólo archivo.
Diseño modular y opciones de automatización.
Ayuda al mantenimiento y evolución de las propuestas de diseño.

4. Diseño modular
Páginas: primer nivel de organización (no solamente páginas finales)
Artboards: espacios de trabajo con tamaño delimitado.
Estilos: propiedades de un elemento. Pueden predefinirse para compartirlos.
Paletas de color.
Sistema tipográfico compuesto por varios estilos de texto.
Símbolos: elementos reutilizables.

5. Invision

6. Prototipos de alta fidelidad
Nos permiten compartir nuestros diseños con nuestro equipo y con el cliente.
Permiten interactuar con ellos.
Cada proyecto va asociado a un tipo de dispositivo.
Permite la sincronización con Sketch.
Nos ayudan a mantener y evolucionar el trabajo de diseño durante el proyecto.
Nos ayudan a explicar y comunicar mejor nuestras propuestas.

8. Opciones
Opciones de trabajo:
● Preview mode.
● Build mode.
● Comment mode.
● Inspect mode.
● History mode.

22. Craft
Colección de plugins para Sketch desarrollados por Invision.
https://www.invisionapp.com/craft
Sync: Sincronizar archivos de Sketch con Invision.
Data: Falicita el trabajo con datos reales a la hora de diseñar.
Library: Crear librerías de recursos para trabajar en equipo.
Duplicate: Generar elementos repetidos de forma dinámica.
Prototype: Añadir interacciones al diseño desde Sketch. No está disponible.

23. Previsualizando el diseño