Mejores herramientas para el DISEÑO WEB 2020
por Jordan Alexander
Repaso de herramientas y recursos para diseño web: ilustraciones, iconos e imágenes, gradientes y efectos de color, generadores y fuentes.
Recomendado, valoración editorial 3 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Diseño en Udemy impartido por Jordan Alexander (1 h 19 min). Nuestra valoración: 3/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 3/5 · Recomendado
- Para quién
- Personas que empiezan en diseño web y quieren conocer recursos y herramientas útiles para ilustraciones, iconos, imágenes, gradientes y fuentes.
- Duración
- 1 h 19 min · 14 lecciones
- Precio
- Gratis en Udemy
- Autor
- Jordan Alexander
- Plan sugerido
- 1 sem. · 2.5 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 3 de 5Repaso breve y ordenado de recursos para diseño web: ilustraciones, iconos, gradientes y fuentes. Útil como punto de partida para reunir material, aunque es posible que parte del contenido esté desfasado.
Puntos fuertes
- Estructura clara en cinco bloques temáticos, cada uno centrado en un tipo de recurso.
- Duración contenida (79 minutos en 14 lecciones), fácil de seguir en pocas sesiones.
A tener en cuenta
- El título hace referencia a 2020 y no consta año de publicación: algunas herramientas pueden haber cambiado o desaparecido.
- Es un repaso de recursos, no enseña técnicas de diseño en profundidad ni menciona proyecto práctico.
- La descripción no detalla qué herramientas concretas se tratan.
De qué trata
Curso de Udemy de 79 minutos y 14 lecciones que recorre herramientas y recursos para el diseño de páginas web. Está impartido por Jordan Alexander, del canal AlexCG Design.
Se organiza en cinco bloques: introducción, recursos de ilustraciones, iconos e imágenes, efectos y colores (gradientes), y generadores y fuentes. Según la descripción, busca dar a conocer herramientas y técnicas de diseño web moderno.
- Recursos de ilustraciones para web
- Iconos e imágenes
- Efectos y gradientes de color
- Generadores y fuentes
Para quién es este curso
- Personas que empiezan en diseño web y quieren conocer recursos y herramientas útiles para ilustraciones, iconos, imágenes, gradientes y fuentes.
- Desarrolladores web que quieren mejorar el aspecto visual de sus páginas con recursos externos.
Mejor busca otro si…
- Quien busque aprender a diseñar desde cero con un programa concreto (por ejemplo Figma); este curso es un repaso de recursos.
- Diseñadores con experiencia que ya tengan su propio conjunto de herramientas y recursos.
Antes de empezar
La información publicada del curso no detalla requisitos previos.
Qué sabrás hacer al terminar
- Conocer recursos para conseguir ilustraciones para páginas web.
- Localizar iconos e imágenes para usar en diseños web.
- Identificar herramientas para crear efectos y gradientes de color.
- Reconocer generadores y fuentes tipográficas útiles para el diseño web.
Estructura del curso
- 01
Introducción
Presentación del curso y de su enfoque: herramientas para diseñar páginas web.
- 02
Recursos de ilustraciones
Recursos donde encontrar ilustraciones para incorporar en diseños web.
- 03
Iconos e imágenes
Fuentes de iconos e imágenes para proyectos web.
- 04
Efectos y colores [Gradientes]
Herramientas para trabajar efectos y gradientes de color.
- 05
Generadores y fuentes
Generadores y recursos tipográficos para completar el diseño.
Capítulos del vídeo
- 01Introducción
- 02Recursos de Ilustraciones
- 03Iconos e Imagenes
- 04Efectos y colores [Gradientes]
- 05Generadores y Fuentes
Plan de estudio sugerido
1 semana · unas 2,5 h por semana
- 1.Sesión 1: Introducción y recursos de ilustraciones; abre cada herramienta y prueba a buscar algo.
- 2.Sesión 2: Iconos e imágenes; reúne una pequeña colección para un diseño propio.
- 3.Sesión 3: Gradientes y generadores y fuentes; aplícalos a una maqueta sencilla.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Ten el navegador abierto y visita cada herramienta mientras se presenta, para comprobar si sigue disponible.
- Guarda en una lista tus favoritas de cada capítulo (ilustraciones, iconos, gradientes, fuentes).
- Aplica lo aprendido a una página sencilla propia para fijar los recursos.
- Revisa las licencias de uso de cada recurso antes de usarlo en un proyecto.
Antes y después de este curso
- Después de este cursoCurso de maquetación web de lo básico a lo avanzadoPara pasar de conocer recursos a maquetar páginas web completas.
- Después de este curso💻 Curso Figma desde CERO | Curso de Introducción a FigmaPara aprender a diseñar interfaces con una herramienta concreta usando los recursos conocidos.
Cómo lo presenta Jordan Alexander
Conoce las mejores herramientas para el diseño de páginas web profesionales, las cuales te harán hacer mejores diseños
En este curso aprenderás las mejores herramientas para el diseño de sitios web, mi nombre es Jordan Alexander del canal de AlexCG Design, un canal en el cuál enseño desarrollo web, todas estas herramientas me han ayudado a obtener más de 11 mil suscriptores en Youtube, y crear…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Cuánto dura el curso?
79 minutos repartidos en 14 lecciones y cinco bloques temáticos.
+¿Necesito experiencia previa?
La información publicada no indica requisitos previos.
+¿Está actualizado?
El título menciona 2020 y no consta año de publicación, así que conviene comprobar que las herramientas siguen disponibles.
+¿Qué temas cubre?
Recursos de ilustraciones, iconos e imágenes, efectos y gradientes de color, y generadores y fuentes.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Jordan Alexander; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Diseño
Creative Web Development with Three.js and Blender
Enseña a modelar una escena 3D en Blender y a llevarla a la web con Three.js, con raycaster, movimiento con GSAP y colisiones.
🔥Curso Completo de Edición de Video 2026 – Premiere Pro y After Effects Desde Cero a Experto +10 HR
Curso de edición de vídeo que recorre Premiere Pro y After Effects: capas, keyframes, máscaras, textos, cámara 3D y objetos GLB, con ejercicios prácticos de animación y montaje de un reel 3D.
Adobe Photoshop para principiantes - Segunda parte
Segunda parte de un curso de Photoshop: capas, tamaño y resolución, color, selecciones, retoque y creación de títulos en 21 lecciones.
AI & UX Ethics: decisiones con criterio humano
Enseña a usar IA en UX con criterio ético: riesgos, un framework para decidir qué automatizar y métricas para evaluar resultados en research, diseño y microcopy.