Inicio

Curso de Diseño Gráfico

Curso no-code de diseño gráfico para aprender fundamentos visuales, teoría del color, tipografía, composición, Gestalt, historia del diseño, referentes y criterio profesional antes de especializarte en herramientas como Figma, Photoshop o Illustrator.

Tests

Pon a prueba tus conocimientos de Diseño Gráfico.

Lecciones

49
1
Fundamentos
Qué es el diseño gráfico y qué problema resuelve en comunicación visual
Aprende a diferenciar diseño gráfico, arte, ilustración y decoración visual para entender cuándo una pieza comunica con criterio y cuándo solo se limita a verse llamativa.
2
Fundamentos
Brief, objetivo y mensaje: cómo traducir un encargo a decisiones visuales útiles
Aprende a convertir un encargo de diseño gráfico en un objetivo claro, una audiencia concreta, un mensaje central y unas restricciones reales antes de empezar a componer una pieza.
3
Fundamentos
Contraste, alineación, proximidad, repetición y jerarquía: cómo leer una pieza antes de diseñarla
Aprende a detectar los principios visuales básicos que hacen que una pieza de diseño gráfico se entienda mejor: contraste, alineación, proximidad, repetición y jerarquía.
4
Fundamentos
Punto, línea, forma y plano: cómo empieza a construirse el lenguaje visual
Aprende fundamentos del diseño gráfico a partir de punto, línea, forma y plano para entender cómo nacen dirección, tensión, ritmo y jerarquía antes de hablar de estilo.
5
Lenguaje visual
Teoría del color en diseño gráfico: cómo elegir paletas con función, contraste y contexto
Aprende a usar el color en diseño gráfico con criterio real: función, jerarquía, contraste, tono de marca y contexto de uso antes de elegir una paleta.
6
Lenguaje visual
Teoría del color II: rueda cromática, armonías y contraste aplicados al diseño gráfico
Aprende a usar rueda cromática, armonías y contraste en diseño gráfico para construir paletas más sólidas, evitar combinaciones arbitrarias y justificar mejor tus decisiones de color.
7
Lenguaje visual
Psicología del color, contexto cultural y tono: elegir color con más criterio
Aprende a usar la psicología del color en diseño gráfico con más madurez, entendiendo contexto cultural, tono de marca y significado situado para no caer en clichés ni asociaciones simplistas.
8
Lenguaje visual
Color, accesibilidad y jerarquía: usar la paleta para guiar mejor
Aprende a usar el color en diseño gráfico para crear jerarquía, señal y claridad sin perder contraste, legibilidad ni accesibilidad visual en piezas digitales o impresas.
9
Lenguaje visual
RGB, CMYK, tintas y soportes: cómo cambia el color entre pantalla e impresión
Aprende a diferenciar RGB y CMYK en diseño gráfico, entender cómo afectan las tintas y los soportes a una paleta y tomar mejores decisiones cuando una pieza debe vivir en pantalla, impresión o ambos entornos.
10
Lenguaje visual
Tipografía en diseño gráfico: cómo elegirla por legibilidad, tono y jerarquía
Aprende a tomar decisiones tipográficas básicas en diseño gráfico según legibilidad, personalidad, soporte y jerarquía visual, sin elegir fuentes solo por gusto.
11
Lenguaje visual
Tipografía II: anatomía de la letra, familias y clasificación en diseño gráfico
Aprende a reconocer la anatomía de una letra, las grandes familias tipográficas y su clasificación para elegir fuentes con más criterio en diseño gráfico.
12
Lenguaje visual
Historia de la tipografía: de Gutenberg a las romanas modernas
Aprende la historia de la tipografía desde Gutenberg, los tipos móviles y las romanas clásicas hasta la evolución de las familias tipográficas modernas, para entender mejor por qué las letras comunican como comunican hoy.
13
Lenguaje visual
Vox-ATypI y clasificación tipográfica: mapa útil, límites reales y tipografía actual
Aprende cómo funciona la clasificación tipográfica Vox-ATypI, qué familias organiza, por qué sigue siendo útil como mapa inicial y cuáles son sus límites frente a la tipografía contemporánea, híbrida y global.
14
Lenguaje visual
Humanísticas, reales y didonas: cómo cambian serifas, contraste y tono
Aprende a diferenciar tipografías humanísticas, reales y didonas en diseño gráfico, entendiendo cómo cambian eje, contraste, serifas y tono cultural para elegir mejor entre familias clásicas.
15
Lenguaje visual
Tipografía III: pairing, escala y sistema para combinar mejor
Aprende a combinar tipografías con más criterio usando pairing, contraste, escala y sistema visual para mejorar jerarquía, consistencia y lectura en piezas editoriales, branding o digital.
16
Lenguaje visual
Kerning, tracking, leading y ligaduras: microtipografía para afinar la lectura
Aprende qué son kerning, tracking, leading y ligaduras en tipografía, cómo afectan a la lectura y cuándo conviene ajustarlos para mejorar ritmo, textura y acabado profesional en diseño gráfico.
17
Lenguaje visual
OTF, TTF, WOFF y WOFF2: formatos de fuentes y compatibilidad real
Aprende la diferencia entre OTF, TTF, WOFF y WOFF2 en tipografía, cuándo conviene usar cada formato de fuente y qué cambia entre diseño gráfico local, web, rendimiento y compatibilidad.
18
Lenguaje visual
Tipografía variable: fuentes responsive, ejes y nuevas posibilidades
Aprende qué es una tipografía variable, cómo funcionan sus ejes, qué aporta en diseño responsive y por qué las variable fonts están cambiando la forma de trabajar tipografía en entornos digitales.
19
Lenguaje visual
Tipografía para pantalla: legibilidad digital, interfaz y lectura real
Aprende a elegir y ajustar tipografía para pantalla con más criterio, entendiendo legibilidad digital, contraste, tamaño, densidad y jerarquía en webs, interfaces y entornos móviles.
20
Lenguaje visual
Tipografía IV: párrafo, ritmo editorial e interlineado para leer mejor
Aprende a mejorar bloques de texto en diseño gráfico con longitud de línea, interlineado, ritmo editorial y estructura de párrafo para conseguir lectura más clara y menos fatiga visual.
21
Lenguaje visual
Tipografía V: tipografía expresiva en cartel y titulares con criterio
Aprende a usar tipografía expresiva en diseño gráfico para carteles y titulares con más carácter, contraste y voz visual sin perder legibilidad ni foco comunicativo.
22
Lenguaje visual
Tipografía VI: tipografía cinética, movimiento y expresión en piezas digitales
Aprende qué es la tipografía cinética, cuándo aporta valor real en diseño gráfico digital y cómo usar movimiento, ritmo y timing sin romper lectura ni intención comunicativa.
23
Lenguaje visual
Tipografía VII: tipografía híbrida, marcas digitales y tendencias actuales
Aprende por qué muchas marcas digitales usan tipografías híbridas, qué rasgos mezclan, cómo equilibran personalidad y sistema y qué tendencias tipográficas tienen impacto real en branding contemporáneo.
24
Criterio profesional
Tipografía VIII: licencias, uso profesional de fuentes y criterio legal básico
Aprende cómo funcionan las licencias tipográficas, qué cambia entre escritorio, web, app y cliente final y cómo evitar errores frecuentes al usar fuentes en proyectos profesionales.
25
Lenguaje visual
Composición y retícula en diseño gráfico: cómo ordenar una pieza con jerarquía y espacio
Aprende a usar composición, retícula, alineación y espacio para ordenar una pieza de diseño gráfico con una jerarquía clara y una lectura más fluida.
26
Lenguaje visual
Retículas II: columnas, modular y baseline para ordenar mejor una pieza
Aprende a diferenciar retícula de columnas, retícula modular y baseline grid para elegir mejor cómo ordenar piezas editoriales, carteles y sistemas visuales.
27
Lenguaje visual
Diseño editorial: retícula, dobles páginas y ritmo de lectura
Aprende fundamentos de diseño editorial aplicados a retícula, dobles páginas, jerarquía y ritmo visual para organizar mejor revistas, dossiers, portadas y piezas de lectura larga.
28
Lenguaje visual
Espacio en blanco, ritmo y densidad: cómo hacer que una pieza respire
Aprende a usar espacio en blanco, ritmo y densidad en diseño gráfico para mejorar jerarquía, respiración y claridad sin confundir vacío con falta de contenido.
29
Lenguaje visual
Jerarquía visual: foco, recorridos y orden de lectura en diseño gráfico
Aprende a construir jerarquía visual en diseño gráfico para decidir qué se ve primero, cómo se mueve la mirada y qué elementos deben sostener el recorrido de lectura.
30
Lenguaje visual
Composición de cartel: síntesis, impacto y lectura a distancia
Aprende a componer un cartel con foco, síntesis y legibilidad a distancia para que el mensaje principal entre rápido, el recorrido sea claro y la pieza mantenga fuerza visual sin ruido innecesario.
31
Lenguaje visual
Leyes de la Gestalt en diseño gráfico: cómo la percepción cambia la lectura visual
Aprende a aplicar las leyes de la Gestalt en diseño gráfico para agrupar mejor, ordenar la atención y tomar decisiones visuales más claras.
32
Historia y referentes
Historia del diseño gráfico: movimientos, hitos y por qué siguen influyendo hoy
Aprende historia del diseño gráfico con enfoque práctico: movimientos, hitos y cambios que todavía influyen en carteles, identidad visual, diseño editorial y diseño digital.
33
Historia y referentes
Historia del diseño gráfico II: imprenta, cartel moderno y cultura industrial
Aprende cómo imprenta, publicidad, cartel moderno y cultura industrial cambiaron la historia del diseño gráfico y prepararon muchas decisiones visuales que seguimos usando hoy.
34
Historia y referentes
Bauhaus y Nueva Tipografía: forma, función y sistema en diseño gráfico
Aprende por qué Bauhaus y la Nueva Tipografía siguen siendo claves en la historia del diseño gráfico y cómo influyen hoy en retícula, tipografía, síntesis visual y claridad funcional.
35
Historia y referentes
Swiss Style y sistema corporativo: por qué siguen influyendo tanto en diseño gráfico
Aprende qué define al Swiss Style en diseño gráfico y por qué su legado sigue vivo en retícula, tipografía sans, señalética, editorial, branding e interfaces digitales.
36
Historia y referentes
Posmodernidad y salto digital: cómo cambia el lenguaje del diseño gráfico
Aprende cómo la posmodernidad y el salto digital cambian la historia del diseño gráfico, rompen parte de la lógica moderna y abren nuevas formas de mezclar estilo, voz, herramienta y experimentación visual.
37
Historia y referentes
Tendencias de diseño gráfico en 2026: criterio, señales reales y modas pasajeras
Aprende a leer las tendencias de diseño gráfico de 2026 con más criterio: qué señales tienen impacto real en branding y producto digital, cuáles son modas pasajeras y cómo decidir si una tendencia conviene a una pieza o a un sistema.
38
Criterio profesional
Diseño gráfico, diseño web y UX/UI: diferencias, puentes y criterio profesional
Aprende en qué se diferencian diseño gráfico, diseño web y UX/UI, dónde se solapan de verdad y cómo usar una base de diseño gráfico para dar el salto a interfaces, producto digital y Figma con más criterio.
39
Criterio profesional
Identidad visual: sistema, aplicaciones y criterio más allá del logo
Aprende cómo funciona una identidad visual como sistema de diseño gráfico y no como un logo aislado, con criterios de consistencia, aplicaciones, tono y adaptabilidad.
40
Criterio profesional
Sistemas gráficos: consistencia, variación y adaptación entre piezas
Aprende a construir sistemas gráficos en diseño gráfico para mantener consistencia visual entre piezas distintas sin volver la identidad rígida, repetitiva o difícil de adaptar.
41
Historia y referentes
Referentes del diseño gráfico: qué aprender de cartel, identidad, editorial y señalética
Aprende a analizar referentes del diseño gráfico en cartel, identidad visual, diseño editorial y señalética para extraer criterio útil sin copiar estilos.
42
Criterio profesional
Señalética y wayfinding: claridad pública, orientación y sistema visual
Aprende cómo funciona la señalética y el wayfinding en diseño gráfico para orientar personas con claridad, jerarquía, consistencia y lectura rápida en espacios públicos o complejos.
43
Herramientas y flujo
Herramientas de diseño gráfico: cuándo usar Photoshop, Illustrator, InDesign, Figma o Canva
Aprende cuándo usar Photoshop, Illustrator, InDesign, Figma o Canva según el tipo de pieza, el flujo de trabajo y la lógica de raster, vector, editorial o interfaz.
44
Criterio profesional
Moodboards y dirección visual: usar referencias sin copiar ni perder criterio
Aprende a construir moodboards y dirección visual en diseño gráfico para convertir referencias dispersas en una propuesta coherente, defendible y útil para piezas, campañas o sistemas visuales.
45
Criterio profesional
Cómo evaluar una pieza de diseño gráfico y defender decisiones con criterio
Aprende a evaluar una pieza de diseño gráfico con una rúbrica simple y a defender decisiones visuales con argumentos sobre objetivo, jerarquía, legibilidad, tono y coherencia.
46
Criterio profesional
Feedback, revisiones y cliente: cómo defender diseño gráfico sin bloquear el proyecto
Aprende a gestionar feedback de cliente o equipo en diseño gráfico, distinguir crítica útil de opinión difusa y defender decisiones visuales con criterio sin volver el proceso tenso o improductivo.
47
Criterio profesional
Portfolio y presentación de casos: explicar diseño gráfico con criterio profesional
Aprende a presentar proyectos de diseño gráfico en portfolio con mejor estructura, contexto y criterio, para que una pieza no se vea solo bonita, sino también pensada, resuelta y defendible.
48
Criterio profesional
Proyecto final de diseño gráfico: crear y justificar un sistema visual base
Cierra el curso creando un proyecto final de diseño gráfico con un sistema visual base para una pieza o microcampaña, justificando brief, color, tipografía, composición, referencias y herramientas.
49
Criterio profesional
Ruta de especialización: elegir entre UX, Figma y herramientas después de diseño gráfico
Descubre cuál es tu siguiente paso tras aprender diseño gráfico: UX, Figma, Photoshop, Illustrator o InDesign, según el tipo de trabajo que quieres hacer, tu perfil y el entorno profesional al que quieres acercarte.
Página 1 de 1
Roadmap

Diseño

Diseño visual, producto, UX y sistemas de información aplicados a trabajo real.

Diseño visual e información

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com