Diseño Gráfico Digital + Animacion + Desarrollo web

PLAN DE ESTUDIO

FUNDAMENTOS DEL DISEÑO GRÁFICO DIGITAL

Qué aprenderás:

• Principios del diseño: equilibrio, contraste, jerarquía, alineación, repetición.
• Teoría del color aplicada al entorno digital.
• Tipografía: familias, jerarquías, legibilidad y usos según medio.
• Composición visual y maquetación básica.
• Identidad visual: logos, paletas, manuales de marca.
• Herramientas esenciales: Adobe Photoshop e Illustrator (introducción).
• Formatos de archivo: JPG, PNG, SVG, PDF, WEBP.

HERRAMIENTAS DE DISEÑO DIGITAL (FIGMA, CANVA, ADOBE)

Qué aprenderás:

• Dominar Figma para diseño de interfaces, redes sociales y prototipos.
• Crear diseños profesionales con Canva (para emprendedores y no diseñadores).
• Trabajar con Adobe Photoshop: retoque fotográfico, fondos, composiciones.
• Usar Adobe Illustrator: creación de logos, iconos y gráficos vectoriales.
• Exportar assets optimizados para web y redes.
• Colaborar en equipo con herramientas en la nube (Figma, Google Drive)

ANIMACIÓN DIGITAL PARA REDES Y WEB

Qué aprenderás:

• Introducción a la animación 2D y sus aplicaciones (redes, banners, sitios web).
• Conceptos clave: fotogramas, timeline, easing, interpolación.
• Animar textos, íconos y elementos gráficos con movimiento suave.
• Usar After Effects para motion graphics básicos.
• Alternativas accesibles: Lottie, Rive, Canva Animations, Principle.
• Crear GIFs animados y videos cortos para Instagram, TikTok, YouTube Shorts.
• Integrar animaciones en landing pages y presentaciones.

DESARROLLO WEB BÁSICO (HTML, CSS Y JAVASCRIPT)

Qué aprenderás:

• Estructura básica de una página web con HTML5: etiquetas, secciones, formularios.
• Diseñar con CSS3: estilos, cajas, tipografía, colores, efectos.
• Diseño responsive: adaptar sitios a celulares, tablets y pantallas grandes.
• Introducción a JavaScript: interactividad básica (menús, sliders, validaciones).
• Uso de Flexbox y Grid para maquetación moderna.
• Preparar tu sitio para motores de búsqueda (SEO básico).
• Publicar páginas simples con GitHub Pages o Netlify.

CREACIÓN DE SITIOS WEB CON WEBCFLOW / FIGMA TO CODE

Qué aprenderás:

• Diseñar un sitio completo en Figma o Webflow.
• Convertir diseños en sitios funcionales sin programar (no-code).
• Usar Webflow para crear webs responsivas, animadas y listas para SEO.
• Integrar formularios, menús, galerías y blogs.
• Conectar dominios y publicar sitios en vivo.
• Agregar animaciones on scroll y transiciones elegantes.
• Optimizar velocidad y experiencia de usuario (UX).

PROYECTOS INTEGRALES: DE LA IDEA AL PRODUCTO DIGITAL

Qué aprenderás:

• Desarrollar un proyecto real: marca personal, emprendimiento o cliente ficticio.
• Crear identidad visual completa: logo, paleta, tipografía, assets.
• Diseñar piezas para redes sociales y campañas digitales.
• Animar elementos clave del branding (logo reveal, stories animados).
• Construir un sitio web completo que incluya portafolio, contacto y servicios.
• Presentar el proyecto final con narrativa clara y profesional.

PRESENTACIÓN, PORTAFOLIO Y EMPRENDIMIENTO DIGITAL

Qué aprenderás:

• Armar un portafolio online profesional (con Webflow, Behance o WordPress).
• Redactar una propuesta de valor clara y atractiva.
• Gestionar clientes: presupuestos, plazos, revisiones.
• Vender tus servicios en plataformas freelance (Workana, Upwork, Fiverr).
• Usar redes sociales para mostrar tu trabajo (Instagram, LinkedIn, TikTok).
• Precios de servicios: paquetes de diseño, animación, web.
• Continuar aprendiendo: recursos gratuitos, cursos, comunidades.

Al finalizar el curso, estarás preparado para:

• Crear identidades visuales completas para marcas digitales.
• Diseñar y animar contenido para redes sociales y campañas.
• Desarrollar sitios web modernos y responsivos con herramientas no-code o código.
• Trabajar como freelancer, diseñador web o integrante de equipos digitales.
• Emprender tu propio negocio de diseño y desarrollo.