11 libros esenciales de diseño web

Publicado: 2021-03-03

Las publicaciones en blogs, las revistas y los cursos en línea son recursos excelentes para aprender a diseñar páginas web. De hecho, probablemente sea el primer lugar al que va la mayoría de la gente cuando quiere llenar los vacíos de su conocimiento o repasar algo. Pero los libros son un medio muy adecuado para un estudio fundamental profundo. Sus autores tienen mucho más tiempo y espacio que un artículo o incluso una serie de artículos para presentar ideas esenciales y desarrollarlas de manera sistemática. Y debido a esto, siempre será necesario que los diseñadores (tanto veteranos experimentados como principiantes) lean libros de diseño web.

Suscríbete a nuestro canal de Youtube

11 libros de diseño web para pedir prestados o comprar

Estos libros cubren varios temas de diseño web, desde la teoría del diseño y la accesibilidad hasta CSS y JavaScript. Hay todo tipo de habilidades secundarias involucradas en el diseño web, por lo que el libro (o los libros) que mejor se adapte a sus necesidades se centrará en el nicho que más le interese. ¡Vamos a sumergirnos!

Nota: El precio es para la versión de menor costo del libro al momento de escribir este artículo, redondeado al dólar más cercano.

Aprendiendo diseño web: una guía para principiantes de HTML, CSS, JavaScript y gráficos web por Jennifer Robbins

libros de diseño web

Si va a comenzar con un solo libro, comience aquí. La guía de Robbins tiene cinco partes principales, 25 capítulos e incontables subcapítulos. Saltarás y eventualmente emergerás como un profesional del diseño web, o al menos un principiante muy versado. No necesita ninguna experiencia para este, y los cuestionarios a lo largo de la prueba que sí aprendieron, de hecho, aprendieron conceptos clave. E incluso si sabe un par de cosas sobre diseño web, este libro aún vale la pena; probablemente le enseñará algunas cosas que olvidó o que nunca pareció aprender.

Los capítulos notables incluyen:

  • Se necesita una aldea (roles de creación de sitios web)
  • La anatomía de una página web
  • La necesidad de la velocidad (rendimiento del sitio)
  • Cuando las páginas buenas se vuelven malas
  • Subrayos y otras "decoraciones"

Precio: $ 12 para alquilar | Más información

Los principios de un hermoso diseño web por Jason Beaird, Alex Walker y James George

diseñador web

Este libro no solo le dice cómo crear una página web o agregarle un elemento, sino también cómo elegir su diseño antes de comenzar a trabajar. Por ejemplo, para elegir su paleta de colores, aprenderá acerca de la teoría del color; Lo mismo ocurre con la elección de fuentes y la obtención de imágenes de forma legal. Y, por supuesto, también descubrirás cómo aplicar las estrategias cubiertas, con un agradecimiento especial al proyecto de muestra para que puedas empezar a practicar de inmediato.

Los capítulos notables incluyen:

  • Definición de buen diseño
  • Teoría del color 101
  • Textura de construcción: estilos vintage, estampados, desgastados y nostálgicos
  • Elegir las fuentes adecuadas
  • Fuentes de imágenes legítimas

Precio: $ 17 para alquilar | Más información

UX Design 2020: la guía definitiva para principiantes sobre la experiencia del usuario por Theo Farrington

libros de diseño web

Si bien hay una pequeña parte de este libro dedicada a trabajar como diseñador de experiencia de usuario profesional (UX), está mucho más orientado a enseñar a los diseñadores web sobre el diseño de UX. Sí, un sitio web con un diseño UX de alta calidad es más fácil de usar para el visitante. Sin embargo, va más allá de eso: también puede mejorar la vida del usuario.

Piense en esto: alguien se conecta a Internet para buscar información en su hospital local. Con UX en mente, el sitio será fácil de navegar, con información pertinente en la mitad superior de la página. El usuario sabrá exactamente cómo encontrar un médico o la ubicación de la sucursal del hospital más cercana; incluso pueden solicitar una cita. No solo es fácil navegar por el sitio web, sino que recorrerlo rápidamente puede significar ayudar a alguien cuando se encuentra en medio de una crisis médica.

