Hoje vamos falar sobre estilos no design de sites, e o destaque que damos é no estilo do jornal. Neste post, você conhecerá as características mais marcantes deste design e obterá algumas dicas úteis a seguir para obter melhores resultados em seu projeto.

Estilo é uma combinação total de como você projeta seu site. O estilo também é uma forma de comunicação entre você e seu público. Cada estilo de web design tem seu conjunto específico de componentes.

Os principais estilos de web design são:

limpar;
sujo;
vintage/retrô;
ilustração;
jornal/revista.

O estilo jornal foi usado principalmente para jornais e revistas online, pois suas versões impressas possuem essa estrutura. Hoje, esse design é apropriado para qualquer site, especialmente se tiver muito conteúdo. Site feito em estilo de jornal é fácil de reconhecer entre muitos outros por um layout rico em conteúdo, estrutura de várias colunas, cores simples e contrastantes.

Layout do site do jornal: características

1 preto no branco

O jornal impresso tradicional é branco ou cinza e o texto é preto. Esta combinação de cores é perfeita para os nossos olhos. O contraste de cores facilita a legibilidade e por isso esse esquema de cores é o mais indicado para sites estilo jornal, que costumam ser recheados de muito conteúdo. Você pode se afastar dessa clássica mistura de cores, mas deve sempre ter em mente que o contraste é obrigatório. Você pode inverter a escolha de cores regular, tornando o fundo preto e a tipografia branca. Mas nunca use amarelo em preto, verde em azul, rosa em azul, etc. Tente ler o site você mesmo, se seus olhos se sentirem bem depois, você pode adotar as cores escolhidas em seu projeto web.

Neutro claro e escuro são cores básicas, mas pode haver mais cores de destaque usadas. Por exemplo, azul é bom para manchetes, vermelho seria perfeito para botões. As guias do menu de navegação podem ser decoradas com um tom mais claro ou mais escuro da cor primária ou coloridas da mesma forma que os detalhes de destaque. Assim, o menu se destacará na tela e trará uma experiência visual perfeita aos usuários.

2 gráficos mínimos

O site com layout de jornal é limpo, informativo, estrutural e possui elementos gráficos desenhados com precisão e de forma minimalista. Os elementos gráficos são:

linhas
formas
cores
tipografia
texturas.

Como já mencionamos, a paleta de cores é sempre simples nesses sites. As texturas raramente são usadas em web designs de jornais, porque uma parede de texto com imagens em uma textura de madeira ou grunge irá distrair seus visitantes e agravar a legibilidade do conteúdo. No entanto, a textura do papel vai direto ao ponto aqui. Pode ser uma textura de fundo, textura de botões ou usado apenas para áreas de Cabeçalho ou Rodapé.

O design regular baseado em grade ou layout de várias colunas reduz o uso de formas e linhas, porque elas são suficientes de qualquer maneira. Haveria muita geometria se você projetasse seu site de forma correta com um conjunto extra de figuras.

3 Design baseado em grade ou layout de várias colunas

O layout do site do jornal é aquele com estrutura perfeitamente organizada. São sites ricos em conteúdo que costumam ter esse tipo de design, e por isso a estrutura vem em primeiro lugar. Grades ou colunas são os tipos mais úteis de arranjo de conteúdo. É verdade que “sistemas de grade bem projetados podem tornar seus designs não apenas mais bonitos e legíveis, mas também mais utilizáveis" (Mark Boulton). O layout baseado em grade permite dividir o conteúdo em blocos abrangentes; assim envolver os usuários para ler o seu site, não desnatar.

Semelhante, mas não igual, é o layout de várias colunas. Estas devem ser algumas colunas de altura certa, mas não necessariamente a mesma largura. Quanto mais largas forem as colunas, mais legível será o texto. Duas colunas podem dar uma ótima aparência, embora três ou mais sejam definitivamente melhores. As colunas, como grade, ajudam a diferenciar o conteúdo, facilitam o usuário a encontrar uma seção de interesse. Ao optar por esse estilo de layout, você não deve esquecer a lacuna da coluna. O site será extremamente difícil de ler se as colunas estiverem muito próximas umas das outras.

4 manchetes e trechos

Quer abrir cada post e ler quando entra em um site ou blog com muitos textos? As manchetes nos ajudam a diferenciar o artigo interessante do secundário. Portanto, cada bloco de conteúdo precisa ter direito. Seja uma pequena seção em uma grade ou uma coluna de altura total, ela deve ter um título. O título deve ser de fonte maior, digitado em negrito ou destacado com uma cor diferente. Este ponto é claro, eu sugiro.

Trechos são descrições curtas dos artigos de texto. Isso sempre é feito para aumentar o interesse dos leitores e dar a eles a compreensão de um texto longo em poucas frases. Este elemento é útil se você tiver um blog, periódico online, site de notícias, etc.

5 Conteúdo Primário e Secundário

Desenhe um limite entre as partes do seu conteúdo. Defina o que é mais importante e quais textos podem esperar para serem lidos. Por exemplo, você pode criar sua página inicial com uma grande seção de cabeçalho para novas postagens (uma ou duas). Esta é uma área de destaque com grandes imagens e gráficos. O outro conteúdo será menor e baseado em frações de grade. Isso faz um forte foco na chegada mais recente e ajuda a ganhar mais compartilhamentos sociais.

