Animaciones, Motion Graphics, UX/UI Descarga gratuita de Udemy

¡Recién lanzado con todos los principios modernos de Motion Design y las mejores prácticas para 2023! ¡Este es un curso basado en proyectos en el que aprenderemos construyendo muchos proyectos de diseño para agregar juntos a su cartera! Únase a una comunidad en línea en vivo de más de 900,000 estudiantes y un curso impartido por expertos de la industria que han trabajado tanto en Silicon Valley como en Toronto para las principales empresas. Los graduados de los cursos de Andrei ahora trabajan en Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook y otras empresas tecnológicas importantes.

Utilizando las mejores prácticas más recientes en diseño de movimiento, así como diseño de interfaz de usuario y experiencia de usuario (UI/UX), este curso se enfoca en enseñarle de manera eficiente todo sobre la creación de interacciones, animaciones y gráficos en movimiento para todos sus futuros proyectos web y de aplicaciones móviles. estaremos usando figma para lograr esto, que ahora es la herramienta número 1 utilizada por los diseñadores modernos y está reemplazando todas las herramientas de diseño obsoletas del pasado.

¡Le proporcionaremos todos los archivos de Figma, las plantillas de diseño premium y los activos en este curso, para que pueda conservarlos y usarlos cuando trabaje con todos sus futuros clientes! ¡Le garantizamos que este es el recurso en línea más completo sobre diseño de movimiento, microinteracciones, animaciones y creación de hermosas UX/UI!

El plan de estudios será muy práctico mientras lo guiamos de principio a fin de trabajar como diseñador de movimiento…

Los temas que se tratan en el curso son:

1. ¿Por qué es importante el movimiento? – Aprenda cómo el movimiento juega un papel importante en la construcción de productos utilizables y cómo ayuda a crear una narrativa y refuerza los modelos mentales.
   1. Conceptos erróneos comunes del diseño de movimiento
   2. El movimiento ayuda a crear usabilidad
   3. Modelos narrativos y mentales
2. Introducción a Figma: aprenda las diferentes partes de Figma y lo que necesitará para comenzar. Nos sumergimos en los detalles importantes para ponerlo en funcionamiento para que no haya confusión.
   1. Primeros pasos con Figma
   2. Presentamos Figma
   3. Panel de Figma
   4. Herramientas Figma
   5. capas y paginas
   6. La barra superior
   7. Propiedades de diseño
   8. Creación de prototipos con Figma
   9. Ejercicio: creación de un diseño receptivo
3. Introducción a Smart Animate – Smart Animate de Figma cambia las reglas del juego. Aprenderá a modificar todas las diferentes propiedades que admite y luego utilizará ese conocimiento a medida que construimos y explicamos algunos prototipos simples.
   1. Escala
   2. Posición
   3. Opacidad
   4. Girar
   5. llenar
   6. Ejercicio: Creación de una interacción simple
   7. Ejercicio: Animación de elementos de navegación
   8. Ejercicio: Creación de un prototipo más grande
4. Proyecto: Aplicación Photo Inspiration: ¡comenzaremos el curso con una explosión! Saltará a su primer proyecto donde puede tomar los recursos proporcionados y lo que aprendió anteriormente para vincular su propio prototipo de una aplicación móvil de inspiración fotográfica.
   1. Activos de diseño
   2. Filtrado a través de categorías
   3. Transiciones de pantalla e interacciones de arrastre
   4. Microinteracciones simples
5. Principios del diseño de movimiento: también aprenderá los principios del diseño de movimiento y lo que los hace parte integral del éxito de cualquier diseño.
   1. Introducción
   2. facilitando
   3. Compensación y retraso
   4. Crianza de los hijos
   5. Transformación
   6. Cambio de valor
   7. Enmascaramiento
   8. Cubrir
   9. clonación
   10. oscurecimiento
   11. Paralaje
   12. dimensionalidad
   13. carro y zoom
