Este mês, o foco está nos elementos de design. Muitas tendências recentes envolveram padrões de usuário, cor ou tipografia, mas aqui tudo é sobre técnicas sutis. As tendências essenciais a serem observadas incluem a navegação downpage, caixas como elemento de design e muitas linhas verticais e movimento.

Veja o que é tendência no design este mês:

1. Navegação de Downpage

Designers parecem estar em fase bastante experimental quando se trata de navegação nos dias de hoje. Das opções de navegação lateral verticais a estilos pop-out e estilos de downpage, os itens de menu estão em todo o lugar.

Enquanto navegação de downpage costumava ser um não-não distinto, pode crescer em você. E como mais designers optam por esse padrão de usuário, ele se tornará mais geralmente aceito. Aqui está uma palavra de cautela: se você optar pela navegação de downpage, fique atento à análise de sites para garantir que seus visitantes entendam o padrão e continuem clicando. Essa técnica pode não funcionar para todos os públicos.

Então, como você faz isso funcionar?

  • Os melhores estilos de navegação de downpage são aplicados a designs simples. Uma página inicial sem um pergaminho e apenas um punhado de páginas é melhor.
  • Os elementos de navegação de downpage precisam estar no lado grande, para que os usuários não os ignorem.
  • Elementos pegajosos são necessários se a página tiver uma rolagem mais longa.
  • Considere a navegação de downpage na página inicial para uma alternativa nova, mas retorne a um padrão mais tradicional nas páginas internas.
  • Use-o com uma estrutura mínima. A navegação de downpages pode se perder facilmente em um design complexo ou com muitos elementos competindo pela atenção do usuário.
  • Inclua um elemento de design "extra" para levar os usuários até a navegação. Isso pode incluir qualquer coisa, desde uma opção de cor ousada até um visual direcional que ajuda a guiar o olho para a navegação em um local não-tradicional.
Lapónia
Rockwood
hotdot

2. Caixas como Elementos de Design

Essa pode ser uma das tendências mais marcantes e versáteis de 2017 - elementos em caixa para fins puramente estéticos.

As caixas são um ótimo contêiner - como vimos na tendência dos cartões -, mas os designers estão trabalhando com caixas para destacar conteúdo, exibir imagens e chamar a atenção para uma determinada parte da tela. E isso funciona lindamente.

O bom desta tendência é que ela é tão versátil. Você não precisa repensar um design inteiro para usar elementos em caixa. Eles podem servir como visuais puros ou link para outro conteúdo. Uma caixa pode conter quase tudo, desde uma ótima imagem até uma chamada à ação.

Algumas dicas para tirar o máximo proveito de um elemento de design in a box incluem:

  • Use uma caixa para criar profundidade ou foco, como Cedrick Lachot , abaixo. A foto no fundo preto é simples, e o texto branco na parte superior dá ênfase à forma retangular e outras caixas clicáveis ​​na página inicial e em todo o design.
  • Use uma caixa para colocar elementos em camadas. Feudi Di San Gregorio , abaixo, usa uma caixa para chamar a atenção para uma parte muito específica do conteúdo com uma técnica de camadas que faz com que pareça parte da imagem. Olhe atentamente para as mãos em relação à caixa. Esse mesmo conceito é usado para várias imagens no scroller horizontal e adiciona uma camada extra de bela complexidade ao design simples.
  • Use uma caixa para criar fluxo. Beoplay , abaixo, usa caixas empilhadas com imagens para criar um caminho através do design. Cada caixa é animada de várias caixas menores para envolver o usuário e incentivar a rolagem.
  • Use uma caixa para criar um elemento acionável, como uma chamada de ação pop-up, sobre o design.
  • Use caixas para criar um design com cartões no estilo Material Design. Embora essa tendência tenha existido por algum tempo, ainda é uma opção popular, especialmente para projetos baseados em dispositivos móveis.
lachot
feudo
bplay

3. Linhas verticais

Você nem sempre pensa na web como um espaço vertical, mas mais designers estão incorporando elementos muito verticais nos designs.

Desde linhas finas para estabelecer fluxo até fotos com elementos distintos para cima e para baixo, elementos verticais podem ajudar os usuários diretos a projetar, incentivar a rolagem e até mesmo focar a atenção em determinados elementos. Como um bônus adicional, elementos verticais são visualmente interessantes, simples, porque eles não são tão comuns como elementos horizontais, quadrados ou circulares.

Algum desejo de pensar mais verticalmente pode começar em suas mãos. Enquanto a maioria dos sites de desktop vive no espaço padrão 16: 9, o acesso a sites em telefones e tablets é frequentemente ativado na lateral com uma orientação mais vertical. (No caso de muitos telefones celulares, essa orientação é claramente vertical.)

Isso torna os acentos verticais e padrões de usuário mais comuns e mais aceitos para os visitantes do site. Eles não se recusarão ao design ou se perguntarão como interagir com ele. A orientação vertical é bastante mainstream.

Há muitas maneiras de incorporar um sentimento vertical a um design.

  • Experimente um plano de fundo com linhas verticais sutis para criar textura.
  • Crie uma colagem de imagens com formas verticais.
  • Use linhas verticais sobre a imagem principal para estabelecer a profundidade entre camadas de elementos, como fotos ou vídeos e texto.
  • Use a varredura animada verticalmente para separar elementos em um controle deslizante de imagem.
  • Planeje imagens com um foco vertical.
  • Considere um design de tela dividida para que cada lado tenha uma proporção mais orientada verticalmente.
  • Use um padrão de fundo de pequenos objetos em um alinhamento vertical.
  • Empilhe ícones ou elementos em vez de espaçá-los pela tela.
porche
rádio
7h34

Conclusão

Sempre que você considera usar uma tendência em um projeto de design, há um elemento de risco envolvido. Por quanto tempo a tendência será popular? Será que o design parece datado?

Em vez de optar por opções de sites modernos em grande escala, considere um elemento moderno como os acima. Esses elementos podem ser mais fáceis de incorporar ao design (e tão fáceis de remover se você não gostar deles mais tarde). O truque para manter um estilo moderno está nos detalhes; não requer um novo design a cada seis meses.

Quais tendências você está amando (ou odiando) agora? Eu adoraria ver alguns dos sites que você está fascinado. Me mande um link no Twitter ; Eu adoraria ouvir de você.