Los 10 mejores diseños de sitios de noticias [+ What We Like About Them]

Los sitios de noticias atraen a millones de visitantes cada mes. Por ejemplo, CNN consiguió 399,4 millones de visitas al mes en diciembre de 2021

Dado que tienen tantos visitantes, los sitios de noticias deben presentar la mayor parte de su contenido posible de una manera que sea fácil de leer y acceder, y el resto se puede encontrar fácilmente. Esto significa tipografía legible en todo tipo de dispositivos, menús de navegación detallados que muestran claramente todas las categorías y subcategorías y diseños claros con mucho espacio vacío.

A continuación, echamos un vistazo a algunos de los mejores sitios de noticias modernos y sencillos que cumplen todos estos requisitos y más.

1. Hermosa noticia

Beautiful News es un sitio de noticias simple que publica una historia en video diariamente. Estas historias están destinadas a brindar consuelo, alivio y motivación. Además del ritmo de publicación y contenido de video exclusivo, Beautiful News es único en el sentido de que utiliza un fondo negro, texto blanco y un acento de color rosa neón.

Lo que nos gusta: El fondo negro de Beautiful News hace que las miniaturas de video, el formulario de suscripción al boletín y más visibles.

2. De Morgen

De Morgen es un periódico flamenco que cubre política, economía, ciencia, opinión, deportes y más. Su sitio web combina tipografía en negrita con imágenes de alta calidad para garantizar la máxima legibilidad. También utiliza una fuente y una etiqueta de color diferentes para los anuncios para distinguirlos claramente de los artículos.

Lo que nos gusta: De Morgen utiliza una tipografía diferente en sus anuncios para distinguirlos sutilmente de los artículos periodísticos sin alterar el diseño.

3. Transformación de Línea de Salud

Healthline Transform es un sitio web interactivo dedicado a la información sobre innovaciones y tecnologías revolucionarias que dan forma al futuro de la salud. El diseño del sitio web es tan moderno como las innovaciones y tecnologías sobre las que escribe, utilizando animaciones y colores para atraer y deleitar a los usuarios.

Lo que nos gusta: Healthline Transform invita a los visitantes a leer los artículos destacados haciendo clic y manteniendo presionado un cursor animado o haciendo clic en el siguiente icono.

4. Un periódico sobre arte.

El diario de arte ofrece noticias y eventos internacionales relacionados con el mundo de las artes visuales. Su sitio web utiliza un diseño simple en blanco y negro con un acento burdeos para las categorías y los enlaces flotantes. Este esquema de color se complementa con un diseño minimalista que utiliza espacios para separar claramente las diferentes secciones y artículos entre sí.

Lo que nos gusta: Un periódico de arte utiliza una gran cantidad de espacio en blanco para maximizar la legibilidad.

5. Badische Neueste Nachrichten

Badische Neueste Nachrichten o BNN es un periódico regional en Karlsruhe, Alemania. Su diseño en blanco y negro se complementa con coloridos iconos. Uno, el distintivo amarillo, representa artículos para suscriptores de pago. El segundo muestra el libro abierto y presta atención al tiempo de lectura de cada artículo.

Lo que nos gusta: BNN utiliza iconografía para marcar claramente el tiempo de lectura de cada artículo que está destinado únicamente a los suscriptores.

6. New York Times

La página de inicio del New York Times tiene un menú de navegación principal justo debajo del título y arriba del contenido, al igual que la mayoría de los sitios de noticias. Pero también lo tiene en la esquina superior izquierda de cada página. Si hace clic en el botón de hamburguesa en la esquina, aparecerá un menú vertical. Si pasa el cursor sobre uno de estos enlaces de navegación, como Arte, aparecerá un menú desplegable adicional. Esto facilita que los visitantes naveguen a una sección muy específica o naveguen.

Lo que nos gusta: The New York Times ofrece un menú de navegación vertical para los visitantes que deseen navegar a una subsección específica y para aquellos que deseen navegar.

7. empresa rapida

Fast Company tiene un aspecto más moderno que los sitios de noticias tradicionales como NYT. Utiliza varias fuentes y colores, e imágenes que contienen ilustraciones y gráficos. Su sección principal presenta un control deslizante animado que gira a través de cuatro artículos, con un menú de navegación oscuro ligeramente transparente superpuesto en la parte superior.

Lo que nos gusta: Fast Company tiene cuatro artículos en un control deslizante animado sobre la pestaña para llamar la atención del lector de inmediato.

8. Tiempos de Los Ángeles

Los Angeles Times es la principal fuente de noticias de última hora, entretenimiento, ciencia, deportes y más. Su sitio web tiene un diseño limpio que usa estratégicamente tipografía, espaciado, imágenes y líneas de corte para organizar diferentes secciones. Por ejemplo, la sección Aprendizaje se divide en titulares recientes, artículos más leídos y subcategorías principales.

Lo que nos gusta: Los Angeles Times utiliza una jerarquía visual y líneas divisorias para crear un diseño claro y organizado.

9. Noticias Blavity

Blavity News proporciona noticias, ideas y comentarios relevantes para la cultura por autoría y para millennials negros. Su sección de héroes está diseñada para atraer visitantes: los artículos destacados se presentan en un control deslizante con imágenes de ancho completo, títulos grandes y detalles en color. Los lectores que no estén interesados ​​en los artículos destacados pueden navegar a otras secciones utilizando la barra de navegación en la parte superior de la pantalla o hacer clic en uno de los encabezados en el banner de desplazamiento a continuación.

Lo que nos gusta: Blavity News capta inmediatamente la atención de los lectores con su deslizador de artículos destacados con imágenes de ancho completo.

10 TIEMPO

TIME brinda cobertura de noticias y análisis de última hora en política, ciencia, salud, entretenimiento y más. Su patrón en blanco y negro incluye manchas rojas. Esto no solo está en línea con la identidad de la marca, como lo muestra el logotipo en la esquina superior izquierda, sino que también atrae sutilmente la atención del lector hacia elementos en la página, como los botones de inicio de sesión y suscripción de CTA.

Lo que nos gusta: TIME utiliza el rojo como acento de color para realzar la identidad de la marca y atraer sutilmente la atención de los lectores hacia los botones CTA y otros elementos.

Diseños de sitios de noticias para inspirar el tuyo

Los diseños de sitios de noticias anteriores son algunos de los mejores en la web, ya que se centran en los principios de legibilidad, simplicidad y orientación al usuario. Si está creando su propio sitio de noticias, inspírese en él para asegurarse de que está mostrando su mejor y más reciente contenido con el resto disponible.