Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Trabajando con Sketch e Invision

715 views

Published on

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.

Published in: Design
  • Be the first to comment

Trabajando con Sketch e Invision

  1. 1. Trabajando con Sketch e Invision
  2. 2. Sketch
  3. 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. 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. 5. Invision
  6. 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.
  7. 7. Opciones Opciones de trabajo: ● Preview mode. ● Build mode. ● Comment mode. ● Inspect mode. ● History mode.
  8. 8. 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.
  9. 9. Previsualizando el diseño

×