Los capítulos notables incluyen:

  • ¿Para qué sirve la experiencia de usuario? (Interfaces, Productos, Contenidos, Servicios y Espacios)
  • Las 7 reglas de oro del diseño UX
  • Tu perspectiva frente a la perspectiva del usuario
  • Conducta y motivaciones humanas
  • ¿Qué hace un diseñador de UX?

Precio: $ 10 | Más información

Leyes de UX: uso de la psicología para diseñar mejores productos y servicios por Jon Yablonski

libros de diseño web

Este libro ayuda a los diseñadores web a mejorar su experiencia de usuario al explicar primero las diferentes leyes y principios de la psicología y el diseño. En general, responde a muchas preguntas que comienzan con “¿Por qué los usuarios reaccionan de cierta manera cuando…?” Y aunque comprender la psicología no suena como una habilidad de diseño, lo es. Su objetivo es atraer a los usuarios, lo que significa pensar como ellos y saber cómo se van a comportar antes que ellos.

Los capítulos notables incluyen:

  • Ley de Jakob (diseñar un sitio que sea similar a otros sitios con los que su audiencia esté familiarizada)
  • Regla de final de pico (los pequeños cambios tienen un gran impacto)
  • Efecto de usabilidad estética (cómo los usuarios perciben los diseños estéticamente agradables en términos de usabilidad)
  • Umbral de Doherty (las computadoras y los usuarios deben interactuar entre sí a un ritmo rápido)
  • Aplicación de principios psicológicos en el diseño

Precio: $ 27 | Más información

Zona de juegos de diseño web: HTML + CSS de forma interactiva por Paul McFedries

diseñador web

Si bien el enfoque principal de este libro está en HTML y CSS, como su nombre lo indica, analiza en profundidad varios elementos de diseño web. Y aunque necesita un poco de conocimiento tecnológico, o al menos el interés en convertirse en un experto en tecnología, está dirigido a principiantes que necesitan una introducción al tema. Los proyectos son procesables, no solo informativos, por lo que una vez que haya terminado con el libro, puede tener una página de inicio, una página de inicio, una página de cartera y una galería. Además, el libro va acompañado de un patio de juegos de diseño web interactivo y real que puede usar para probar su código.

Los capítulos notables incluyen:

  • Elementos flotantes y de posicionamiento
  • Crear una página de destino
  • Hacer que sus imágenes y topografía sean receptivas
  • Agregar un toque de color a sus diseños web
  • Crear una página de cartera

Precio: $ 34 | Más información

Conceptos básicos del diseño web: HTML y CSS por Terry Felke-Morris

libros de diseño web

Conceptos básicos del diseño web es técnicamente un libro de texto para estudiantes, y también se destaca porque analiza estrategias HTML y CSS, pero también aborda habilidades blandas, como elegir colores para su sitio web y diseñar para su público objetivo.

Los capítulos notables incluyen:

  • Bajo el capó de una página web
  • Practica con elementos estructurales
  • Tu audiencia objetivo
  • Organización del sitio web
  • Elija un proveedor de alojamiento web

A decir verdad, esos ejemplos de capítulos ni siquiera cubren la mitad. Por ejemplo, hay una sección del libro llamada Conceptos básicos de diseño receptivo, y tiene casi 20 subtemas ubicados debajo. Esos subtemas incluyen Diseño de caja flexible CSS, Diseño de cuadrícula CSS y Diseño de cuadrícula receptivo con consultas de medios. ¿El punto? Puede profundizar en los aspectos prácticos de varios temas de HTML y CSS. Sí, este libro todavía se considera una introducción al campo, pero es una introducción muy completa y reflexiva.

Precio: $ 63 para alquilar | Más información

CSS en profundidad por Keith J. Grant

diseñadores de sitios web

Hay mucho abarrotado en este libro. Pero incluso si no desea estar bien versado en todas las áreas de CSS, es útil si desea profundizar en algunos subtemas. Por ejemplo, tal vez te preocupes más por la tipografía que por las animaciones: omite los capítulos que no te importan y profundiza en los que sí te interesan.

