El diseño editorial es un campo fascinante que combina nuestras habilidades para la tipografía creativa, diseños inteligentes y composiciones ingeniosas.
En todo el mundo, la gente se levanta temprano y se queda despierta hasta tarde creando composiciones que millones obtienen en forma de periódicos, revistas y libros. La maquetación editorial juega un papel clave en la forma en que se presenta, comparte y entiende la información y, al realizar esta última función, esta disciplina puede traer un cambio trascendental a la sociedad.
El diseño de periódicos, revistas y libros se ha convertido en un desafío particular a medida que lo digital se hace cargo de la mayoría de nuestras comunicaciones. Si bien debemos aprender a adaptar nuestros conceptos a varios tamaños de pantalla, el papel siempre será un medio esencial para la expresión creativa. A lo largo de este artículo, presentaré 50 increíbles diseños de periódicos (y las lecciones de maquetación editorial que brindan) para inspirar su trabajo.
Mejores ejemplos de maquetación editorial de grandes empresas
01. “Boleto de primera clase” por The Washington Post: Atraiga el foco a un gráfico personalizado
En este diseño para la sección Estilo, The Washington Post presenta una reseña de una película como elemento central de la página. Para aumentar el impacto visual de la pieza, encargaron un gráfico personalizado a Sean McCabe.
02. “Origen” de Krysthopher Woods: aporta estructura con rejillas
Un proyecto de estudiante que muestra un esquema tipográfico excepcional y una cuadrícula impresionante. El contraste entre las fuentes serif cuidadosamente seleccionadas y un sutil tono de fondo amarillo crean un ambiente retro que combina bien con el nombre de la publicación (orígen u origen).
03. “El problema del presupuesto de atención médica de la ciudad de Nueva York” por La Gran Época: Juega con la forma
¿Alguna vez pensó en mostrar hechos en un círculo? Eso es exactamente lo que hizo La Gran Época para dividir el problema del presupuesto de atención médica en cuatro partes interesadas potenciales que podrían terminar pagando los costos crecientes. El enfoque de semicírculo hace evidente para el lector que el alcalde, los sindicatos, los candidatos a alcalde o Emblem Health terminarán asumiendo las consecuencias.
04. “Guanacaste” by La Nación: Blend Content Into Imagery
Los diseñadores detrás de este periódico costarricense crearon una atractiva portada para su artículo sobre un programa de protección especial para Cara Blanca , una especie de mono en peligro de extinción. La columna de texto en blanco que ocupa casi ⅖ de la página está enfatizada y enmarcada por las imágenes de alta definición de ambos monos en medio de una vegetación saturada.
05. «Desbaste… estilo gourmet» del San Diego Union Tribune: rompa el flujo de la página con gráficos personalizados
El hecho de que el fondo original de su periódico sea blanco no significa que no pueda agregar alguna variación de vez en cuando. En esta portada de UT Food, la ilustradora Cristina Byvik agregó un gráfico personalizado angustiado para romper el flujo de la página y representar la idea de comida gourmet para los campistas.
06. “Realidades” by Boris Vargas: Use A Limited Color Palette
Este fue un proyecto de estudiante de Tipografía 2 en la Universidad de Buenos Aires. Quizás el elemento de diseño más impresionante aquí es el uso efectivo de una paleta de colores limitada. Básicamente, hay tres tonos principales en uso, y la página no se siente aburrida en absoluto. El uso inteligente de la tipografía, los separadores, el diseño y las proporciones del diseñador hacen que este proyecto de estudiante sea increíblemente inspirador para cualquier persona que trabaje con limitaciones de presupuesto (tinta).
07. «Harvard encuentra una fórmula molesta» por The Star-Ledger: use un diseño de 5 columnas
El uso de un diseño de 5 columnas aquí hace que la página sea visualmente atractiva y permitió que The Star-Ledger presente fragmentos de información que son fáciles para el lector.
08. «Preguntas para el próximo vicepresidente» de The New York Times: Atraiga la atención hacia el flujo de contenido con imágenes únicas
Lo que de otro modo sería otro comentario político complejo, de repente se convirtió en una pieza atractiva con la introducción de un gran signo de interrogación. Compuesto por diferentes símbolos que representan problemas que enfrentará el próximo vicepresidente, este signo de interrogación gigante llama la atención sobre el flujo del texto e incluso podría llamar la atención de los más apolíticos entre nosotros.
09. “The Iceberg” de Socio Design para KAE: use un esquema tipográfico inteligente
Muchas decisiones de diseño interesantes aquí, pero el esquema tipográfico definitivamente se destaca. Combinaciones inteligentes de serifas y sans-serifs, fuentes claras y audaces y proporciones hacen de esta pieza una referencia inspiradora para cualquier persona interesada en el diseño editorial.
10. «Punto final» de Sidney Lim: use un contraste dramático de color
“Full Stop” fue una publicación especial sobre la importancia de la puntuación. Trató de abordar el tema con un tono de voz irreverente. Para enfatizar este objetivo de comunicación, el diseñador Sidney Lim introdujo un contraste dramático usando tipografía negra, blanca y en negrita.
11. “Überzeitung” de Wolfgang Landauer: Flirt With Form
A veces, la innovación en el diseño tiene que ver con el medio. ¿Qué pasaría si produjéramos un periódico gigante de tamaño humano sobre nuestro amor por los periódicos? Wolfgang Landauer respondió a esta pregunta para su tesis de licenciatura.
12. “Diversions” de The Daily Tar Heel: presenta texturas contrastantes
La textura es un elemento de diseño poderoso y, a menudo, infrautilizado. En este fondo para su sección Diversions, The Daily Tar Heel introdujo texturas contrastantes como papel (tapetes), recortes, dulces y madera.
13. «Diez años después del 11 de septiembre» por The Virginian Pilot: establezca un desafío para sus lectores
Este resumen de noticias desafía a los lectores a realizar un simple ejercicio mental: encontrar el final de cada una de las cadenas a la izquierda (año 2001) con su correspondiente cambio a la derecha (2011). Este desafío obliga al lector a interactuar con la pieza de una manera novedosa, desafiando la convención existente de dar noticias a la audiencia.
14. «Temporada de fuegos artificiales significa que somos una ciudad en auge» por Las Vegas Sun: Apunta a una composición vibrante
Esta pieza del 4 de julio transmite brillantemente la celebración. Usando fuegos artificiales, impresión a todo color y tipografía audaz, los diseñadores de Las Vegas Sun hicieron todo lo posible con una composición que realmente se destacaría en cualquier quiosco.
15. «Cuántos son demasiados» por The Washington Post: experimente con la cuadrícula y el diseño tradicionales
En este punto, probablemente haya notado que The Washington Post gana constantemente el juego de la ilustración. Este maravilloso ejemplo de Inca Pan muestra cómo desafiar la cuadrícula y el diseño establecidos puede dar sus frutos.
16. «Las leyes estatales sobre bebidas alcohólicas no han envejecido bien» por The Sunday Oregonian: alivia la tensión visual
Esta infografía en forma de vino está bellamente integrada en el flujo de la página para crear un diseño perfecto. Sin duda, esta habría sido una lectura mucho más difícil sin la liberación de tensión visual proporcionada por la infografía.
17. «Ve a jugar afuera» de Arizona Republic: Toy With Tone
Una cosa es decir “jugar” y otra muy distinta jugar mientras se dice. Estas cartas borrachas logran expresar el tono jovial y alegre que implica el artículo.
18. “Nuestros bosques moribundos” por The Salt Lake Tribune: Focus The Eye
¿Te llamó la atención ese cuadro blanco que atraviesa la foto principal en la parte superior? Si es así, se logró el objetivo de diseño .
19. «Regalos de última hora que no se pueden perder para mamá» de Arizona Republic: introduzca diagonales en su composición
En un espacio donde estamos acostumbrados a las líneas horizontales de texto e imágenes, las diagonales pueden ayudar mucho.
20. «Off the Shelf» de Times of Oman: crea interés visual e intriga
Espera… ¿Es una página rota ? Las ilusiones ópticas pueden ayudarte a crear interés visual, intriga y atención. Desafiar la estética “pixel-perfect” que predomina en el diseño editorial es una gran estrategia para crear el boca a boca sobre tu trabajo.
21. “Start-ups Rush to Bring Chat Rooms to Smartphones” por Times of Oman: Integrar contenido en imágenes
En esta pieza inteligente, se usó un teléfono inteligente no solo para ilustrar, sino también para contener texto.
22. «Después de la cirugía» por The San Diego Union-Tribune: enfoque en un mensaje central
Otro ejemplo más de cuán atractiva visualmente puede ser una pequeña interrupción de página. Los diseñadores de The San Diego Union-Tribune enfatizaron la idea de una mastectomía jugando con la ilusión visual del papel removido en el área del seno.
23. «Bloqueando las distracciones» por Omaha World-Herald: transmitir distracción
Una forma inteligente de transmitir distracción es usar una paleta de colores saturados, una variedad de tipos de letra y diversos ángulos.
24. «Moons» de Orange County Register: aumenta el color
Una página a todo color siempre generará un impacto adicional. Cuando se combina con una combinación de texto de alto contraste versus fondo, el resultado seguramente detendrá a los lectores en seco.
25. “The Call of the Casbah” por The Washington Post Travel: Introducción a la fotografía
Hay algo en la hermosa fotografía combinada con un titular blanco serif que hace de esta pieza un clásico instantáneo.
26. «Comer, comprar, repetir» por The Washington Post: use ilustraciones dibujadas a mano
Las ilustraciones dibujadas a mano se han vuelto cada vez más populares porque crean una sensación retro y cómoda para los espectadores. No son pretenciosos, perfectos o inaccesibles. Cuando miras una pieza como esta, se siente como si alguien hubiera arrancado una página de su diario y la hubiera compartido con el mundo.
27. “The End of The Line” de Valley & State: Juega con capas
Esta pieza presenta un interesante juego de capas. En lugar de poner el titular al frente y al centro, los diseñadores de Valley & State integraron las letras con una impresionante foto de página completa, colocándolas detrás de las montañas.
28. «Artes culturales» por Democrat y Chronicle: use imágenes y tipografía interactivas
Aquí hay otro gran ejemplo de integración de texto e imagen para formar un gráfico atractivo. Las letras que forman la palabra “Artes Culturales” interactúan con el bailarín sugiriendo un sentido del ritmo que es absolutamente relevante para el tema que se está discutiendo.
29. “El candidato perfecto” por The Boston Globe: use un diseño editorial fuerte
Este diseño es divertido e intrigante. Combinando diferentes elementos faciales de varios políticos de Massachusetts, esta pieza llama la atención de los lectores sobre la dificultad de encontrar un candidato «perfecto».
30. “The NH 115” de The Boston Globe: experimenta con collage
¿Cómo presentas a 115 activistas políticos sin aburrir a tus lectores hasta la muerte? Así es como.
31. “Los mejores libros de 2013” por The Washington Post: experimenta con letras personalizadas
Agregar letras personalizadas a un título crea interés visual y es una excelente manera de presentar una sección que tiene mucho texto.
32. “Final NBA 2014-2015” por Kompas: diferenciar con color
Al presentar lados, equipos o ideas opuestos, el color puede ser una gran herramienta para separar el contenido.
33. “Deadly Spike” por Daily Press: Editorialize Your Type
Una de las características de diseño más destacadas aquí es la máscara creada con texto y un fondo grunge en la palabra «Deadly Spike».
34. “Los récords atléticos de las tres escuelas totalmente negras del condado antes de la integración se han perdido en el tiempo” por The Beaufort Gazette: Use un fondo de color liso
Esta portada de The Beaufort Gazette utiliza un fondo de color liso para resaltar el artículo destacado. La atención del lector se dirige inmediatamente al artículo de la parte superior en lugar del contenido secundario de la parte inferior.
35. “Keeping it Real” de The Daily Break: Experimenta con un titular vertical
Hemos visto texto horizontal y diagonal hasta ahora, pero esta pieza va un paso más allá con un título completamente vertical. Siempre que el texto sea corto y se mantenga legible, esta táctica puede agregar una variación de diseño muy necesaria.
36. «Go Fish» de Union Tribune San Diego: integre fotos de página completa con su contenido
Las fotos de página completa son el equivalente impreso de las imágenes destacadas en el diseño web. Puede decidir usarlos simplemente como fondo o, alternativamente, idear una forma interesante de integrarlos con el contenido. Aquí hay un ejemplo de eso:
37. “The Wild Things Are Here” por The Villages Daily Sun: Dale nueva vida a tu copia
En palabras del diseñador a cargo de esta pieza, “le da a una fotografía terrenal un poco de pop mientras mantiene la página agradable con una sensación de cuento de hadas”.
38. “Gettysburg” por el Tampa Bay Times: establezca su tema en su titular
Aquí hay otra idea fascinante basada en tipos. El diseñador Paul Wallen se dio cuenta de que la letra G se parece a las «cantos rodados en meseta de Little Round Top, donde la estatua del general Warren mira hacia el campo de batalla». A partir de ahí, desarrolló esta composición para un artículo sobre un campo de batalla de la Guerra Civil.
39. “3 días, 3 recorridos” por Tampa Bay Times: haga mucho con las cuadrículas
Mismo diseñador, diferente concepto. Lejos del estilo relajado y sofisticado que vimos en Gettysburg, Paul Wallen trabajó en esta extensa cuadrícula de 8 columnas para presentar recorridos gastronómicos en Vancouver.
40. «¿Por qué lo analógico todavía se siente bien en un mundo digital?» por La Gran Época: Dele vida a sus fondos
Un fondo de madera es el complemento perfecto para un artículo sobre productos analógicos. Los tonos de color envejecidos y las fuentes completan esta portada visualmente atractiva para la sección de Arte y Cultura de La Gran Época.
41. “The Science of Hangry” de Epoch Times: Entregue una composición impecable
La Gran Época lo vuelve a hacer con esta colocación efectiva de un elemento focal (la placa) que tiene prioridad sobre el texto, afectando su forma.
42. «Boston» de Boston Sunday Globe: color de mezcla con blanco y negro
Colocar gráficos en blanco y negro al lado, debajo o encima del color puede crear un efecto dramático que llame la atención.
43. “The Big Issue” de Times of Oman: Sea audaz con su tipo
Ve a lo grande o vete a casa. Si su título exige atención, intente hacer que el tratamiento tipográfico sea el punto focal de toda la página.
44. «Avis» de Elizaveta Kulakova: experimenta con el minimalismo
No siempre es necesario incluir tanto texto como sea posible en la página, especialmente cuando se trata de la portada.
45. “Poor Reception” de Green Bay Press-Gazette: use fotos como marcos de texto
Las fotos y los elementos que contienen se pueden utilizar como marcos de texto. En este caso, las dos torres que rodean la columna de texto principal proporcionan una sensación de contención y ayudan a centrar la atención del lector.
46. “Packers Take on Eagles Saturday” por Green Bay Press-Gazette: Cree interés en sus titulares
Otro gran ejemplo de romper las convenciones de los titulares. En este caso, el jugador de fútbol se coloca frente al nombre del periódico y su mano apunta directamente a un bloque de texto que dice «Los empacadores se enfrentaron a los Eagles el sábado». Esto ayuda a dirigir al lector al artículo relacionado con el jugador. El otro elemento interesante aquí es cómo el título del artículo principal literalmente rompe el mazo.
47. «¿Cuál es tu cereal adicto favorito?» de The Grid: combina el interés visual y el diseño de la información
Hable acerca de un gráfico que se abre paso entre el desorden. Esta imagen es colorida, convincente y útil. Los diseñadores de The Grid (Toronto) se destacaron al combinar el interés visual y el diseño de la información, superponiendo porcentajes que indican qué tan popular es cada cereal «chatarra».
48. «Elige tu propia aventura de ron» de The Grid: presenta gráficos dibujados a mano
¿Alguna vez pensó que todo ese texto perfecto en píxeles hace que la lectura sea extremadamente aburrida? The Grid publicó este diagrama dibujado a mano para ayudar a los lectores a descubrir dónde deberían obtener su dosis de ron en Toronto.
49. “El misterio de la boca grande” de Frankfurter Allgemeine Zeitung: Pasar del periódico a la obra de arte
¿Arte o periódico? No puedo decidir si esto pertenece a mi revistero o a la pared.
50. “Ciclismo en Taiwán” por The Epoch Times: Domine su equilibrio
El equilibrio aquí lo es todo. Hay suficiente espacio en blanco, dos imágenes convincentes que no chocan ni luchan por llamar la atención, y un esquema tipográfico detallado. Mientras que los titulares utilizan un tipo de letra slab serif, la legibilidad del cuerpo del texto se conserva con una fuente serif. También hay un tratamiento especial para la leyenda de la imagen, que se creó utilizando un sans-serif.
A ti…
El diseño editorial es cada vez más creativo, dinámico e innovador. La web plantea un desafío interesante para los creadores, que ahora se enfrentan a la necesidad de traducir estas increíbles cuadrículas y diseños a un formato que funcione para diferentes tipos de navegadores. ¿Conoces algún otro periódico que esté haciendo un trabajo estelar? Deje una nota en la sección de comentarios, a continuación.
