14 bellissimi esempi di layout di riviste nel web design

La prossima volta che sfogli i giornali o le riviste di stampa/carta più diffusi, prendi nota di quanto vari siano i layout di pagina l'uno dall'altro. Alcuni layout di pagina sono nitidi, puliti e altamente leggibili.

Altri sono un po' più eleganti, forse artistici. Tuttavia, aderiscono tutti ai più elevati standard di progettazione e presentano i contenuti in modo chiaro, compatto e bello.

Mantenere questi standard elevati non può essere facile, ma viene costantemente raggiunto. E il più delle volte, quegli elevati standard di progettazione si riflettono nelle loro versioni web, spingendo spesso l'innovazione mentre lo fanno, soprattutto perché devono fornire contenuti a così tanti dispositivi e dimensioni dello schermo diversi.

Il design del sito Web in stile rivista è uno stile di layout molto popolare, ma molto spesso quei siti Web non traggono ispirazione dalle riviste offline. Un ottimo modo per scoprire cosa funziona meglio è quello di dare un'occhiata più da vicino alle riviste online popolari, poiché i responsabili della progettazione delle edizioni stampate spesso contribuiscono anche alla progettazione dei layout delle riviste online.

Sebbene tutti siano esteticamente gradevoli, ognuno dei seguenti siti Web in stile rivista ha un layout creativo e altamente unico, tutti mettono al primo posto l'esperienza dell'utente e sono tutti ottimi esempi di coerenza nel design. Ecco come dovrebbe essere fatto il web design in stile rivista.

Volta

La homepage di Time attinge fortemente alla grafica, ma è sempre stato così per la versione stampata di questa rivista nel corso della sua storia. I web designer, tuttavia, sono riusciti a presentare allo spettatore una moltitudine di scelte evitando allo stesso tempo un aspetto disordinato.

Uno dei segreti del successo dell'usabilità e della leggibilità di questo sito Web è l' affidamento alla gerarchia visiva . Il visitatore può sempre vedere qual è la storia in primo piano del momento.

Il limite

Chiamalo un mosaico o un puzzle, ma il design della home page di The Verge ti offre una rapida immagine di cosa c'è dentro e ti porta dove vuoi andare rapidamente.

Anche il layout è piacevole alla vista. E sfogliare l'elenco degli articoli richiede solo un secondo o due. Le pagine interne a volte sono suddivise in caroselli di miniature di immagini, facilitando il drill-down di una storia specifica o di un argomento di interesse.

Il newyorkese

I fan della versione cartacea del New Yorker non rimarranno delusi dal layout della versione online. L'attenzione principale è posta sul contenuto e lo stile del layout è minimalista e accattivante.

La tipografia del New Yorker è familiare, poiché la tipografia della versione stampata è stata costantemente mantenuta in tutto il sito. Questa rivista fa un ottimo lavoro nel far sentire i suoi spettatori online come a casa.

Cablato

Il sito Web di Wired dimostra una capacità quasi straordinaria di prendere una vasta selezione di temi selvaggiamente vari (anche se la maggior parte sembra essere orientata ai geek) e disporli in un modo che renda effettivamente la visualizzazione confortevole e un'eccellente leggibilità.

Ciò si ottiene attraverso l'uso sapiente della larghezza delle colonne, della spaziatura, del riempimento, dell'uso confortevole dello spazio bianco e di un carattere sans-serif piacevole alla vista. La dimensione del carattere fornisce anche un'indicazione su quali articoli hanno maggiori probabilità di interessare la maggior parte degli spettatori. La coerenza è la regola e tutte le varie parti formano un insieme coeso in tutto il sito.

Newssettimana

Il sito Web di Newsweek è strutturato con cura, ma include anche una versione reattiva dal design accattivante, quindi puoi sfogliare i suoi articoli mentre sei in movimento.

