14 Belos Exemplos de Layouts de Revista em Web Design

Na próxima vez que você navegar por jornais ou revistas impressos/em papel populares, observe como os layouts de página tendem a ser variados de um para outro. Alguns layouts de página são nítidos, limpos e altamente legíveis.

Outros são um pouco mais elegantes, talvez artísticos. No entanto, todos eles aderem aos mais altos padrões de design e apresentam conteúdo de forma clara, compacta e bonita.

Manter esses altos padrões não pode ser fácil, mas é alcançado de forma consistente. E, na maioria das vezes, esses altos padrões de design são refletidos em suas versões da web, muitas vezes impulsionando a inovação ao fazê-lo, especialmente porque eles precisam fornecer conteúdo para tantos dispositivos e tamanhos de tela diferentes.

O design de sites em estilo de revista é um estilo de layout muito popular, mas, muitas vezes, esses sites não se inspiram em revistas off-line. Uma excelente maneira de descobrir o que funciona melhor é examinar mais de perto as revistas on-line populares, pois os responsáveis ​​pelo design das edições impressas também costumam contribuir com o design dos layouts das revistas on-line.

Embora todos sejam esteticamente agradáveis, cada um dos sites em estilo de revista abaixo tem um layout criativo e altamente exclusivo, todos colocam a experiência do usuário em primeiro lugar e são exemplos excelentes de consistência no design. É assim que o web design no estilo de revista deve ser feito.

Tempo

A homepage da Time baseia-se fortemente em recursos visuais, mas esse sempre foi o caso da versão impressa desta revista ao longo de sua história. Os web designers, no entanto, conseguiram apresentar ao espectador uma infinidade de opções e, ao mesmo tempo, evitar uma aparência confusa.

Um dos segredos para o sucesso da usabilidade e legibilidade deste site é a confiança na hierarquia visual . O visitante pode sempre ver qual é a história em destaque do momento.

The Verge

Chame de mosaico ou quebra-cabeça, mas o design da página inicial do The Verge oferece uma imagem rápida do que está dentro e leva você aonde deseja ir rapidamente.

O layout também agrada aos olhos. E folhear a lista de artigos leva apenas um ou dois segundos. Às vezes, as páginas internas são divididas em carrosséis de miniaturas de imagens – facilitando o detalhamento de uma história ou tópico de interesse específico.

O Nova-iorquino

Os fãs da versão em papel do The New Yorker não ficarão desapontados com o layout da versão online. O foco principal é colocado no conteúdo e o estilo de layout é minimalista e atraente.

A tipografia do New Yorker é familiar, pois a tipografia da versão impressa foi mantida consistentemente em todo o site. Esta revista faz um excelente trabalho em fazer com que seus espectadores online se sintam em casa.

Com fio

O site da Wired demonstra uma capacidade quase incrível de pegar uma enorme seleção de temas extremamente variados (mesmo que a maioria pareça ser voltada para geeks) e organizá-los de uma maneira que realmente proporcione uma visualização confortável e excelente legibilidade.

Isso é conseguido por meio do uso habilidoso de larguras de coluna, espaçamento, preenchimento, uso confortável de espaço em branco e uma fonte sem serifa agradável aos olhos. O tamanho da fonte também indica quais artigos são mais interessantes para a maioria dos espectadores. A consistência é a regra e todas as várias partes formam um todo coeso em todo o site.

Newsweek

O site da Newsweek é cuidadosamente estruturado, mas também vem com uma versão responsiva lindamente projetada, para que você possa folhear seus artigos enquanto estiver em trânsito.

Esta é uma notícia particularmente boa para usuários móveis, já que esta revista é conhecida por seus muitos artigos e imagens excelentes. Ele faz um ótimo trabalho de colocar tudo junto.

Bloomberg

Bloomberg.com tornou-se um destino digital para muitos por causa de sua capacidade de fornecer uma experiência de notícias que oferece notícias atualizadas e o faz em um formato moderno e fácil de usar.

Os visitantes gostam especialmente da maneira como esta revista on-line, criada para o consumidor global da web de hoje, unifica habilmente seus ativos de mídia mais poderosos.

GQ

Quem é leitor assíduo da GQ e se acostumou com a forma estilosa com que o conteúdo da versão offline é apresentado, encontrará na versão online o mesmo visual familiar.

Não surpreendentemente, a primeira coisa que você vê é um banner de imagens de moda que se estende por toda a largura da página. Role para baixo e a lista de artigos está bem disposta em uma grade elegante.

Geografia nacional

A versão online da National Geographic não decepciona. O site possui um design simplista e apresenta imagens grandes junto com uma seleção de fontes de fácil leitura.

Estrada e Pista

A revista Road and Track é popular entre os entusiastas de carros por seus artigos perspicazes e imagens fantásticas. Os editores desta revista obviamente vieram prontos para jogar quando foi tomada a decisão de criar a versão online.

Os ótimos artigos e fotografias impressionantes ainda estão lá, juntamente com uma barra de navegação estática altamente conveniente.

feira de vaidade

A Vanity Fair redesenhou seu site há um ano e os resultados foram mais do que satisfatórios. A nova versão online faz um excelente trabalho ao combinar longos artigos, pelos quais a revista é conhecida, com notícias rápidas, apresentações de slides, vídeos e muito mais.

Os editores do site também observaram o fato de que muitos visitantes estavam navegando em dispositivos móveis. Eles se esforçaram muito para fazer o conteúdo parecer fantástico em todas as plataformas – e tiveram um enorme sucesso.

Los Angeles Times

O LA Times conseguiu criar um dos maiores sites responsivos já construídos . Os leitores podem obter a mesma experiência de classe mundial ao ler um dos maiores jornais do mundo em qualquer dispositivo ou tamanho de tela.

Para isso, os web designers dispensaram a tradicional grade de páginas. Em vez disso, o jornalismo de destaque dos jornais é destacado, a confusão foi eliminada e um foco maior é colocado nas vozes e multimídia únicas do jornal.

A Próxima Web

The Next Web (TNW) é apresentado em um formato de site sólido de uma página com um design arrojado. Ele faz um excelente trabalho ao equilibrar as necessidades de negócios com um forte UX.

O conteúdo está na frente e no centro, há muito, mas não há sinal de desordem.

Empreendedor

Entrepreneur, o guia definitivo para enfrentar os desafios da gestão empresarial, está nas bancas há 30 anos, mas a edição online é definitivamente moderna em seu layout.

A página inicial pode não ser particularmente inovadora, mas o layout é direto e fácil de seguir. Publicada mensalmente, esta revista está disponível tanto na versão impressa quanto em um aplicativo móvel.

idade do anúncio

Desde o início como um jornal de Chicago em 1930, até se tornar uma publicação global, o Ad Age está agora disponível em edições impressas e on-line - junto com boletins informativos diários e semanais por e-mail.

Com exceção do artigo destacado, os tópicos recebem espaço igual até que você role uma ou duas páginas para baixo, após o que muitos deles são listados como itens de linha. O layout do Ad Age é fácil de emular .

Um desses exemplos ou uma combinação de um ou dois pode funcionar bem para você. Apenas lembre-se da importância da consistência no design.