Curso de Diseño web con IA

Del concepto a la publicación: diseña y construye sitios web con GPT, Gemini y Claude, sin escribir código manualmente.
Inscripciones abiertas
Básico
9 Clases 16 h (aprox.)
89€
65€
Precio en promoción

Inicio del curso

Miércoles 18 de noviembre

Añadir a Google Calendar

Todos somos conscientes del potencial de la inteligencia artificial para ayudarnos en el diseño y la creación de sitios web, ya sea por propia experiencia o por diseños compartidos por algún amigo o compañero. Sin embargo, en mayor o menor medida también apreciamos que no siempre los resultados son tan buenos como cabría esperar. A veces está demasiado patente ese "olor a IA", a veces el diseño no tiene gracia o no convierte.
 
Y es que no se trata solo de pedir a la IA que genere una página, sino de aprender a dirigir un proceso: dar forma a una idea, explorar propuestas visuales, preparar los recursos y convertir el diseño en una interfaz que podamos revisar, mejorar y publicar. 

En este curso te enseñaremos cuál es ese proceso de diseño. A lo largo de ocho sesiones en directo crearemos las interfaces de un sitio web de experiencias y excursiones. Utilizaremos IA para definir el concepto, preparar los contenidos, explorar propuestas gráficas, generar recursos visuales y construir las páginas. Verás cómo iterar con herramientas de Inteligencia Artificial para encaminarte de manera efectiva hacia el resultado deseado. 

Lo haremos de forma práctica, combinando distintas herramientas de IA y sin escribir código manualmente, con el objetivo de que cualquier persona sea capaz de realizar el diseño web independientemente de sus conocimientos técnicos.

Qué aprenderé en el Curso de Diseño web con IA

  • Transformar una idea en un concepto de sitio web, definiendo su público, objetivos y personalidad.
  • Organizar las páginas, secciones y contenidos que darán forma al proyecto.
  • Crear y comparar propuestas gráficas con GPT y explorar alternativas con Gemini.
  • Generar recursos visuales para la web, como logotipos e imágenes.
  • Definir una dirección visual coherente: colores, tipografías, composición y estilos.
  • Preparar documentos, referencias e instrucciones para guiar a la IA durante la construcción.
  • Utilizar Claude como agente en un editor para generar las interfaces sin escribir código manualmente.
  • Construir una portada, una página de detalle y un panel de usuario con datos de demostración.
  • Refinar el diseño y adaptar las interfaces a móvil y escritorio mediante instrucciones a la IA.
  • Detectar problemas, solicitar correcciones y comprobar los resultados.
  • Publicar el proyecto en una dirección web accesible y actualizarlo con nuevos cambios.

Objetivos del curso

Aprender a diseñar y publicar interfaces web con inteligencia artificial, desde la definición del concepto y la creación de propuestas visuales hasta la generación del código, dirigiendo y revisando todo el proceso sin programar manualmente.

Por qué debes aprender Diseño web con IA

  • Porque generar una página con IA es solo el principio: lo importante es saber dirigir el proceso para conseguir un resultado que responda a tu idea.
  • Pasa de las pruebas sueltas a un proyecto completo, desde el concepto hasta su publicación.
  • Aprende a combinar GPT, Claude y Gemini con un propósito claro en cada etapa.
  • Convierte tus ideas en interfaces sin escribir código manualmente, manteniendo el control sobre las decisiones de diseño.
  • Desarrolla criterio para comparar propuestas, detectar problemas y pedir mejoras concretas.
  • Sigue un proceso práctico en directo, con acceso a las grabaciones, los documentos, los recursos gráficos y el código generado.
  • Aplica lo aprendido a tu propio proyecto, utilizando el trabajo del curso como referencia.

Qué tengo que saber

Saber manejar el ordenador, gestionar archivos y ventajas. Tener nociones esenciales de algún programa de diseño gráfico o retoque fotográfico, para ajustar los materiales necesarios para ir construyendo las webs.

Clases y contenidos

Diseño web con IA

Demostración práctica de Diseño web asistido por IA. Pasamos de una idea breve a una propuesta visual y, después, a una primera portada funcionando en el navegador.

Añadir a Google Calendar
Definición del proyecto, estructura y contenidos

Poner en orden las ideas en nuestro brief. Determinar el objetivo y el alcance del proyecto. Generar los contenidos para las distintas secciones que vamos a desarrollar.

Añadir a Google Calendar
Propuestas gráficas y elección de una dirección

Trabajamos con la IA para dirigir el aspecto estético del proyecto. Generar propuestas gráficas y conseguir propuestas alternativas con otras IA.

Añadir a Google Calendar
Identidad, assets y preparación para construir

Transformamos la dirección elegida en un conjunto de materiales utilizables (logotipo, imágenes para el proyecto, tipografía, colores…)

Añadir a Google Calendar
Construcción de la portada web

Sin necesidad de tocar código vamos a usar agentes de IA para generar el HTML, CSS y Javascript necesarios para construir la portada a partir de las propuestas de diseño. Además trabajaremos un poco estableciendo las bibliotecas que queremos aplicar para facilitarnos la vida.

Añadir a Google Calendar
Página de excursión y panel de usuario

Vamos a trabajar sobre páginas internas y un panel de usuario, componiendo todo con código usando agentes de IA.

Añadir a Google Calendar
Refinando el diseño

Vamos a ver qué ajustes son necesarios para corregir posibles errores, como tratamientos responsive, mejorar la consistencia del diseño, ajustar jerarquía, etc.

Añadir a Google Calendar
Revisión final y publicación del proyecto

Subimos el trabajo a un servidor para que esté disponible para nuestros usuarios. Ajustes de mantenimiento y re-publicación.

Añadir a Google Calendar
Tutoría para revisión de vuestras propuestas de diseño

Veremos las propuestas de diseño que los estudiantes hayan realizado durante el curso, para validarlas y responder posibles dudas que puedan surgir al aplicar lo aprendido.

Añadir a Google Calendar
¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete