14 hermosos ejemplos de diseños de revistas en diseño web

Publicado: 2022-09-03

La próxima vez que hojee revistas o periódicos impresos o en papel populares, tome nota de cuán variados tienden a ser los diseños de página de uno a otro. Algunos diseños de página son nítidos, limpios y muy legibles.

Otros son un poco más elegantes, quizás artísticos. Sin embargo, todos se adhieren a los más altos estándares de diseño y presentan el contenido de forma clara, compacta y hermosa.

Mantener esos altos estándares no puede ser fácil, pero se logra constantemente. Y la mayoría de las veces, esos altos estándares de diseño se reflejan en sus versiones web, a menudo impulsando la innovación mientras lo hacen, especialmente porque tienen que entregar contenido a tantos dispositivos y tamaños de pantalla diferentes.

El diseño de sitios web con estilo de revista es un estilo de diseño muy popular, sin embargo, a menudo, esos sitios web no se inspiran en las revistas fuera de línea. Una excelente manera de averiguar qué funciona mejor es echar un vistazo más de cerca a las revistas en línea populares, ya que los responsables del diseño de las ediciones impresas a menudo también contribuyen al diseño de los diseños de las revistas en línea.

Si bien todos son estéticamente agradables, cada uno de los siguientes sitios web estilo revista tiene un diseño creativo y muy exclusivo, todos ponen la experiencia del usuario en primer lugar y todos son excelentes ejemplos de consistencia en el diseño. Así es como se debe hacer el diseño web estilo revista.

  • Inspiración del sitio web de 404 páginas
  • Acerca de la página Inspiración del sitio web
  • Panel de administración Inspiración del sitio web
  • Inspiración para sitios web empresariales y corporativos
  • Inspiración de sitio web de diseño limpio
  • Inspiración para sitios web de colegios y universidades
  • Inspiración del sitio web de la agencia de diseño
  • Inspiración de sitios web de diseño de comercio electrónico
  • Inspiración de sitio web de diseño minimalista
  • Inspiración para sitios web sin fines de lucro
  • Inspiración de sitio web de una página
  • Inspiración del sitio web de desplazamiento de paralaje
  • Inspiración del sitio web del fotógrafo
  • Portafolio Diseño Sitio Web Inspiración
  • Inspiración del sitio web de la página de precios
  • Inspiración para sitios web de restaurantes y alimentos
  • Mapa del sitio Inspiración de diseño
  • Inspiración para el diseño de sitios web deportivos
  • Guía de estilo de interfaz de usuario Inspiración de diseño
  • Inspiración de sitio web de diseño ultra minimalista

Tiempo

La página de inicio de Time se basa en gran medida en las imágenes, pero ese siempre ha sido el caso con la versión impresa de esta revista a lo largo de su historia. Sin embargo, los diseñadores web han logrado presentar al espectador una multitud de opciones y, al mismo tiempo, evitar una apariencia desordenada.

Uno de los secretos del éxito de la facilidad de uso y legibilidad de este sitio web es la confianza en la jerarquía visual . El visitante siempre puede ver cuál es la noticia destacada del momento.

Inspiración del periódico del diseño del diseño web de la revista Time

el borde

Llámelo un mosaico o un rompecabezas, pero el diseño de la página de inicio de The Verge le brinda una imagen rápida de lo que hay dentro y lo lleva a donde quiere ir rápidamente.

El diseño también es agradable a la vista. Y hojear la lista de artículos toma solo uno o dos segundos. Las páginas internas a veces se dividen en carruseles de miniaturas de imágenes, lo que facilita profundizar en una historia o tema de interés específico.

The Verge magazine diseño web maquetación periódico inspiración

El neoyorquino

Los fanáticos de la versión en papel de The New Yorker no se sentirán decepcionados con el diseño de la versión en línea. El enfoque principal se coloca en el contenido y el estilo de diseño es minimalista y atractivo.

La tipografía de The New Yorker es familiar, ya que la tipografía de la versión impresa se ha mantenido consistentemente en todo el sitio. Esta revista hace un excelente trabajo al hacer que sus lectores en línea se sientan como en casa.

The New Yorker revista diseño web maquetación periódico inspiración

cableado

El sitio web de Wired demuestra una habilidad casi asombrosa para tomar una gran selección de temas muy variados (aunque la mayoría parecen estar orientados a los geeks) y organizarlos de una manera que realmente hace que la visualización sea cómoda y la legibilidad excelente.

Esto se logra mediante el uso hábil de los anchos de columna, el espaciado, el relleno, el uso cómodo de los espacios en blanco y una fuente sans-serif que es agradable a la vista. El tamaño de fuente también da una indicación de qué artículos tienen más probabilidades de ser de interés para la mayoría de los espectadores. La consistencia es la regla, y todas las diversas partes forman un todo cohesivo en todo el sitio.

