María Simó Front—end developer

CodeBug Books. Reimaginando el diseño de los libros de programación

Llevo toda la semana con una gripe que ha resultado ser COVID, metida en la cama. Así que he aprovechado para hacer algo completamente inútil, sin ninguna finalidad, que es un lujo que en el día a día muchas veces no nos podemos permitir. He rediseñado las cubiertas de algunos de mis libros de programación favoritos.

Scroll to Content

Created 9 months ago

Status

Completed, I could change my mind later

Introducción

Antes de programar, era diseñadora. Una vida antes de eso, estudié artes. Muchas cosas han cambiado, pero lo que nunca ha cambiado ha sido mi amor por los libros, también como objetos físicos, de culto, de deseo.

Creo que mi amor por los libros tiene que ver con mi interés por los lenguajes, que ha sido constante en todos los oficios que he tenido en mi vida. La noción de lenguaje es fundamental tanto en las artes plásticas, como en el diseño, como en la programación.

Suelo decir que lo que pasaba en mi cabeza cuando pintaba, o cuando monto un layout, el proceso de pensamiento, no es tan diferente de lo que pasa cuando trato de resolver un problema relacionado con código.

Por eso, tengo la convicción de que muchas personas con capacidad para el lenguaje escrito, o para aprender idiomas, podrían ser programadoras de primera. Esa gente que comúnmente conocemos como "gente de letras", la misma que te dice: "yo nunca valdría para eso". Por desgracia, hemos creado una frontera terrible entre profesiones humanísticas y técnicas, que no es para nada fácil de atravesar.

Pero ese no es el tema.


El diseño y la edición libros

CodeBug books. Reimaginando el diseño de los libros de programación

CodeBug books. Reimaginando el diseño de los libros de programación

Si no fuera programadora, me hubiera gustado tener un trabajo relacionado con los libros, especialmente con la edición de libros.

Hay algo realmente bonito en el proceso de pensar una portada. O de maquetar un párrafo. Ser capaz de maquetar un buen párrafo, fluído, bien ajustado, con la extensión adecuada, el interlineado preciso para el largo del párrafo y el tamaño del texto, una tipografía legible, un pairing bonito... es una habilidad de diseño que muchas veces pasa totalmente desapercibida, aunque ahí es donde se puede apreciar el oficio.

A veces, abres un libro y ¡ay!.

Creo que sería una buena prueba técnica para ciertos roles de diseño. Se puede saber mucho de un perfil de diseño simplemente por las consideraciones que aplica en la maquetación de un párrafo.

Pero ese tampoco es el tema.


CodeBug Books

El tema es que me encantan los libros de programación. Hay editoriales de programación muy interesantes y que ponen cosas hay fuera realmente fantásticas pero, seamos sinceros, aquí el cambio del sector del diseño a sector de la programación sí se nota. Echad un vistazo, por ejemplo, a Counter Print Books, una editorial con libros de diseño que son una delicia.

Así que estos días me he dedicado a rediseñar las cubiertas de algunos libros muy populares de programación. He rediseñado cuatro de mis favoritos, como si se tratase de la colección de una editorial, completamente inventada, a la que he llamado CodeBug books.

Así serían "Clean Code" y "A Philosophy of Software Design" si los hubiera editado CodeBug Books

Así serían "Clean Code" y "A Philosophy of Software Design" si los hubiera editado CodeBug Books

Lo he hecho sin más intención y propósito que el de jugar. Ha estado bien dedicar un tiempito a diseñar de nuevo. No para un side project, ni para un amigo, nada de eso. Sienta bien volver a convertir el oficio en simple afición, sin las pretensiones ni presiones añadidas que la profesionalización añade.

Así serían mis cubiertas ideales (así, o una cosa parecida) para:

  • "Clean Code", de Robert C. Martin
  • "Eloquent Javascript", de Marijn Haberveke
  • "Refactoring", de Martin Fowler
  • "A Philosophy of Software Design", de John Ousterhout

Un diseño simple, solucionado con muy pocos elementos, cohesivo y con un sabor un poco retro. En inglés porque es el idioma en el que me gusta leer libros técnicos.

Algunos de los diseños de cubierta originales me gustan más o otros menos. El del Clean Code, en concreto me parece horrible. El de A Philosophy of Software Design, en cambio, está bastante bien.

Dejo todas las imágenes a continuación. Espero qué os gusten. Podéis decirme qué os parecen y recomendarme vuestros libros de programación favoritos aquí.


Show me the design

Mockup fotográfico de "Clean Code", apoyado sobre una pared, con fondo naranja
Mockup fotográfico de "Refactoring", cerrado y mostrando la portada, con fondo lila
Mockup fotográfico de "Refactoring", abierto bocaabajo, con fondo lila
Mockup fotográfico de "A Philosophy of Software Design", abierto bocaabajo, con fondo amarillo
Mockup fotográfico de "A Philosophy of Software Design", con fondo lila
Mockup fotográfico de "Eloquent Javascript", abierto bocaabajo, con fondo naranja
Mockup fotográfico de "Eloquent Javascript", apoyado sobre una pared, con fondo naranja
Mockup fotográfico de "Clean Code" y, debajo, "Refactoring"
Diseño de cubierta para "Clean Code". Es un diseño vectorial en azul eléctrico y crema. Muestra la portada, el lomo y la contraportada. En la portada hay unos pequeños cuadrados como píxeles que figuran un cielo estrellado

Diseño de cubierta para "Clean Code"

Diseño de cubierta para "Refactoring". Es un diseño vectorial en azul eléctrico y crema. Muestra la portada, el lomo y la contraportada. En la portada y contra hay un cuadrado y unos círculos formados por patrones de líneas en diferente dirección, que crean una impresión óptica

Diseño de cubierta para "Refactoring"

Diseño de cubierta para "Eloquent Javascript". Es un diseño vectorial en azul eléctrico y crema. Muestra la portada, el lomo y la contraportada. En la portada hay un juego visual entre la letra J y un instrumento de viento

Diseño de cubierta para "Eloquent Javascript"

Diseño de cubierta para "A Philosophy of Software Design". Es un diseño vectorial en azul eléctrico y crema. Muestra la portada, el lomo y la contraportada. En la portada y contra hay unas figuras geométricas redondeadas, como globos de comit, unidas entre sí por líneas, que sugieren ideas interconectas

Diseño de cubierta para "A Philosophy of Software Design"

Tell me what you think. I would love to receive your feedback.

Would you like to invite me to give a talk about this at your event? Is there some topic of your interest you want me to write about?

Drop me a message