Tendências Essenciais de Design, maio de 2017
Fazer uma boa primeira impressão é uma parte vital do design do site. A página inicial é frequentemente a primeira experiência que um usuário tem com uma empresa ou organização e um design marcante pode ajudar a criar interesse. As tendências deste mês se concentram em elementos de design de homepage que são um pouco diferentes do que os usuários estão acostumados a ver.
De uma tendência puramente estética em cabeçalhos rasos de heróis e layouts de canto diagonal a uma tendência de interação do usuário em chamadas de ação, há muitas maneiras interessantes de chamar a atenção dos usuários.
Veja o que é tendência no design este mês:
1. Cabeças de Herói Raso
Por um tempo, a tendência das imagens heroicas tem sido imagens e vídeos grandes e em negrito que preenchem a tela, geralmente do topo da página inicial até o local onde a rolagem começa. Mais projetos estão começando a se afastar desta tendência de imagem superdimensionada para imagens de herói mais rasas.
Muito do design ainda é o mesmo. Cabeçalhos de heróis ainda incluem belas imagens ou texto com uma configuração feita para ser observada. Mas as imagens são mais ou menos da metade.
O que é bom sobre esse conceito é ajudar a mover outras informações para cima na tela. A cópia do corpo e os apelos à ação que não estão na imagem do herói aparecem mais acima no design, dando aos usuários algo para fazer ou clicar imediatamente. Ele pode ajudar a evitar a confusão na própria imagem, o que pode ser muito importante se a imagem estiver ocupada ou for difícil de parear com o texto de forma eficaz.
Esse padrão de design também pode adicionar mais espaço em branco ao design geral, fazendo com que ele pareça mais leve e fácil de navegar. Com estilos mais minimalistas ainda populares, esse conceito pode ser um dos fatores que impulsionam essa decisão de design.
A parte mais difícil de usar uma imagem de herói mais superficial é o corte. É uma daquelas coisas que você vai querer pensar no início do processo de design, até quando você fala com o fotógrafo sobre as imagens. Como a forma não é a padrão, talvez seja necessário explicar como você planeja usar a imagem para obter uma foto ou um vídeo com boa aparência com essa proporção.
2. Layouts de Canto Diagonal
Algumas tendências são divertidas demais para serem ignoradas. Layouts de canto diagonal são um desses conceitos.
Esses designs são exemplificados por elementos que estão agrupados em um canto da tela - geralmente no canto inferior direito - e se espalham pelo restante da tela. Os elementos são frequentemente posicionados para parecer que estão entrando no design.
Os layouts de canto diagonal fornecem um padrão diferente de rastreamento ocular para os usuários, criando um ponto focal no canto inferior de um desenho, em vez do canto superior esquerdo ou central, e criam certa profundidade com a ideia de elementos que parecem “explodir” na tela. (Para um chute extra no design, considere animar elementos para aprimorar esse efeito de explosão com o movimento enquanto o usuário rola ou paira sobre elementos específicos.)
Para aproveitar ao máximo esses elementos, muitos designs “ocultam” mais elementos abaixo do pergaminho para adicionar esse elemento extra da realidade, de modo que partes do desenho que você não consegue ver se pareçam táteis e existam no pergaminho.
Embora esse tipo de padrão de design não funcione com todos os tipos de conteúdo, pode ser uma boa ideia para projetos que não possuem muitas outras artes e usam vários elementos da interface do usuário para chamar a atenção. Ele também pode funcionar para projetos de estilo de portfólio ou servir como uma maneira de organizar vários elementos visuais menores em uma única unidade.
3. Isto ou que chama para a ação
Quase todo design de website inclui algum tipo de call to action. Quer se trate de um formulário para preencher, link para clicar ou direção para manter a rolagem de mais conteúdo, o usuário é solicitado a fazer alguma coisa. (E muitas vezes recebem outra coisa como recompensa por esse esforço.)
Mais projetos estão começando a surgir com o espelhamento de chamadas para ações, que permitem que os usuários façam uma escolha na página inicial enquanto decidem o que fazer a seguir. O design pode parecer um número de maneiras, como o direto você iria enganar ou não questionar Palavras machucam para a opção de dois painéis de Stoli para a navegação de opção de clique para o Oi Pointe Drive Em .
Esse estilo de design oferece aos usuários controle sobre o que eles querem fazer e ver, o que pode ser atraente com a combinação certa de conteúdo e opções. Todos os três exemplos abaixo fazem um ótimo trabalho de enquadrar o que o usuário pode fazer e o que vai acontecer. (Há também saídas se o usuário fizer uma escolha errada e precisar voltar).
O desafio aqui é que você precisa do tipo certo de conteúdo para esse padrão de design funcionar. Alguns usuários podem ser sobrecarregados por várias opções e querem apenas um único call to action com uma única opção: concluir a ação ou não. Aqui, os usuários têm duas vezes mais opções a serem consideradas. Para aproveitar ao máximo as escolhas, o conteúdo tem que ser totalmente envolvente.
Conclusão
Ao contrário de algumas das outras tendências que exploramos recentemente, as tendências deste mês são elementos visuais puros que você pode adicionar a um design existente em tempo real. (Embora você possa chegar perto se tiver sorte.)
Esses esquemas de projeto dependem um pouco mais do planejamento de conteúdo e design para corresponder, sabendo que você tem um certo conceito em mente. É preciso planejar previamente e, em alguns casos, até requer um pouco de mágica de HTML ou CSS para juntar tudo.
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ê.