Y si usted quiere llegar a ser el mayor experto en CSS sabes, te encantará las mejores prácticas y ejemplos inteligentes Grant ofrece. Tanto su intuición de diseño como sus habilidades tecnológicas mejorarán después de esta lectura. Y una ventaja: también te ayudará si estás diseñando una aplicación móvil.

Los capítulos notables incluyen:

  • Dar sentido a los flotadores
  • Diseño de respuesta
  • Bibliotecas de patrones
  • Fondos, sombras y modos de fusión
  • Contraste, color y espacio

Precio: $ 42 | Más información

Secretos de CSS: mejores soluciones para los problemas cotidianos de diseño web por Lea Verou

libros de diseño web

Este es otro libro centrado en CSS, que cubre muchos de los mismos temas que el de Grant. Sin embargo, es posible que descubra que profundiza en la estética específica, lo que podría hacer que se adapte mejor a usted si tiene elementos particulares en los que trabajar. Por ejemplo, la sección Topografía tiene subsecciones como Guiones, Líneas de texto con rayas de cebra y Texto circular.

Los capítulos notables incluyen:

  • Estándares web: ¿amigo o enemigo?
  • Efectos de texto realistas
  • Elegir el cursor correcto
  • Anchos de columna de la mesa de domesticación
  • Animaciones cuadro por cuadro

Precio: $ 9 para alquilar | Más información

Diseño inclusivo para un mundo digital: diseñar teniendo en cuenta la accesibilidad por Regine M. Gilbert

diseñadores de sitios web

Reducir su público objetivo es una búsqueda que vale la pena, pero no desea excluir un segmento de ellos (incluso accidentalmente) porque tiene un sitio web inaccesible. En Diseño inclusivo para un mundo digital , aprenderá cómo hacer que su sitio web (y otros productos tecnológicos, como aplicaciones móviles) sean accesibles para quienes necesitan soluciones. La descripción del libro lo expresa mejor: “Piense en todos los usuarios potenciales que podrían estar usando su producto. ¿Podrían tener problemas de visión? ¿Tiene habilidades motoras limitadas? ¿Es sordo o tiene problemas de audición? Este libro aborda una gran cantidad de problemas de accesibilidad web que enfrentan las personas con discapacidades ".

Los capítulos notables incluyen:

  • Modelo médico / social de discapacidad
  • ¿Qué es la tecnología de asistencia?
  • Creando una cultura de inclusión / accesibilidad
  • Uso de tecnologías de realidad virtual
  • Inteligencia artificial y accesibilidad

Precio: $ 9 para alquilar | Más información

Diseño web: la evolución del mundo digital 1990 - hoy por Rob Ford

libros de diseño web

Para los amantes del diseño web o los expertos en tecnología, este libro es un paseo por el camino de la memoria, incluso si no estaba vivo para experimentar el amanecer de Internet. Este libro de historia visual lo guía a través del primero de prácticamente todo lo relacionado con Internet, desde la navegación de arrastrar y soltar y la integración de videos hasta sitios web virales y móviles. Además, hay información de los creadores de esos primeros sitios y elementos. Aproveche cómo piensan los pioneros, además de cómo comenzó la tecnología para que pudiera convertirse en los sitios web modernos que conocemos hoy.

Los capítulos notables incluyen:

  • 2000: La Web cobra vida
  • 2004: el año del sitio viral original
  • 2007: llega el año del vídeo en pantalla completa, junto con el iPhone
  • 2014: el año en que los navegadores móviles se volvieron tan poderosos como los equipos de escritorio
  • 2017: el año en que la web evolucionó fuera de la web

Precio: $ 31 | Más información

Mención de honor: Steal Like an Artist de Austin Kleon

libros de diseño web

