El diseño web es un campo competitivo que requiere que sus adeptos tengan un conocimiento práctico de múltiples disciplinas mientras dominan otras. Un diseñador web altamente competente, por ejemplo, tendrá conocimientos sobre tipografía, accesibilidad, usabilidad, CSS y diseño receptivo, entre muchos, muchos otros temas. No es un trabajo para los débiles de corazón.
Si eres un ser humano normal, en este momento podrías estar preguntándote: «¿Cómo se supone que un Joe promedio debe aprender todos esos temas y mantenerse al día con los nuevos desarrollos?» Si espera una respuesta fácil, lamentamos decepcionarlo. Hay una razón, después de todo, por la que existe tanta demanda de diseñadores web expertos.
La buena noticia es que hay muchos recursos en línea disponibles para que todos puedan mejorar sus habilidades de diseño si están debidamente motivados (como usted seguramente lo está), y hoy nos centraremos exclusivamente en libros electrónicos de diseño web gratuitos.
Si eres un fanático de la tipografía, estás de enhorabuena. Este convincente tratado , que cubre los entresijos del diseño tipográfico aplicado a la web, se lanzó en 2005 (aunque se actualizó durante la segunda mitad de 2015) y se inspiró en el clásico de Robert Bringhurst, The Element of Typographic Style , que se publicó por primera vez en 1992 y desde entonces se ha convertido en una referencia en el campo.
Richard Rutter asumió la titánica tarea de revisar el clásico de Bringhurst y traducir toda su sabiduría eterna a HTML y CSS claros. El libro sigue siendo un trabajo en progreso; hasta ahora, cubre principalmente temas relacionados con el ritmo, las proporciones y la armonía del texto. Algunos de nuestros temas favoritos incluyen Kern consistente y modestamente o nada , Elija un interlineado básico que se adapte al tipo de letra, el texto y la medida , y No componga sin una escala .
En 2014, casi diez años después del lanzamiento del proyecto, Rutter abrió su código fuente en GitHub para que otros entusiastas de la tipografía pudieran encargarse de actualizar su contenido.
2. Solo pregunte: integración de la accesibilidad en todo el diseño
Si bien la página de inicio de este libro puede no ser mucho para mirar, los consejos que se encuentran en él bien valen la pena soportar un sitio web básico. Su autora, Shawn Henry , es reconocida por su trabajo organizando actividades de divulgación y educación sobre accesibilidad web en el Consorcio World Wide Web, además de haber trabajado con empresas Fortune 500 en la optimización de la experiencia de UX. Si eso no es suficiente para venderte el libro, Jeffrey Zeldman de A List Apart dijo lo siguiente:
Shawn Henry vive y respira accesibilidad. Su libro es todo lo que esperarías que fuera: sencillo, práctico, riguroso y edificante.
A lo largo del libro, los lectores son introducidos a los conceptos básicos de la accesibilidad en el diseño, analizando perfiles de grupos de usuarios, múltiples escenarios, qué técnicas de selección aplicar a sus proyectos, procedimientos de prueba de usabilidad en profundidad e incluso cómo involucrar a personas con discapacidades en sus proyectos. .
3. Diseño para la Web
Mark Boulton toca la misma idea que mencionamos durante nuestra introducción en este libro: cómo el diseño para la web es un campo único en cuántas habilidades diferentes requiere que sus practicantes comprendan, así como el tipo de personas que se sienten atraídas por este tipo. de trabajo (y no, la respuesta no es locos).
Diseñar para la web sirve como una introducción para los nuevos diseñadores a lo que implica trabajar para la web, repasando el proceso de cómo conseguir su primer trabajo, trabajar para una agencia, comprender su flujo de trabajo, qué herramientas se espera que use ( aunque esta sección está un poco atrasada), cómo emprender tu propio trabajo como freelancer y armar un sitio web utilizando los fundamentos del diseño. El libro también profundiza en dichos fundamentos, o al menos en tres aspectos clave del diseño web: tipografía, colores y maquetación.
4. Guía de éxito del diseñador web
Este es un poco diferente de los otros libros que encontrará en esta guía. Mientras que los otros libros lo guiarán a través de los aspectos prácticos del diseño web, este pretende servir como una guía sucinta sobre cómo ganar dinero como diseñador web independiente, que seguramente será un tema de interés para muchos de ustedes. .
A pesar de que el libro se escribió en 2006, la mayoría de los consejos prácticos de negocios que brinda siguen siendo perfectamente aplicables al mundo actual (pero no dude en ignorar sus sugerencias sobre qué herramientas usar). Dentro, encontrará consejos prácticos sobre cómo hacer la transición al trabajo independiente, encontrar y retener nuevos clientes, promocionarse, administrar sus proyectos y fijar el precio de su trabajo.
Todas estas son habilidades que cualquier trabajador independiente, independientemente de su campo, debe incorporar a su caja de herramientas si espera lograr algún tipo de éxito, doblemente para los diseñadores web, considerando la cantidad de competencia a la que nos enfrentamos hoy en día.
5. Diseño web receptivo y adaptable
El diseño web receptivo y adaptable es una creación de las mismas personas detrás de la plataforma de diseño UX, UXPin . Más específicamente, fue elaborado por Jerry Cao , Ben Gremillion y Matt Ellis. En el interior, encontrará información excelente sobre cómo brindar una experiencia uniforme en todos los dispositivos, los conceptos básicos y las mejores prácticas relacionadas con el diseño receptivo y adaptable, una introducción al diseño móvil primero y varios estudios de casos sobre cómo mantener el diseño de UX consistente en todos los dispositivos. dispositivos.
Estos estudios de casos son una de mis partes favoritas del libro electrónico, ya que usan sitios web famosos como ejemplos ( The Guardian , Smashing Magazine , Lookout y Hulu Plus ), y desglosan las opciones de diseño que se tomaron al diseñar sus contrapartes móviles.
6. Tendencias de diseño web 2015–2016
Otro libro más de la gente de UXPin (han lanzado docenas de libros electrónicos de diseño web gratuitos ), en este caso, una colaboración entre Jerry Cao , Carrie Cousins y Kamil Zieba . Si ingresa a este libro esperando una breve descripción general de las tendencias de diseño web, se sorprenderá gratamente cuando descubra que tiene 186 páginas respetables (mucho más de lo habitual para este tipo de recursos en línea), que no solo van sobre las tendencias en cuestión, pero también proporciona ejemplos, así como recursos y herramientas gratuitos que puede utilizar para replicar los efectos que se ven en ellos.
Tendencias de diseño web 2015–2016 explora el diseño plano, el minimalismo funcional, los patrones de interfaz de usuario de tarjetas, las interacciones inmersivas, las animaciones web, la tipografía dramática, los colores vibrantes, la fotografía cautivadora, los pergaminos largos y los fondos HD.
7. Guía de bolsillo para escribir SVG
Puede recordar que hace un tiempo discutimos una de las mejores aplicaciones de SVG en Cómo crear un logotipo animado con SVG y CSS . Sin embargo, si aún no está familiarizado con el formato, una Guía de bolsillo para escribir SVG de Joni Tryhall es una introducción perfecta al tema (y el sitio web del libro es bastante agradable).
Si bien el libro en sí no es tan largo, contiene todo lo que necesita saber para comenzar a manipular SVG, junto con una introducción a algunas de las características más avanzadas del formato. Antes de armar esta guía de bolsillo, Joni también creó algunos otros tutoriales de SVG, como Animación de degradados SVG , Un vistazo a SVG viewBox y viewport , y Animación de texto SVG Alon A Path , todos los cuales son una lectura complementaria perfecta después de que esté hecho con el libro.
8. Diseño Web Adaptativo
Adaptive Web Design es un libro de 144 páginas escrito por Aaron Gustafson , un defensor de los estándares web que actualmente trabaja en Microsoft, escritor en A List Apart y conferencista, entre muchas otras calificaciones. Este libro es una bestia única en cuanto al tema que aborda, ya que fue prácticamente el primero de su tipo en discutir a fondo la filosofía y el proceso del diseño adaptativo.
Si eso le parece un galimatías, tómese cinco minutos de su ajetreada tarde (o mitad de la noche, sabemos cómo es la vida de un diseñador) y consulte su primer capítulo, que invita al lector a pensar en el usuario en lugar del navegador durante el proceso de diseño, antes de sumergirse en los fundamentos del diseño progresivo con marcado, CSS, JavaScript y accesibilidad.
9. Magia de CSS
Aquí hay un librito perfecto lleno de trucos mágicos de CSS para animar tus fiestas, o al menos así es como el autor debería promocionarlo. La magia de CSS es una compilación de lo que Adam Schwartz ha aprendido durante su carrera como diseñador y desarrollador web y, de hecho, es el mismo libro que utiliza para impartir un curso semanal de CSS a un equipo de ingenieros de HubSpot.
Dicho esto, este libro está destinado a personas que ya tienen un conocimiento básico de CSS, ya que se sumerge directamente en el contenido. De cualquier manera, te espera una lectura interesante.
10. Datos + Diseño
Data + Design es un libro electrónico destinado a instruir a los diseñadores sobre cómo presentar correctamente los datos visualmente, lo que, como puede imaginar, es una habilidad bastante fundamental en el mundo actual basado en datos. El libro en sí fue creado con la colaboración de más de 50 voluntarios internacionales y cubre varios temas interesantes, como decidir qué datos ilustrar, la anatomía de un gráfico, la importancia de los colores, las fuentes y los íconos, y qué errores comunes de visualización deben evitar los diseñadores. .
Este puede parecer un tema bastante especializado, pero si tuviéramos que apostar, diríamos que tener experiencia probable en el diseño de visualizaciones de datos podría abrir muchas oportunidades de trabajo en el futuro cercano.
11. El Lector de UX
El UX Reader es un libro de experiencia de usuario elaborado por el equipo de MailChimp que nació de muchos de sus artículos anteriores, refinados, elaborados y con una gran cantidad de contenido nuevo incluido en buena medida. Como es de esperar de MailChimp , el libro no solo proporciona una visión interesante del diseño de UX, sino que también brinda valiosos consejos profesionales y recomendaciones de flujo de trabajo.
A lo largo de este libro, los lectores repasarán el proceso de formar un equipo de UX y colaborar en un diseño, desde la perspectiva de un gigante de la industria.
Conclusión
Si bien los libros son un recurso maravilloso (¡y no dejes que nadie te diga lo contrario!), por sí solos no serán suficientes si buscas mantener tus habilidades de diseño a punto. Para conseguirlo, también tendrás que dedicar parte de tu tiempo a poner en práctica sus consejos. Después de todo, aprender y practicar son la forma más segura de llegar a la cima de cualquier campo si tienes la motivación adecuada.
Lamentablemente, no teníamos espacio para incluir tantos libros como nos hubiera gustado. Sin embargo, dentro de nuestras selecciones, encontrará consejos prácticos para múltiples disciplinas de diseño clave, como:
- Tipografía
- Accesibilidad y UX
- Diseño responsive y adaptativo
- Uso de CSS y SVG
- Incorporación de datos en sus diseños
- tendencias de diseño web
¿Cuál es el mejor consejo que has recibido durante tu carrera como diseñador web? ¡Suscríbete y comparte tus consejos con nosotros en la sección de comentarios a continuación!
Imagen en miniatura del artículo por Paladjai / shutterstock.com