Questa è una notizia particolarmente buona per gli utenti mobili poiché questa rivista è nota per i suoi numerosi articoli e immagini eccellenti. Fa un ottimo lavoro nel mettere tutto insieme.

Bloomberg

Bloomberg.com è diventato una destinazione digitale per molti grazie alla sua capacità di offrire un'esperienza di notizie che offre notizie aggiornate e lo fa in un formato moderno e intuitivo.

Ai visitatori piace particolarmente il modo in cui questa rivista online, creata per il consumatore globale del web di oggi, unifica abilmente le sue risorse multimediali più potenti.

GQ

Coloro che sono lettori abituali di GQ e che si sono abituati al modo elegante in cui vengono presentati i contenuti nella versione offline, troveranno lo stesso aspetto familiare nella versione online.

Non sorprende che la prima cosa che vedi sia un banner di immagini di moda che si estende per tutta la larghezza della pagina. Scorri verso il basso e l'elenco degli articoli è ben disposto in una griglia elegante.

National Geographic

La versione online del National Geographic non delude. Il sito vanta un design semplicistico e mostra immagini di grandi dimensioni insieme a una selezione di caratteri di facile lettura.

Strada e pista

La rivista Road and Track è stata a lungo popolare tra gli appassionati di auto per i suoi articoli penetranti e le fantastiche immagini. I redattori di questa rivista erano ovviamente pronti a giocare quando è stata presa la decisione di creare la versione online.

I grandi articoli e le splendide fotografie sono ancora lì, insieme a una barra di navigazione statica molto comoda.

Fiera della vanità

Vanity Fair ha ridisegnato il suo sito web un anno fa ei risultati sono stati più che soddisfacenti. La nuova versione online fa un ottimo lavoro combinando articoli lunghi, per i quali la rivista è nota, con notizie rapide, presentazioni, video e altro ancora.

I redattori del sito web hanno anche preso atto del fatto che molti visitatori navigavano su dispositivi mobili. Si sono impegnati molto per rendere i contenuti fantastici su tutte le piattaforme e hanno avuto un enorme successo.

Times di Los Angeles

Il LA Times è riuscito a creare uno dei più grandi siti Web reattivi mai realizzati . I lettori possono ottenere la stessa esperienza di livello mondiale leggendo uno dei giornali più grandi del mondo su qualsiasi dispositivo o dimensione dello schermo.

Per fare ciò, i web designer hanno rinunciato alla tradizionale griglia delle pagine. Al contrario, viene evidenziato il giornalismo di selezione dei giornali, il disordine è stato eliminato e viene posta maggiore attenzione sulle voci e sui contenuti multimediali unici del giornale.

Il prossimo web

The Next Web (TNW) è presentato in un solido formato di sito Web di una pagina con un design audace. Fa un ottimo lavoro nel bilanciare le esigenze aziendali con una forte UX.

Il contenuto è in primo piano, ce n'è in abbondanza, ma non c'è traccia di disordine.

Imprenditore

Entrepreneur, la guida definitiva per affrontare le sfide della proprietà d'impresa, è in edicola da 30 anni, ma l'edizione online è decisamente moderna nella veste grafica.

La home page potrebbe non essere particolarmente innovativa, ma il layout è semplice e facile da seguire. Pubblicata mensilmente, questa rivista è disponibile sia in formato cartaceo che su un'app mobile.

Età dell'annuncio

Dai suoi inizi come quotidiano di Chicago nel 1930, fino a diventare una pubblicazione globale, Ad Age è ora disponibile in entrambe le edizioni cartacee e online, insieme a newsletter via e-mail giornaliere e settimanali.

Fatta eccezione per l'articolo evidenziato, agli argomenti viene assegnato lo stesso spazio fino a quando non scorri verso il basso di una o due pagine, dopodiché molti di essi vengono elencati come voci. Il layout di Ad Age è facile da emulare .

Uno di questi esempi o una combinazione di uno o due potrebbe funzionare bene per te. Basta ricordare l'importanza della coerenza nel design.