Revista con cable diseño web diseño periódico inspiración

semana de noticias

El sitio web de Newsweek está cuidadosamente estructurado, pero también viene con una versión receptiva bellamente diseñada, para que pueda hojear sus artículos mientras viaja.

Esta es una noticia especialmente buena para los usuarios de dispositivos móviles, ya que esta revista se destaca por sus excelentes artículos e imágenes. Hace un gran trabajo al juntar todo.

Newsweek revista diseño web diseño periódico inspiración

Bloomberg

Bloomberg.com se ha convertido en un destino digital para muchos debido a su capacidad para brindar una experiencia de noticias que ofrece noticias actualizadas y lo hace en un formato moderno y fácil de usar.

A los visitantes les gusta especialmente la forma en que esta revista en línea, creada para el consumidor web global de hoy, unifica hábilmente sus activos de medios más poderosos.

Bloomberg magazine diseño web maquetación periódico inspiración

GQ

Aquellos que son lectores habituales de GQ y que se han acostumbrado a la forma elegante en que se presenta el contenido en la versión sin conexión, encontrarán el mismo aspecto familiar en la versión en línea.

No es sorprendente que lo primero que vea sea un banner con imágenes de moda que se extienda a lo ancho de la página. Desplácese hacia abajo, y la lista de artículos está muy bien distribuida en una cuadrícula elegante.

Revista GQ Diseño web Maquetación Periódico Inspiración

National Geographic

La versión en línea de National Geographic no defrauda. El sitio cuenta con un diseño simple y muestra imágenes grandes junto con una selección de fuentes fácil de leer.

Inspiración de periódico de diseño web de revista National Geographic

Pista del camino

La revista Road and Track ha sido durante mucho tiempo popular entre los entusiastas de los automóviles por sus artículos perspicaces e imágenes fantásticas. Los editores de esta revista obviamente llegaron listos para jugar cuando se tomó la decisión de crear la versión en línea.

Los excelentes artículos y las impresionantes fotografías aún están ahí, junto con una barra de navegación estática muy conveniente.

Revista Road & Track diseño web maquetación periódico inspiración

Feria de la vanidad

Vanity Fair rediseñó su sitio web hace un año y los resultados fueron más que satisfactorios. La nueva versión en línea hace un excelente trabajo al combinar artículos extensos, por los cuales se destaca la revista, con noticias rápidas, presentaciones de diapositivas, videos y más.

Los editores del sitio web también tomaron nota del hecho de que muchos visitantes navegaban en dispositivos móviles. Se esforzaron mucho para que el contenido se viera fantástico en todas las plataformas, y tuvieron un gran éxito.

Vanity Fair revista diseño web diseño periódico inspiración

Tiempos de Los Ángeles

El LA Times ha logrado crear uno de los sitios web receptivos más grandes jamás creados . Los lectores pueden obtener la misma experiencia de clase mundial al leer uno de los periódicos más grandes del mundo en cualquier dispositivo o tamaño de pantalla.

Para ello, los diseñadores web prescindieron de la cuadrícula de página tradicional. En cambio, se destaca el periodismo de marquesina de los periódicos, se ha eliminado el desorden y se pone mayor énfasis en las voces únicas y multimedia del periódico.

Los Angeles Times revista diseño web diseño periódico inspiración

La próxima web

The Next Web (TNW) se presenta en un sólido formato de sitio web de una página con un diseño audaz. Hace un excelente trabajo al equilibrar las necesidades comerciales con una experiencia de usuario sólida.

El contenido está al frente y al centro, hay mucho, pero no hay señales de desorden.

The Next Web magazine diseño web maquetación periódico inspiración

Emprendedor

Entrepreneur, la guía definitiva para enfrentar los desafíos de ser propietario de un negocio, ha estado en los quioscos durante 30 años, pero la edición en línea es definitivamente moderna en su diseño.

La página de inicio puede no ser particularmente innovadora, pero el diseño es sencillo y fácil de seguir. Publicada mensualmente, esta revista está disponible tanto en forma impresa como en una aplicación móvil.

Entrepreneur magazine diseño web maquetación periódico inspiración

Edad del anuncio

Desde sus comienzos como un periódico de gran formato de Chicago en 1930, hasta convertirse en una publicación global, Ad Age ahora está disponible en ediciones impresas y en línea, junto con boletines electrónicos diarios y semanales.

Excepto por el artículo resaltado, los temas tienen el mismo espacio hasta que se desplaza hacia abajo una o dos páginas, después de lo cual muchos de ellos se enumeran como elementos de línea. El diseño de Ad Age es fácil de emular .

Ad Age revista diseño web maquetación periódico inspiración


Uno de estos ejemplos o una combinación de uno o dos podría funcionar bien para usted. Solo recuerda la importancia de la consistencia en el diseño.