En este curso de diseño web flipado aprenderemos jerarquía, tipografía, ritmo, composición, home, interiores, blog y adaptación móvil.
A lo largo de diez clases prácticas diseñaremos una web efectista, alternativa y muy visual, pensada para transmitir los valores de una marca de forma más expresiva que una estructura web convencional. El objetivo será priorizar el impacto visual sin abandonar del todo la usabilidad.
Empezaremos definiendo qué entendemos por diseño web flipado o efectista, comparándolo con una web más funcional y orientada a producto. En este caso trabajaremos una web para un proyecto musical, donde el diseño, la personalidad y la emoción de la marca tienen un peso central.
Después entraremos en jerarquía y combinación tipográfica, una técnica esencial para conseguir diseños con fuerza. Veremos niveles de combinación por tamaño, variación y tipo de fuente, y cómo el contraste tipográfico puede transformar por completo una composición.
Más adelante trabajaremos ritmo, composición y columnas. Aprenderemos a construir un discurso visual alternando bloques, imágenes, textos y estructuras que mantengan el interés del usuario. También revisaremos tips de diseño que siempre funcionan: degradados, márgenes, alineaciones, contraste, bordes, líneas, color, iconos e interlineado.
Una parte central del curso será el diseño de páginas concretas. Empezaremos por la home, tomando decisiones en directo y aplicando los recursos vistos. Después diseñaremos una página de conciertos, reutilizando colores y elementos de la portada para construir una sección orientada a la conversión.
También diseñaremos las páginas de proyecto y contacto, usando composición, contraste tipográfico, mockups y llamadas a la acción para mantener coherencia visual y evitar páginas planas. Más adelante veremos cómo diseñar el blog, tanto el listado de posts como la página individual de una entrada.
En la parte final adaptaremos los diseños a móvil, reciclando elementos del escritorio y ajustando orden, márgenes y textos para que la versión responsive mantenga el carácter visual del proyecto. Cerraremos con un repaso final, ajustes y detalles antes de pasar a maquetación.
En definitiva, este curso es una guía práctica para diseñar webs más expresivas, memorables y visuales, manteniendo criterio gráfico y una estructura coherente. ¡Empezamos!