6 Navegação intuitiva e consistente

O layout do site do jornal é projetado para conteúdo e esse conteúdo deve ser fácil de navegar. Consequentemente, o menu de navegação é caracterizado por sua simplicidade e posição correta.

A melhor posição é uma área superior da página, porque esta zona é a primeira a ser mencionada e está sempre no mesmo lugar – basta rolar para cima se você estiver na parte inferior. No caso, você ama a navegação vertical e não consegue parar de amá-la – faça seu menu orientado verticalmente, mas faça-o à esquerda. Lemos da esquerda para a direita e não vice-versa, então os elementos à esquerda caem no olho mais cedo do que à direita.

Sites em estilo de jornal compartilham toneladas de textos e precisam ser acessíveis aos usuários.

7 Categorização

O melhor uso de categorias está disponível principalmente no layout do site do jornal. Refere-se a blogs em particular e a quaisquer outros sites também. A maioria dos sites falha, porque tem conteúdo puramente organizado. As categorias são necessárias se você postar com frequência e sobre diversos tópicos (por exemplo, sites de notícias).

Divida seu conteúdo em categorias e exiba-os em uma barra lateral ou na barra de menu de navegação.

8 Espaço para Publicidade

Como você vai ganhar dinheiro antes que seu site se torne popular? Anúncio é quantos proprietários de sites obtêm lucros bastante grandes. Os banners de anúncios devem ser colocados não apenas em algum lugar, mas essa posição deve ser definida exatamente. Os lugares certos são a barra lateral, esquerda e direita, Cabeçalho ou Rodapé. Os banners de promoção costumam ser vistos bem no meio dos artigos de texto, mas esse ponto é polêmico: é bom para você como pessoa que recebe dinheiro por isso, mas esses elementos também podem irritar seus leitores.

9 Barra Lateral Funcional

A barra lateral pode apresentar não apenas anúncios, mas categorias de conteúdo, conteúdo recente, caixa de pesquisa, barra de newsletter por e-mail, navegação, botões de compartilhamento social, descontos/ofertas especiais, etc. O layout do site do jornal é ótimo para implementar a barra lateral, porque seria apenas mais um coluna na linha.

Existem alguns ingredientes para um design de barra lateral bem-sucedido:

tamanho (altura e peso);
cores;
fontes;
colocação.

Uma barra lateral deve ser menor ou igual à coluna regular em seu layout, nem um pouco maior. Deve ser mantido em cores neutras, mas com tipografia visível. A colocação pode ser à esquerda e à direita, mas como já dissemos, tudo à esquerda é visto imediatamente.

10 Maximização do espaço em branco

Na medida em que estamos criando um site multifuncional com um layout impressionante, não podemos deixar de nos lembrar do espaço em branco. Este é um componente essencial até mesmo para um design de estilo de jornal. Que seja um espaço entre as colunas, seções vazias nas laterais ou na parte inferior. Os usuários devem ter a chance de desviar os olhos da parede de texto e pensar sobre.

Geralmente, o espaço em branco é considerado uma seção onde nada é digitado. Existe um significado mais restrito: o espaço em branco está entre as linhas de texto e as letras, ao redor dos elementos do conteúdo. É tudo o que torna o seu site mais legível e simples, mesmo que esteja repleto de um número excessivo de itens de conteúdo.

11 Atualizações Frequentes de Conteúdo

O layout do site do jornal obriga você a trabalhar constantemente em seu projeto. O site com muitas colunas e seções de grade vazias parecerá estranho. Você precisa preencher o site completamente e manter a tendência de atualizar o conteúdo regularmente, tornar suas publicações frequentes e alterar o conteúdo em destaque no cabeçalho (ou onde quer que você o faça).

Conteúdo e frequência é um casal, como rei e rainha. Além da aparência do site em si, o conteúdo frequente afeta seus resultados nos mecanismos de pesquisa. As pessoas visitam seu site raramente, se estiver desatualizado e o Google o vir. Assim, seu conteúdo ganha pontuações piores nos resultados da pesquisa.

12 Compartilhamento social incentivado

Blogs e sites de notícias são os mais comuns para usar o estilo de jornal, e esses sites não podem existir sem a integração de mídia social. É a época do compartilhamento em massa e as redes sociais são onde as pessoas passam grande parte do tempo. Você deve usar botões legais de seguir e compartilhar para cada rede: Twitter, Facebook, Google+, Pinterest, LinkedIn, etc. O único cuidado: não use as contas que você abandonou, use apenas aquelas em que você publica com frequência. Crie estes botões os mais visíveis no site para garantir uma melhor exposição visual nas plataformas de mídia.

Mais uma coisa que gostaríamos de mencionar sobre as peculiaridades do layout do site do jornal é a capacidade de resposta. Esse layout nunca mais será o mesmo em dispositivos móveis, e não há como fazer uma versão mobile mantendo o estilo jornalístico. O site móvel não deve ter um arranjo de conteúdo com várias colunas, e isso é obrigatório para o design da web do jornal. Um site para celular não pode ter barras laterais. E é melhor reconsiderar a navegação, porque é mais útil tornar seu site móvel rolável em vez de clicável.