¿Qué quieres aprender?

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

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

Instituto Superior Ateneo

Curso online


99
¿Quieres hablar con un asesor sobre este curso?

Requisitos

Matricularse

Temario completo de este curso

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.
Ver más