Estos son los libros de diseño web que de verdad merecen un hueco en tu estantería: 16 títulos sobre usabilidad, UX, HTML y CSS, tipografía, color y sistemas de diseño. Nueve están en español y tres puedes leerlos gratis online.
Los he agrupado por temas y, para cada uno, te indico el nivel y el idioma de la edición que enlazo. Al final tienes una ruta de lectura según tu nivel, para que no empieces por el libro equivocado.
Respuesta rápida: si solo vas a leer uno, que sea «No me hagas pensar» de Steve Krug. Es corto, está en español y lo aplicas desde el primer día. Si además vas a maquetar, súmale «HTML y CSS» de Jon Duckett.
Los 16 libros de diseño web de un vistazo
| Libro | Tema | Nivel | Idioma |
|---|---|---|---|
| No me hagas pensar (Steve Krug) | Usabilidad | Principiante | Español |
| El diseño de las cosas cotidianas (Don Norman) | Usabilidad | Principiante | Español |
| Las leyes de UX (Jon Yablonski) | UX y psicología | Principiante | Español |
| Experiencia de usuario: principios y métodos (Yusef Hassan) | UX | Intermedio | Español |
| The Elements of User Experience (Jesse James Garrett) | UX | Intermedio | Inglés |
| HTML y CSS (Jon Duckett) | Código | Principiante | Español |
| Responsive Web Design (Ethan Marcotte) | Código | Intermedio | Inglés |
| Designing with Web Standards (Jeffrey Zeldman) | Estándares web | Intermedio | Inglés |
| Sistemas de retículas (Josef Müller-Brockmann) | Maquetación | Intermedio | Español |
| Pensar con tipos (Ellen Lupton) | Tipografía | Principiante | Español |
| Interacción del color (Josef Albers) | Color | Intermedio | Español |
| Design That Scales (Dan Mall) | Sistemas de diseño | Avanzado | Inglés |
| Sprint (Jake Knapp) | Proceso | Intermedio | Español |
| Atomic Design (Brad Frost) | Sistemas de diseño | Intermedio | Inglés · gratis |
| Resilient Web Design (Jeremy Keith) | Filosofía web | Intermedio | Inglés · gratis |
| Practical Typography (Matthew Butterick) | Tipografía | Principiante | Inglés · gratis |
Libros de usabilidad y experiencia de usuario (UX)
Empiezo por aquí porque es lo que más se nota en una web: que se entienda sin esfuerzo. Estos cinco libros te enseñan a pensar como la persona que usa la página, no como quien la diseña.
1
«No me hagas pensar» de Steve Krug
Este libro es una lectura obligada para cualquier diseñador web. Steve Krug ofrece consejos prácticos sobre cómo crear sitios web intuitivos y fáciles de usar. Con ejemplos y anécdotas, Krug demuestra que pequeños cambios marcan una gran diferencia en la experiencia del usuario.
Es el que recomiendo a quien empieza: se lee en un fin de semana y cambia cómo miras cualquier página. Incluye un capítulo para hacer pruebas de usabilidad baratas, sin laboratorio.
Principiante · En español · Ver en Amazon
2
«El diseño de las cosas cotidianas» de Don Norman
Un clásico imprescindible que cambia tu forma de mirar cualquier interfaz. Don Norman explica por qué algunos diseños se usan solos y otros nos frustran, con principios de usabilidad que se aplican directamente al diseño web: affordances, feedback, jerarquía y anticipación del error del usuario.
Principiante · En español · Ver en Amazon
3
«Las leyes de UX» de Jon Yablonski
Jon Yablonski reúne en unas 150 páginas los principios de psicología que explican por qué una interfaz funciona. Verás la ley de Fitts, la ley de Hick, la ley de Jakob o el efecto estética-usabilidad, cada uno con ejemplos reales.
Es un buen atajo para justificar decisiones de diseño ante un cliente. Si quieres un resumen antes de comprarlo, el autor mantiene la web gratuita Laws of UX.
Principiante · En español (Parramón) · En Kindle Unlimited en octubre de 2026 · Ver en Amazon
4
«Experiencia de usuario: principios y métodos» de Yusef Hassan Montero
Uno de los pocos manuales de UX escritos directamente en español, sin traducir. Yusef Hassan recorre el diseño centrado en el usuario de principio a fin, con métodos concretos para investigar, diseñar y evaluar.
Tiene un tono más académico que los anteriores. Encaja cuando ya tienes la base y quieres método, no solo intuición.
Intermedio · En español · Papel y Kindle · Ver en Amazon
5
«The Elements of User Experience» de Jesse James Garrett
Este libro desglosa el proceso de diseño web en sus componentes esenciales, desde la estrategia hasta la estructura y la superficie. Jesse James Garrett ofrece una visión completa de cómo se entrelazan todos estos elementos para crear una experiencia de usuario cohesiva y efectiva.
Su esquema de cinco planos (estrategia, alcance, estructura, esqueleto y superficie) se sigue usando en cursos y equipos de producto. Lo verás aplicado en mi guía de diseño UX/UI.
Intermedio · En inglés · Ver en Amazon
Libros de HTML, CSS y diseño responsive
Aunque hoy diseñes en Figma, entender cómo se construye una web te convierte en mejor diseñador. Sabes qué es fácil de maquetar, qué no y por qué.
6
«HTML y CSS: diseño y construcción de sitios web» de Jon Duckett
Si estás empezando en diseño web, este libro es una introducción perfecta a HTML y CSS. Jon Duckett presenta los conceptos de manera visual y fácil de entender, lo que facilita la comprensión y aplicación de los principios del diseño web.
Tienes edición en español publicada por Anaya en 2024, así que no hace falta leerlo en inglés.
Principiante · En español (Anaya) · Ver en Amazon
7
«Responsive Web Design» de Ethan Marcotte
Con el auge de los dispositivos móviles, el diseño web adaptable se ha convertido en una necesidad. Ethan Marcotte profundiza en cómo crear sitios web que se vean y funcionen bien en cualquier dispositivo, desde ordenadores de sobremesa hasta smartphones.
Marcotte acuñó el término en un artículo de 2010 y el libro desarrolla sus tres ideas: retículas fluidas, imágenes flexibles y media queries. La editorial original ya no vende libros y en Amazon España solo queda la edición en francés. Por eso te dejo el artículo original, que es gratis y cubre lo esencial.
Si quieres verlo aplicado paso a paso, tienes mi guía para hacer una página web responsive.
Intermedio · En inglés · Leer el artículo original gratis
8
«Designing with Web Standards» de Jeffrey Zeldman
Jeffrey Zeldman es una figura clave del diseño web, y este libro explica cómo diseñar respetando los estándares web. Zeldman aborda temas como la accesibilidad, la usabilidad y la importancia de seguir las mejores prácticas.
Un aviso honesto: la última edición es de 2009. Léelo para entender por qué existen los estándares, no como manual técnico actual. Para la parte práctica tienes mi guía de diseño web accesible.
Intermedio · En inglés · Ver en Amazon
¿Vas a practicar mientras lees?
Mi pack CSS gratis trae más de 40 estilos listos para copiar y pegar, botones incluidos. Es ideal para practicar lo que cuentan Duckett y Marcotte sin empezar de cero. Apúntate y te lo envío al correo.
Libros de diseño visual: retícula, tipografía y color
Estos tres no hablan de webs, y precisamente por eso aguantan el paso del tiempo. Retícula, tipografía y color funcionan igual en papel que en pantalla.
9
«Sistemas de retículas» de Josef Müller-Brockmann
La biblia de la maquetación con rejillas. Si quieres que tus diseños web transmitan orden y profesionalidad, aquí aprendes a construir retículas sólidas. Luego las trasladas sin esfuerzo a CSS Grid y Flexbox. Un básico atemporal para cualquier diseñador visual.
Para llevarlo a la web de hoy, combínalo con la retícula de 8 puntos que usan la mayoría de sistemas de diseño.
Intermedio · Edición bilingüe español-portugués · Tapa dura · Ver en Amazon
10
«Pensar con tipos» de Ellen Lupton
Una de las guías de tipografía más usadas en escuelas de diseño. Ellen Lupton la divide en tres bloques (letra, texto y retícula) con ejemplos visuales en cada página.
Te ayuda a elegir y combinar fuentes con criterio, algo que en una web se nota en el primer vistazo. Cuando lo termines, practica con mi tutorial para crear una escala tipográfica.
Principiante · En español (GG, edición de 2024) · Ver en Amazon
11
«Interacción del color» de Josef Albers
Un clásico de 1963 que sigue sin rival para entender el color. Josef Albers demuestra con ejercicios que un mismo color cambia según los colores que lo rodean.
Para el diseño web es oro: explica por qué tu botón parece de otro tono sobre un fondo distinto. Lo complementa bien mi artículo sobre el uso de los colores en diseño web.
Intermedio · En español (Alianza, edición del cincuentenario) · Ver en Amazon
Libros sobre sistemas de diseño y proceso
Cuando trabajas en proyectos grandes o con clientes, el reto ya no es diseñar una pantalla bonita. Es que todo sea coherente y que las decisiones se tomen rápido.
12
«Design That Scales» de Dan Mall
La guía definitiva para crear y mantener sistemas de diseño que crecen contigo. Dan Mall explica cómo construir un design system sostenible en el tiempo, algo cada vez más necesario cuando trabajas con Figma, componentes y equipos. Está en inglés, pero es una de las referencias más actuales sobre el tema.
Si quieres ponerlo en práctica, te explico cómo crear un sistema de diseño en Figma paso a paso.
Avanzado · En inglés · Ver en Amazon
13
«Sprint» de Jake Knapp
No es un libro de diseño visual, sino de proceso. Jake Knapp cuenta el método de cinco días que usaba en Google Ventures para pasar de un problema a un prototipo probado con usuarios reales.
Si trabajas con clientes, te sirve para cerrar decisiones de diseño en días en lugar de semanas.
Intermedio · En español (Conecta) · Ver en Amazon
Libros de diseño web gratis para leer online
Estos tres están en inglés, pero sus autores los han publicado completos en la web. Si el presupuesto aprieta, son el mejor punto de partida.
14
«Atomic Design» de Brad Frost
Brad Frost propone diseñar interfaces como sistemas: átomos, moléculas, organismos, plantillas y páginas. Es la base de cómo se organizan hoy las librerías de componentes en Figma.
Los cinco capítulos se leen completos y gratis en su web; si te gusta, el ebook es de pago. Te lo resumo y aplico en mi artículo sobre diseño web modular.
Intermedio · En inglés · Gratis online · Leer gratis
15
«Resilient Web Design» de Jeremy Keith
Jeremy Keith repasa la historia de la web para explicar cómo construir sitios que funcionen en cualquier navegador y dispositivo. Más que técnicas, te da criterio para decidir qué tecnologías usar y cuándo.
Está publicado con licencia Creative Commons. Lo puedes leer online, descargarlo en PDF o EPUB, o escucharlo como audiolibro.
Intermedio · En inglés · Gratis (web, PDF, EPUB y audio) · Leer gratis
16
«Practical Typography» de Matthew Butterick
Un libro web sobre tipografía aplicada: tamaño del texto, interlineado, longitud de línea y elección de fuentes. Va directo a reglas que puedes aplicar hoy mismo en tu CSS.
Se lee gratis online. El autor solo pide apoyo voluntario si te resulta útil.
Principiante · En inglés · Gratis online · Leer gratis
Por qué libro empezar según tu nivel
Leer los 16 seguidos no tiene sentido. Te propongo tres rutas cortas, de tres o cuatro libros cada una.
Si estás empezando
- «No me hagas pensar», para entender qué hace usable una web.
- «HTML y CSS» de Duckett, para saber cómo se construye.
- «Pensar con tipos», porque la tipografía decide si una web se lee bien.
Y si quieres un plan completo, con herramientas y práctica, sigue mi guía para aprender diseño web desde cero.
Si ya maquetas webs
- «Las leyes de UX», para justificar cada decisión.
- «Sistemas de retículas» e «Interacción del color», para subir el nivel visual.
- «Experiencia de usuario: principios y métodos», para trabajar con método.
En paralelo, la hoja de ruta de CSS con más de 60 recursos gratis te ayuda a llevarlo a código.
Si trabajas en equipo o con clientes
- «The Elements of User Experience», para ordenar un proyecto completo.
- «Atomic Design» y «Design That Scales», para montar un sistema de diseño.
- «Sprint», para decidir rápido con el cliente.
Preguntas frecuentes sobre libros de diseño web
¿Cuál es el mejor libro de diseño web para principiantes?
«No me hagas pensar» de Steve Krug. Es breve, está en español y no necesitas conocimientos previos. Si además quieres aprender a maquetar, el siguiente es «HTML y CSS» de Jon Duckett.
¿Hay buenos libros de diseño web en español?
Sí. De esta lista, nueve tienen edición en español: los de Krug, Norman, Yablonski, Hassan, Duckett, Müller-Brockmann, Lupton, Albers y Knapp. El de Yusef Hassan, además, se escribió directamente en español.
¿Merece la pena leer libros de diseño web con tantos tutoriales e IA?
Sí, porque cubren lo que no caduca. Las herramientas cambian cada año, pero los principios de usabilidad, tipografía y color no. La primera edición de «No me hagas pensar» es del año 2000 y sigue siendo válida.
¿Libros o cursos para aprender diseño web?
Se complementan. El libro te da el criterio y el curso, la práctica guiada. Si buscas formación estructurada, aquí tienes mi selección de cursos de diseño web desde cero.
Mi recomendación
Si solo compras uno, que sea «No me hagas pensar». Si buscas algo gratis, empieza por «Resilient Web Design». Y si ya tienes base, «Las leyes de UX» es el que más rápido notarás en tus proyectos.
Vuelve a esta lista cuando termines cada libro: la ruta por niveles está pensada para eso.
Como Afiliada de Amazon, obtengo ingresos por las compras adscritas que cumplen los requisitos. Esto no supone ningún coste adicional para ti.
