Imprimiendo las historias de Medium

❦

Por el otro lado, el papel grueso, barato con un bloque de texto hermosamente colocado en la página hace que aquellos que saben, sonrían (y los que no, se sienten bienvenidos). Dice: «No tenemos dinero para imprimir en mejor papel, pero, hermano, realmente nos importa». El que nos importe, no requiere capital, si no atención, humildad, y diligencia . El que nos importe es el mejor sentimiento con el que puedes emprender un arte. El que nos importe, en el diseño de un libro, se manifiesta en muchas formas, pero se manifiesta mejor en los márgenes.
— Craig Mod, Let’s talk about margins

Imprimir artículos Medium puede no ser algo común, pero queremos que sea una gran experiencia. Es, tal vez, en parte un guiño a siglos de historia de la imprenta, mezclado con una pizca de nostalgia (algunos de nosotros en Medium diseñamos material impreso en el poco tiempo libre que tenemos). Puede ser que sea un deseo de mantenernos al día en nuestro oficio; después de todo, lo impreso es una forma de diseño adaptativo. Hay razones prácticas, también —imprimir tu borrador, agarrar un bolígrafo y ​​salir a la calle ayuda a ver el artículo de manera diferente para hacer la última parte de las correcciones—. Podemos imaginar a nuestros escritores haciéndolo de vez en cuando.

Pero quizás la razón más importante es esta: respetamos lo que la gente escribe en nuestra plataforma. Sabemos que la escritura es normalmente un asunto personal, raramente fácil y queremos que sepan que nos importan. Que a nosotros, citando a Craig Mod arriba, sí nos importa. La idea de que al imprimir podíamos mutilar palabras o desfigurar las historias, nos hacia sentir como si hubiésemos quebrado nuestra parte del trato que creemos tener con todo el que escribe y lee en Medium.

❦

Queríamos diseñar el mejor formato de impresión que podíamos a la luz de el apoyo tecnológico que nos dan los navegadores. Estos son los cambios más importantes entre la pantalla de Medium y la salida de impresión de Medium, ilustrados mediante un artículo falso (puedes abrir este artículo si deseas ver el ejemplo.)

Interfaz de usuario oculta. Hemos eliminado la mayor parte de la interfaz de usuario, ya que es irrelevante en el papel. También definimos nuestra hoja de estilo para que cualquier interfaz de usuario de pantalla que podamos añadir o cambiar en el futuro también se oculte de forma predeterminada.

Margen superior adicional. Hemos añadido un generoso margen en la parte superior de la primera página para dejar espacio para posibles anotaciones manuscritas.

Tamaño de la fuente. Redujimos el tamaño de la fuente principal de 22px a 15px (y los demás tamaños en consecuencia) de modo que sea más cómodo para leer en los tamaños típicos de papel.

Ancho de la página. Hemos cambiado a 4.95" el ancho máximo de la columna principal para tener el mismo cómodo número de caracteres (50-75) por línea, al igual que en la pantalla. Lo que deja un amplio margen para que tus dedos (o tus anotaciones) descansen.

Esto ocurre sin importar el tamaño de papel: funciona para los tipos más comunes de papel en vertical y horizontal, y no queremos perder el tiempo preparando todas las posibilidades exóticas. Ten en cuenta que cambiamos el ancho máximo, no el ancho real, por lo que la impresión en páginas más pequeñas que 4,95 " aún será posible sin cortes.

Cada imagen en una página. Las imágenes se moverán a la siguiente página en vez de aparecer cortada entre dos páginas.

Subrayados. Eliminamos los subrayados que cuidadosamente colocamos en la pantalla —no hay motivo para cansar los ojos con decoraciones que no tienen sentido en la impresión.

Color del texto. El texto en pantalla de Medium no es 100% negro, lo que nos permite un menor contraste y la habilidad de que las imágenes en negro puro resalten más. Sin embargo, hemos cambiado el color del texto a negro completo para la impresión, ya que las impresoras no hacen un buen trabajo con el tramado.

Imágenes de fondo. Esta sección tiene una imagen de fondo y texto blanco en la pantalla, pero eliminamos la imagen para impresión. No podemos imprimirla de forma fiable, ya que los diferentes navegadores tratan el CSS de las imágenes de fondo de forma diferente en impresión. Además generalmente será un malgasto de tinta o toner — sin mencionar que dificulta la lectura del texto.

Huérfanos/viudas. Aunque podemos hacer que una de estas dos líneas entre en la página anterior, no lo hacemos. Queremos asegurarnos que no sea posible que una linea solitaria aparezca al final de la página (huérfana) o que una línea final aparezca sola al principio de una página (viuda).

Pie de página. Mantenemos solo las partes interesantes del pie de página —no hay botones para recomendar o compartir (¿cómo los usarías en papel?), o acciones de seguimiento.

❦

¿Interesados en algunos de los detalles técnicos anteriormente mencionados? Los encontrarás en el suplemento técnico [en inglés]. ¿Preguntas? ¿Comentarios? Déjanos una nota, envíanos un correo a typography@medium.com, or un tuit a @MediumDesign.

(Nos sentimos mal cuando gastamos mucho papel y en general intentamos evitarlo… pero necesitábamos hacer lo de abajo para eliminar bugs. Afortunadamente solo necesitamos hacerlo una vez.)

❦

Gracias a Gianni Chen por ser mi copiloto en este proyecto, y a Craig Mod por sus comentarios e inspiración.

En la serie de tipografía de Medium, hemos cubierto previamente subrayados, comillas colgantes, nuestro Whitespace, calderones, y la S polaca [artículos en inglés]. ¿Nos estamos perdiendo algo interesante? ¿Quieres saber más? Escríbenos a typography@medium.com.

Traducido por Ernesto Martinez.