Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Trabajando con Sketch e Invision

814 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

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

×