Learn Prototyping

Bring your designs to life with interactive prototypes that allow you to test and refine your design ideas. These tutorials teach you everything you need to know.

All Prototyping content:

  1. 3 Objetivos significativos del diseño con movimiento (con ejemplos)

    3 Objetivos significativos del diseño con movimiento (con ejemplos)

    Tutorial Beginner

    Emparejar el movimiento con los objetivos clave del usuario puede asegurar que tus diseños sean significativos y no solo añadan una carga cognitiva para tus...

  2. 10 repositorios de GitHub recomendados para crear animación en la Web

    10 repositorios de GitHub recomendados para crear animación en la Web

    Tutorial Beginner

    GitHub es un excelente lugar en el que encontrar proyectos que se distribuyen libremente al público, pero ¿alguna vez has asignado una estrella a un...

  3. Cómo Crear un Prototipo de Aplicación Usando CSS y JavaScript

    Cómo Crear un Prototipo de Aplicación Usando CSS y JavaScript

    Tutorial Intermediate

    La animación es realmente una de las mejores características en llegar a CSS en mucho tiempo. Después de todo, como nos hemos dado cuenta, el movimiento...

  4. Aprende cómo crear un prototipo en Atomic

    Aprende cómo crear un prototipo en Atomic

    Tutorial Beginner

    La creación de prototipos debería ser una forma rápida y sencilla de adquirir confianza en tus diseños. Ya no es considerada simplemente una manera de...

  5. Cómo Utilizar Variables CSS para Animación

    Cómo Utilizar Variables CSS para Animación

    Tutorial Intermediate

    Cuando mencionamos CSS en las discusiones a menudo hablamos de él como una lengua medio tonto. Un lenguaje declarativo, que carecen de lógica y conocimiento;...

  6. Storyboarding vs. Protoyping: Cuando usar cada uno

    Storyboarding vs. Protoyping: Cuando usar cada uno

    Tutorial Beginner

    Prototyping es una actividad multi-disciplinaria, que abarca el diseño digital, el diseño industrial y todo lo intermedio. Mientras que son precursores del...

  7. Nuevo Curso: Prototipo de Aplicación con Adobe XD

    Nuevo Curso: Prototipo de Aplicación con Adobe XD

    Tutorial Beginner

    Adobe XD es una herramienta multiplataforma de diseño todo-en-uno y prototipado de sitios web y aplicaciones móviles, lo que le permite trabajar de la idea...

  8. 13 Herramientas de Prototipado para Diseñadores Web

    13 Herramientas de Prototipado para Diseñadores Web

    Tutorial Beginner

    Veamos algunas herramientas de prototipado disponibles para los diseñadores web hoy en día, en ningún orden particular:

  9. Una Introducción de Diseñador Web a Adobe Animate CC

    Una Introducción de Diseñador Web a Adobe Animate CC

    Tutorial Intermediate

    ¿Qué es mejor que estar estático? Estar en movimiento, mis buenos amigos. El movimiento está a la alza para la web, desde simples interacciones de interfaz,...

  10. Crea un Prototipo UI Lo-fi en 60 Segundos

    Crea un Prototipo UI Lo-fi en 60 Segundos

    Tutorial Beginner

    Extiende tu objeto de ventana de manera que se adapte a tu contenido.

  11. Adobe XD en 60 Segundos

    Adobe XD en 60 Segundos

    Tutorial Beginner

    Adobe XD le permite diseñar y crear prototipos para aplicaciones; desde esquemas de diseño hasta experiencias de múltiples pantallas. ¡Vamos a ver lo que...

  12. Herramientas para Facilitar el Paso Entre Diseñadores y Desarrolladores

    Herramientas para Facilitar el Paso Entre Diseñadores y Desarrolladores

    Tutorial Beginner

    En este artículo realizaré un rápido recorrido por algunas herramientas que ayudarán a transmitir tus diseños a los desarrolladores encargados de llevarlos a...