6. Creación de movimiento en Figma: tome la teoría y el conocimiento práctico que aprendió y regrese a Figma para construir algunos prototipos más pequeños. Usando los recursos de diseño proporcionados, puede seguir o ver cómo Daniel explica cómo crear varias interacciones.
   1. Ejercicio: Transiciones de navegación (Diseño de navegación)
   2. Ejercicio: Transiciones de Navegación (Corazón)
   3. Ejercicio: Transiciones de Navegación (Carrito)
   4. Ejercicio: Transiciones de navegación (Inicio)
   5. Ejercicio: Desplazamiento (Landing Page)
   6. Ejercicio: Desplazamiento (enlaces de anclaje)
   7. Ejercicio: Desplazamiento (Parallax)
   8. Ejercicio: paginación (puntos de carrusel simple)
   9. Ejercicio: paginación (animaciones de carrusel)
   10. Ejercicio: Arrastrar (Tarjeta de listado)
   11. Ejercicio: Arrastrar (Arrastrar imagen)
   12. Ejercicio: Arrastrar (Arrastrar a través del contenido)
   13. Ejercicio: Arrastrar (Arrastrar y Soltar)
   14. Ejercicio: Microinteracciones (Cargador de archivos Parte 1)
   15. Ejercicio: Microinteracciones (Cargador de archivos Parte 2)
   16. Ejercicio: Microinteracciones (Pause And Play)
   17. Ejercicio: Microinteracciones (botón Me gusta)
   18. Ejercicio: Microinteracciones (como animación)
   19. Ejercicio: Deleite (Éxito Modal)
   20. Ejercicio: Delicia (Confetti Pop)
   21. Ejercicio: Deleite (Lista de verificación Parte 1)
   22. Ejercicio: Deleite (Lista de verificación Parte 2)
   23. Ejercicio: Deleite (Botón del carrito Parte 1)
   24. Ejercicio: Deleite (Botón del carrito Parte 2)
7. El proceso de diseño de movimiento: ¿cómo encaja el diseño de movimiento en el «proceso de diseño normal»? No se preocupe, lo tenemos cubierto. Daniel explicará su proceso para determinar las soluciones de movimiento adecuadas para las necesidades del usuario.
   1. Descubrimiento e Investigación Parte 1
   2. Descubrimiento e Investigación Parte 2
   3. Diseño y guión gráfico
   4. Prototipo
   5. Pruebas
   6. Consejos útiles
8. Proyecto: Carrusel de National Geographic: aprenda a crear versiones simples y complejas de un efecto de carrusel en Figma.
   1. Carrusel de página de destino simple
   2. Parallax complejo y efecto de imagen 3D
9. Microinteracciones: profundice en por qué las microinteracciones son tan importantes. Luego saltará directamente a Figma para crear su propia animación con Daniel usando el complemento Figmotion.
   1. ¿Qué es una microinteracción?
   2. Por qué son importantes las microinteracciones
   3. Figmotion: Parte 1
   4. Figmotion: Parte 2
10. Proyecto: Aplicación móvil para el hogar inteligente: las aplicaciones para el hogar inteligente son cada vez más populares. Aprenda a diseñar una pantalla de inicio simple y luego anímela usando Figma. Siga junto con Daniel mientras explica cómo creó una interacción compleja de ajuste de temperatura.
    1. Diseño de una pantalla de inicio móvil
    2. Crear una interacción de alternar
    3. Interacciones de ajuste de temperatura
11. Comentarios: aprenda la forma correcta de facilitar y recopilar comentarios constructivos para sus diseños.
    1. ¿Por qué es importante la retroalimentación?
    2. Retroalimentación constructiva
12. Proyecto: página de destino de renovación del hogar: ¿alguna vez quiso diseñar una gran página de destino con elementos animados? No se preocupe, siga a Daniel mientras lo guía a través del proceso de dividir una página de destino en varios prototipos.
    1. Diseñando una página de destino
    2. Creación de prototipos de una página de destino
    3. Efectos de paralaje: Parte 1
    4. Carrusel
    5. Efectos de paralaje: Parte 2
    6. Galería
13. Proyecto: Renovación del hogar Formulario de renovación: las personas a menudo se olvidan de los formularios, pero es clave usar el movimiento para ayudar a su usuario en una tarea muy importante. Daniel le enseñará cómo aplicar algunas animaciones sutiles a sus interacciones de formulario que lo ayudarán a crear productos más utilizables.
    1. Movimiento en elementos de forma
    2. Progreso del formulario
    3. Animación del contenido del formulario
    4. Entradas y botones: Parte 1
    5. Entradas y botones: Parte 2
    6. Entradas y botones: Parte 3
    7. Entradas y botones: Parte 4
    8. Información sobre herramientas
    9. Entrada de carrusel
14. Proyecto: aplicación móvil de entrega de alimentos: aprenda a crear algunas interacciones llamativas con técnicas de enmascaramiento y luego siga las explicaciones de Daniel sobre cómo crear un prototipo de progreso de pedido complejo.
    1. Introducción
    2. Usando Parallax para llamar la atención
    3. Transiciones de lista
    4. Superposiciones alternativas
    5. Enmascaramiento y superposición
    6. Microinteracciones y botones de acción flotantes
    7. Progreso del pedido: Parte 1
    8. Progreso del pedido: Parte 2
