Los creativos líderes comparten sus proyectos de diseño editorial y las lecciones que aprendieron de ellos.
Ya sea que estés diseñando un periódico, un boletín informativo, una revista o una publicación digital, los principios de un buen diseño editorial y layout son universales. Pero ya sea diseño impreso o en línea, cada proyecto presenta desafíos únicos, y puede ser útil ver cómo otros diseñadores los han abordado. en su propio trabajo.
Así que aquí te traemos seis impresionantes ejemplos de diseño editorial de creativos líderes, descubre cómo los crearon y compartimos algunas lecciones que pueden aplicarse a todos tus proyectos editoriales, grandes y pequeños.
Isny de Otl Aicher por dn&co
Isny de Otl Aicher: un libro de edición limitada para acompañar una gran exposición
Durante 10 años, el icónico diseñador alemán Otl Aicher creó una serie de carteles basados en la pequeña ciudad de Isny im Allgäu. Fue innovador al evitar el típico estilo de “postal colorida” en favor de un enfoque austero, reduccionista y monocromático. En un libro de edición limitada, publicado en septiembre para acompañar una exposición de la obra en Londres, dn&co profundiza en este proyecto innovador en 116 páginas.
«Se trataba de garantizar que el diseño fuera coherente con la estética reconocible de Aicher, sin ser una copia de ella».
El equipo de dn&co optó por Univers, un tipo de letra que se utilizó como parte de la marca de Isny, así como para los Juegos Olímpicos de Múnich, el proyecto por el que Aicher es más conocido.
«Es una estructura simple pero eficaz: el editorial enmarca la obra, que se imprime en un papel sin estucar para reflejar el material en el que se imprimieron originalmente los carteles de Isny», dice Eley. «La narrativa circundante se reproduce en un papel estucado para que resalten las fotografías de la ciudad».
Los pictogramas solo existen como impresiones físicas, no como ilustraciones vectoriales, por lo que tuvieron que fotografiarlo todo en alta resolución para que pudiéramos reproducirlo con la mayor precisión posible. Y eso llevó a algunos dilemas interesantes.
“Queríamos reflejar el enfoque fuertemente cuadriculado de Aicher en su trabajo para Isny”, dice Eley, “pero cuanto más trabajamos con él, más notamos las inconsistencias. Por ejemplo, nada es realmente cuadrado como parece originalmente y eso causó algunos dolores de cabeza con nuestra propia cuadrícula”.
Los pictogramas de Aicher tuvieron que digitalizarse en alta resolución
¿El principal consejo de Eley para cualquiera que se embarque en un proyecto similar? «Un buen archivo es vital», afirma. «Saber dónde está todo, quién tomó qué foto y si tienes algo con una resolución lo suficientemente alta para imprimirlo es absolutamente clave».
En última instancia, añade, hay que familiarizarse realmente con el contenido del libro. “Acércate a la narrativa y recuerda que el diseño y la tipografía son partes fundamentales para transmitir cualquier historia.
“En este caso, éramos muy conscientes de que no queríamos ‘superar el arte’. El diseño de este libro tenía que ser recesivo con respecto al contenido, que era el verdadero héroe. Por lo tanto, tenía que ser silencioso y sin opiniones, mientras actuaba para enmarcar el trabajo de otro diseñador y darle contexto. Al final fue una cuestión de respeto”.
Este soy yo, punto final por Aquí Diseño
Este soy yo, punto final: el arte, los placeres y la alegría de la puntuación es un libro creado por la agencia de diseño de Londres Here Design que aprovecha un hermoso diseño para explorar “la vida secreta de los signos de puntuación”.
Es una forma divertida e irónica de explorar un tema específico y hace un gran uso de la simplicidad y los espacios en blanco para unir todo; un truco que puede parecer fácil pero que es mucho más difícil de lograr en la práctica.
«En lo que respecta al diseño», dice Caz Hildebrand de Here Design, «nuestra decisión más importante fue hacer del texto el elemento formal consistente en todo momento y permitir que la ilustración y el diseño se extendieran y jugaran tanto como quisieran, para que pudieran Apoyar y mejorar el significado del texto. Siempre es un placer trabajar con espacios en blanco, aunque, por supuesto, tener tanta libertad es un desafío”.
El texto proporcionó coherencia, permitiendo rienda suelta a la ilustración y el diseño.
“La fuente del texto del libro se eligió para que fuera razonablemente amigable y accesible, con la autoridad y fuerza de carácter para atraer a una amplia gama de audiencias”, continúa. “También vale la pena señalar que creamos todas las ilustraciones y diseños utilizando tipos de letra de la vida real: más de 50 de ellos, desde Apple Chancery hasta Wedding Text; hay una lista completa al final. Defender tipografías conocidas y no reconocidas siempre fue parte de nuestra ambición”.
Los altos valores de producción también fueron fundamentales. «Para encontrar la forma más sencilla de expresar la idea principal de nuestro libro, utilizamos letras metálicas blancas sobre sustrato negro, creando un sorprendente contraste entre mate y brillo que ayuda a que el libro se destaque», dice.
“Para mayor solidez, cortamos el libro al ras (nos encanta verlo en las librerías; se acumula muy bien). Y en el interior utilizamos guardas negras y separadores de capítulos para devolver al lector a la centralidad de la portada”.
Hildebrand ofrece el siguiente consejo para un diseñador que se inicia en el diseño editorial: «Piense en la experiencia del lector».
Y continúa: “No todas las cosas diseñadas conscientemente son necesariamente fáciles de leer. Así que sé el diseñador, pero también el lector: ¿qué esperarías ver? ¿Qué te sorprendería de una manera encantadora? En otras palabras, no se trata sólo de cómo se ve, sino de cómo se lee.
“Ayuda al texto, no lo ocultes. La tipografía realmente puede respaldar las palabras que estás diciendo. Y recuerde siempre que los libros evolucionan a lo largo de muchas páginas, por lo que deben conservar una estructura formal inherente y al mismo tiempo poder liberarse”.
Circular 19 de Pentagram
Cada número de la revista anual y media tiene un diseño único.
Circular 19, la duodécima edición de la revista The Typographic Circle, fue diseñada por Pentagram y marca el 40.º aniversario de la iniciativa dirigida por voluntarios y organización sin fines de lucro, cuyo objetivo es reunir a diseñadores interesados en la tipografía y la tipografía.
«Circular, que se publica cada 18 meses, es una publicación inusual, ya que no incluye publicidad y, por lo tanto, es mucho más independiente y podemos hacer lo que queramos», afirma el diseñador Domenic Lippa. «También es importante que atraiga a su audiencia principal de entusiastas tipográficos».
El diseño de la publicación destaca sobre todo por el uso de tipos de letra grandes. «Usamos esto para crear impacto y desafiar las ideas preconcebidas sobre para qué se utiliza el tipo», dice Lippa. «Para nosotros, es tan importante como las imágenes y no se utiliza únicamente con fines informativos».
En lo que respecta al diseño en general, cada número es una pieza independiente, añade. “A menudo decidimos un enfoque antes de comenzar a diseñar y esto incluye los tipos de letra, la apariencia general y la paleta de colores. Los colores ayudan a crear un hilo conductor para toda la revista”.
Incluso dentro de cada número se busca la variedad, añade. «Queremos seguir desafiándonos y esforzándonos y no aburrirnos, por lo que cada pliego tiene un sentido de individualidad: ¡no somos fascistas del diseño!»
Los diseñadores utilizan varios enfoques de diseño incluso dentro de cada número.
“Para mí, las relaciones de escala entre varios fragmentos de texto son el elemento más importante del diseño editorial; no debes tener miedo de utilizar la tipografía con confianza”, afirma.
“Creo que como diseñadores debemos seguir cuestionando el status quo; ¿Por qué lo hacemos de esta manera? Nunca dejes de aprender y nunca dejes de probar cosas; de lo contrario, simplemente te secarás como diseñador y como pensador”.
Encanto, beligerancia y estilo. Perversidad por GBH
Encanto, beligerancia y estilo. Perversidad: Las obras incompletas de GBH es una monografía escrita por Jason Gregory, Mark Bonner y Peter Hale, fundadores de GBH London. Y lo primero que llama la atención es su llamativa portada.
«Queríamos hacer algo que respaldara la idea de que apenas habíamos comenzado y que aún no habíamos terminado», explica Mark Bonner. “Estamos fascinados por nuestra evolución y nos encantó la vuelta de tuerca a la vieja idea de que 100 monos en una habitación, con un tiempo, podrían crear las obras completas de GBH. En GBH sólo tenemos 25, pero danos una oportunidad”.
El equipo quería que el libro hiciera dos cosas, dice. “Necesitábamos explicar qué implicaba el diseño de cada proyecto y queríamos tener un diálogo más amplio con nuestros lectores sobre las inseguridades y la valentía que se entrelazan en todos nosotros mientras los realizamos.
“Sentimos que nadie había hablado nunca de estas verdades incómodas. Hay muchos libros sobre diseño que se engrandecen a uno mismo, pero queríamos ser honestos y compartir el hecho de que pasamos por muchas emociones al hacer cosas nuevas”.
Sumergirse en el texto es clave para un buen diseño editorial, afirma Bonner
En cualquier proyecto de diseño editorial, Bonner cree que es importante «leer el texto, sentirlo, conocerlo íntimamente antes de siquiera pensar en intentar exponerlo todo».
Y especialmente en este libro, la tipografía tenía que ser accesible y fácil de leer, añade. «Así que trabajamos duro para encontrar un sistema tipográfico que permitiera «mostrar y contar» las historias del proyecto y la pseudosicología coexistir».
05. Sr. B & Amigos ‘Comfriendium’ 10 Anuario
Para celebrar 10 años de colaboraciones creativas, el estudio de diseño de Bristol Mr B & Friends produjo Comfriendium, un artículo de declaración para enviar a sus clientes. Es una publicación impresionante con colores llamativos y un acabado de alta calidad, que incluye una lámina brillante en blanco y negro en la portada que añade sutileza e impacto.
“Lo editorial impregna todo lo que hacemos”, dice el director creativo ejecutivo Steve Richardson. “Desde revistas digitales y sitios web hasta informes anuales y libros, el contenido impulsa el mensaje.
«Atrás quedaron los días en que una idea podía plasmarse en una plantilla; ahora el lector puede hacer clic, pasar la página y pasar a la siguiente, por lo que nuestro objetivo es guiar la vista con una narración que combine palabras, gráficos e imágenes”.
El uso divertido de imágenes y colores fuertes mantiene el interés
Ofrece los siguientes consejos para cualquiera que trabaje en diseño editorial: “Invierta en la mejor redacción que pueda permitirse. Si las palabras son brillantes, el diseño se refleja en la página impresa o digital. Trabaja en estrecha colaboración con el autor para entrar en su cabeza y comprender los matices.
“Usa el ingenio”, añade. Sea divertido con el uso de aspectos destacados, ilustraciones, íconos e imágenes.
Elija tipos de letra que funcionen bien en línea e impresos. Buenos binomios que dan luz y sombra a todas las comunicaciones, para poder adaptar el mensaje editorial al medio”.
Y el último consejo es añadir ritmo. “Cada página y vista de pantalla debe llevar la mirada a un viaje, a veces impactante y lleno de energía, y a veces sutil y relajante. Elija ilustraciones e imágenes para ayudar a reflejar esto”.
Sitio web de Photo District News por James Johnson
Todos los ejemplos que hemos incluido hasta ahora son productos impresos, pero como menciona Steve Richardson anteriormente, el diseño editorial es igualmente importante en línea; en muchos sentidos aún más. Un buen ejemplo de diseño editorial en la web es Photo District News, una revista de fotografía que fue rediseñada en 2018 bajo la dirección de arte del diseñador con sede en Brooklyn . James Johnson
Hay una gran cantidad de información por descubrir aquí, pero el diseño flexible y responsivo del sitio está diseñado con un uso generoso de espacios en blanco y proporciones elegantes que evitan sentirse abarrotado, sin importar el dispositivo en el que lo use.
“A diferencia de lo impreso, en la Web un artículo suele diseñarse como un todo, con todo el cuerpo del texto en una sola página y, a menudo, el diseñador no tendrá control sobre cómo se presenta”, dice Johnson. “Podría ser un teléfono, podría imprimirse o cualquier otra cosa. Por eso es importante hacer que los artículos sean flexibles y resistentes a las condiciones cambiantes.
«Mantenga los diseños simples y adopte técnicas de diseño responsivo», continúa. “Intenta transmitir las ideas principales en cada formato y no te preocupes por las pequeñas diferencias entre ellos. Esto contrasta con las dos páginas de la revista, donde un diseñador decide exactamente cómo aparecerá el contenido y cuándo.
“Aparte de eso, mantener una página limpia, con muchos espacios en blanco y una tipografía clara y legible es incluso más importante en la web que en la versión impresa. Leer es difícil en una pantalla, por lo que es mejor no distraer a los lectores con una página abarrotada”.
Los mayores errores que Johnson ve en línea a menudo se deben a una tipografía deficiente. «Los anchos de línea demasiado anchos son probablemente el mayor problema», afirma. «También veo muchos sitios que intentan utilizar un tipo de letra impreso para el cuerpo del texto».
Hacerlo bien depende en parte de una colaboración eficaz, añade. “El papel del diseñador es proporcionar una forma tangible a los conceptos subyacentes proporcionados por el editor. Esto no puede suceder sin una buena relación entre el diseñador y el editor.
«Así que no puedo enfatizar esto lo suficiente; trabaje con sus editores y conozca realmente su contenido y filosofía editorial antes de intentar diseñar algo. Esto contribuirá en gran medida a garantizar que la gente quiera leer el artículo”.
Todos los artículos son fáciles de leer y navegar en la pantalla de un teléfono inteligente.
En términos de diseño, hay que captar la atención del lector de inmediato y hacer que se interese en el artículo, añade. “El título y el mazo son clave para esto. Los lectores deberían poder echar un vistazo a la página y saber instantáneamente de qué trata el artículo. Escribe un gran título y diséñalo para que realmente se destaque. Agregar una gran foto o ilustración que combine con el título, conceptual y visualmente, realmente lo hará entender.
“Una vez que captes su atención, un excelente contenido respaldado por un diseño sólido la mantendrá. Elija un buen tipo de letra web y establezca el cuerpo del texto lo suficientemente grande como para que se pueda leer fácilmente. Divida el artículo en secciones y escriba titulares para cada una y utilice imágenes ubicadas estratégicamente, citas y otros elementos de diseño para animar a los lectores a desplazarse «.
Ejemplos de proyectos de diseño editorial
Fuentes abduzeedo
