Inspiración · 33 herramientas

Recursos de diseño web: blogs, libros y cursos

Lecturas que hacen más útil el resto de este índice. Guías prácticas de tipografía y maquetación, tutoriales interactivos de CSS, patrones de componentes accesibles y publicaciones que todavía merece la pena seguir. La mayoría son gratuitas; los libros y cursos de pago son los que la gente sigue recomendando años después.

Ordenar

refactoringui.com

Refactoring UILecturasUna guía práctica repleta de tácticas para diseñar y construir mejores interfaces.

practicaltypography.com

Practical TypographyLecturasUn libro en línea que cubre las reglas de la tipografía y cómo componer el texto.

web.dev

web.devLecturasOrientación práctica sobre el rendimiento web y la creación conforme a los estándares web modernos.

inclusive-components.design

Inclusive ComponentsLecturasUna biblioteca de patrones que te enseña a construir componentes de interfaz accesibles.

joshwcomeau.com

Josh ComeauLecturasTutoriales y artículos interactivos que desgranan cómo funcionan realmente los mecanismos de CSS.

design-books.com

Design BooksLecturasUn directorio de libros de diseño esenciales organizados por la disciplina que abarcan.

learn-kernels.com

Learn KernelsLecturasUna guía interactiva para escribir y entender la programación de kernels de GPU.

designsystemchecklist.com

Design System ChecklistLecturasUna lista de verificación exhaustiva que cubre lo que compone un sistema de diseño listo para producción.

learn-ui.com

Learn UILecturasUn curso en vídeo que enseña el lado práctico del diseño de interfaces de usuario.

designspells.com

Design SpellsLecturasUna colección que disecciona los sutiles detalles de diseño ocultos en el software de uso diario.

goodui.org

Good UILecturasUna biblioteca de patrones de diseño de UI basados en evidencia y respaldados por datos del mundo real.

abduzeedo.com

AbduzeedoLecturasUn blog de diseño diario que comparte un flujo constante de inspiración visual.

uxdesign.cc

UX CollectiveLecturasUna publicación seleccionada que reúne ensayos críticos sobre el diseño de experiencia de usuario.

smashingmagazine.com

Smashing MagazineLecturasUn recurso fiable de artículos y guías para diseñadores y desarrolladores web.

tympanus.net

CodropsLecturasUn blog que publica experimentos creativos de front-end junto con tutoriales prácticos.

muz.li

MuzliLecturasUn resumen diario que recopila las últimas tendencias de diseño en un único feed.

boxesandarrows.com

Boxes and ArrowsLecturasUna revista veterana sobre la práctica y las ideas detrás de la arquitectura de la información.

designernews.co

Designer NewsLecturasUn feed impulsado por la comunidad donde los diseñadores sacan a la luz y debaten las últimas noticias.

webdesignerdepot.com

Web Designer DepotLecturasUna publicación de diseño que cubre los estándares web y las herramientas que usan los diseñadores.

designmodo.com

DesignmodoLecturasUna publicación que ofrece tanto artículos como herramientas prácticas para el diseño web.

99designs.com

99designs DiscoverLecturasUn blog de diseño que explora el branding y el pensamiento creativo que hay detrás.

interfaces.dev

InterfacesLecturasUna publicación digital mensual que explora el diseño de las interfaces digitales.

makingsoftware.com

Making SoftwareLecturasEnsayos que examinan cómo las herramientas que usan los diseñadores acaban moldeando su software.

visualrambling.space

Visual RamblingLecturasEnsayos visuales personales que profundizan en el diseño de interfaces una idea a la vez.

degreeless.design

Degreeless DesignLecturasUna ruta de aprendizaje seleccionada para quienes se proponen dominar el diseño de producto.

svg.guide

SVG GuideLecturasUna guía para escribir marcado SVG y animarlo, dirigida a diseñadores y desarrolladores.

animations.dev

Animations.devLecturasUn curso que te enseña a crear animaciones web que de verdad se sienten acertadas.

ui-skills.com

UI SkillsLecturasUn curso que abarca técnicas para diseñar interfaces con la ayuda de la IA.

aiforui.dev

AI for UILecturasUn curso sobre cómo poner a trabajar los flujos de trabajo de IA en tu proceso de diseño de interfaces.

ui.land

UI LandLecturasUna serie de entrevistas con destacados design engineers sobre su oficio.

lawsofux.com

Laws of UXLecturasUna colección de principios psicológicos que determinan cuán usable se siente una interfaz.

userinterface.wiki

User Interface WikiLecturasUna base de conocimiento que documenta las directrices y reglas de diseño de interfaces en un solo lugar.

shapeof.ai

The Shape of AILecturasUna biblioteca de patrones que destaca los patrones de diseño para interfaces impulsadas por IA.

Preguntas frecuentes sobre Recursos de diseño web: blogs, libros y cursos

¿Cuáles son los mejores recursos de diseño web para aprender UI en 2026?

Designeer reúne 33 recursos de diseño web, cada uno con vista previa en vivo, entre ellos Refactoring UI, Practical Typography y web.dev. Abarcan blogs, libros y cursos sobre tipografía, CSS, accesibilidad y oficio de UI para quienes crean interfaces.

¿Cuáles son los mejores libros para aprender diseño UI y web?

Clásicos como Refactoring UI y Practical Typography son muy recomendados para diseñadores y desarrolladores, y muchos recursos de diseño web se pueden leer gratis en línea. Enseñan los fundamentos de maquetación, tipografía y jerarquía visual que usarás en cada proyecto.

¿Dónde aprender front-end y accesibilidad gratis?

Recursos gratuitos como web.dev, Inclusive Components y el blog de Josh Comeau cubren a fondo CSS, accesibilidad y el front-end moderno. Combinar blogs, libros y cursos es la forma más rápida de mejorar tus habilidades de diseño web y UI.