15. Exhibición de sus prototipos: tiene todos estos prototipos, pero ¿cómo los muestra en su cartera? Lo guiaremos a través de varias opciones para Mac y Windows sobre cómo grabar su prototipo y exportarlo a su formato preferido.
    1. Kap para Mac
    2. Cómo usar Kap
    3. Usando tu Kap GIF en Figma
    4. Screenity para Chrome y Windows
    5. Cómo usar Screenity
    6. Usando tu Screenity GIF en Figma

Te vamos a enseñar las habilidades que te permitirán cobrar mucho dinero por tu tiempo. No competir por unos pocos dólares la hora en algunos sitios web independientes al azar. El objetivo es brindarle las habilidades de un diseñador superior y, en el camino, diseñaremos múltiples productos y proyectos que podrá agregar a su cartera.

¡Nos vemos dentro del curso!

Enseñado por:

Andrei es el instructor de la Los cursos de desarrollo mejor calificados en Udemy, así como uno de los de más rápido crecimiento. Sus graduados han pasado a trabajar para algunas de las compañías tecnológicas más grandes del mundo como Apple, Google, Tesla, Amazon, JP Morgan, IBM, UNIQLO, etc. Ha trabajado como desarrollador de software sénior en Silicon Valley y Toronto durante muchos años. años, y ahora está aprovechando todo lo que ha aprendido para enseñar habilidades de programación y ayudarlo a descubrir las increíbles oportunidades profesionales que ofrece ser desarrollador en la vida.

Habiendo sido un programador autodidacta, comprende que hay una cantidad abrumadora de cursos, tutoriales y libros en línea que son demasiado detallados e inadecuados para enseñar las habilidades adecuadas. La mayoría de las personas se sienten paralizadas y no saben por dónde empezar cuando aprenden un tema complejo o, lo que es peor, la mayoría de las personas no tienen $ 20,000 para gastar en un campamento de programación. Las habilidades de programación deben ser asequibles y abiertas a todos. Un material educativo debe enseñar habilidades de la vida real que estén actualizadas y no debe desperdiciar el valioso tiempo de un estudiante. Después de haber aprendido lecciones importantes de trabajar para empresas Fortune 500, nuevas empresas tecnológicas e incluso fundar su propio negocio, ahora dedica el 100 % de su tiempo a enseñar a otros valiosas habilidades de desarrollo de software para tomar el control de su vida y su trabajo de una manera emocionante. industria con infinitas posibilidades.

Andrei te promete que no hay otros cursos tan completos y tan bien explicados. Él cree que para aprender algo de valor, debe comenzar con los cimientos y desarrollar las raíces del árbol. Solo a partir de ahí podrá aprender conceptos y habilidades específicas (hojas) que se conectan con la base. El aprendizaje se vuelve exponencial cuando se estructura de esta manera.

Tomando su experiencia en psicología educativa y codificación, los cursos de Andrei lo llevarán a comprender temas complejos que nunca pensó que serían posibles.

——–

Daniel es un líder de diseño en tecnología con amplia experiencia en ayudando a las startups a construir e iterar sobre sus productos. A Daniel le apasiona enseñar y empoderar a los diseñadores y trabajar con otras disciplinas para crear productos útiles que cumplan con los objetivos comerciales y de los usuarios.

Su enfoque del diseño es siempre reflexivo e iterativo. Daniel a menudo se encuentra trabajando en colaboración con su equipo, ya sea esbozando conceptos y flujos o liderando la estrategia de diseño con los líderes del equipo y las partes interesadas externas.

Daniel es un diseñador multifacético cuya experiencia se expande a través de múltiples disciplinas de diseño. Esto incluye Experiencia de usuario y Diseño visual, Investigación de usuarios, Estrategia de producto, Metodologías de diseño Lean y Agile y mucho más. El trabajo de HI ha ayudado a dar forma a diferentes soluciones para una variedad de industrias, como la vivienda, la cadena de bloques y la salud.

Cuando no está creando productos, Daniel ha hablado y sido mentor en diferentes reuniones y eventos. Su objetivo es devolver a la comunidad de diseño lo que ha aprendido y de lo que sigue aprendiendo. Daniel tiene como objetivo siempre ayudar, enseñar y apoyar a otros diseñadores en sus carreras.

¡Nos vemos dentro de los cursos!