Este es definitivamente el libro más antiguo de esta lista, ya que se publicó en 2012, pero no podríamos dejarlo fuera. Roba como un artista: 10 cosas que nadie te dijo sobre ser creativo no es un libro de diseño web sencillo, como probablemente puedas ver. Sin embargo, es una lectura obligada para todos y cada uno de los creativos, incluidos los diseñadores web (profesionales o aficionados). Hará que sus engranajes artísticos giren, y la presentación del tamaño de un bocado (anécdotas, memes, citas ...) hace que sea fácil leer este libro rápidamente para que pueda aprovechar toda esa nueva motivación.

Los capítulos notables incluyen:

  • No espere hasta saber quién es usted para empezar
  • El secreto: haz un buen trabajo y compártelo con la gente
  • Sea amable: el mundo es una ciudad pequeña
  • Sea aburrido: es la única manera de hacer el trabajo
  • La creatividad es resta

Precio: $ 8 | Más información

Cómo elegir libros de diseño web

Existe un método para elegir qué libros de diseño web leer, y se siguieron muchos de los consejos que estamos a punto de compartir para componer la lista anterior. Si va a hacer referencia a otras listas de libros "lo mejor de", tenga en cuenta lo siguiente:

Elija libros con fechas de publicación recientes

Incluso si un libro promete una mirada en profundidad a un tema que le interesa, no vale la pena el esfuerzo si el libro se publicó hace unos años. Para esta lista, nos limitamos a los libros publicados en 2018 o después. Creemos que las estrategias de diseño web cambian con demasiada frecuencia para hacer que cualquier publicación sea mucho más remota que la que sea relevante de manera confiable. Los libros obsoletos tendrán estadísticas, ideas e imágenes que ahora son irrelevantes y enlaces que ya no funcionan.

Preste atención al diseño y la legibilidad

Los profesionales del diseño web deben saber un par de cosas sobre detalles como la presentación y la legibilidad. Debería ser una señal de alerta si el libro que está considerando tiene problemas de diseño extraños, como páginas en blanco o tablas torcidas. Además, si la redacción es difícil de leer, reconsidere el libro: parte del diseño web es la coherencia y el autor debe poder comunicarse con claridad.

Determinar si el tema está completamente cubierto

Los libros de diseño web que elija deben profundizar en el tema en lugar de rozar la superficie. Si solo desea una descripción general superficial de un tema, puede buscar una publicación de blog de "guía para principiantes".

Es difícil darse cuenta de esto hasta que haya terminado la mitad del libro, pero echar un vistazo a la lista de capítulos es un buen comienzo. Vea si parece que el tema entra en subtemas y subtemas del tema en lugar de ceñirse a información limitada. Además, si algunos capítulos o subcapítulos parecen estar cubriendo las mismas ideas, puede ser una señal de que el autor no investigó lo suficiente para llenar un libro completo.

Di "No" a las publicaciones de blog reenvasadas como libros

Una forma común de "escribir" un libro es convertir una colección de publicaciones de blog sobre un tema en un libro. No es que este tipo de libro no valga la pena, solo que no debería tener que pagar por información que ya está disponible de forma gratuita. Muchos profesionales del diseño web tendrán este tipo de producto disponible como descarga gratuita desde su sitio, probablemente a cambio de su dirección de correo electrónico. Cuando se trata de los libros por los que está desembolsando dinero real, busque aquellos que solo tengan información nueva que no pueda encontrar en el sitio web del autor.

Reflexiones finales sobre libros de diseño web

Ningún libro te enseñará todo lo que necesitas saber sobre diseño web. E incluso si encontrara el tiempo para leer cada entrada en esta lista, todavía no sabría el 100% de la información que hay; ese es un objetivo imposible de establecer. El mundo del diseño web es amplio, complejo y cambiante. Pero encontrar libros de diseño web, ahora y en el futuro, que aborden los temas que más le interesan, lo mantendrá en la cima de la industria en lugar de ahogarse en conocimiento.

Un último consejo para sumergirse en el mundo de los libros de diseño web: comience con uno en lugar de abrumarse con varios a la vez. Nunca leerá todos los libros de diseño web del mundo, por lo que un enfoque más sensato es leer uno, aprender todo lo posible de él, aplicar lo que pueda en su sitio web y luego pasar al siguiente.

Imagen destacada a través de [nombre del artista] / shutterstock.com