3 tendências essenciais de design, setembro de 2023

As tendências em design de sites no momento estão oferecendo uma visão do futuro com elementos que fazem parte da estética completa do site, e não pequenas mudanças como vimos recentemente. De paletas de cores monocromáticas a layouts em estilo de revista e uma mudança na forma como a navegação é projetada, há muito para digerir este mês.

Aqui está o que é tendência em design este mês:

1. Esquemas de cores monocromáticas

Padrões de design de uma cor podem ser bonitos e um tanto encantadores. Com matizes e tons da mesma cor base, há uma certa elegância que acompanha um esquema de cores monocromático.

Os designers que trabalharam com cores dessa forma sabem que, embora o resultado final possa parecer simples, o plano para criá-lo pode ser tudo menos isso! Principalmente no design de sites, quando você precisa pensar em contraste e acessibilidade, um design monocromático exige muito planejamento.

Você pode fazer isso de algumas maneiras diferentes – com cores ou padrões de fundo e primeiro plano. Com imagens. Com cor de texto. Existem muitas possibilidades.

O truque para fazer isso funcionar é usar a monocromacia de uma forma que dê a sensação certa, mas mantenha a legibilidade. Freqüentemente, isso significa que você usará elementos de texto claros ou escuros com seu tema de cor única.

Belka Games usa um tema coral com uma versão de fundo muito clara da cor com uma versão ousada e brilhante para elementos de texto (com detalhes em preto). É fácil de ler e divertido, graças à escolha de cores e seleção de fontes.

Deadly Secrets of Color Green usa um fundo estampado verde com múltiplas camadas e uma animação que usa mais alguns tons. O texto é colorido com a mesma aparência monocromática na área principal (embora mude para branco na maior parte do restante do design). É um design divertido e a cor continua.

TwinBru usa um inesperado esquema de cores monocromáticas bege-lilás com animações bacanas em cores semelhantes. O site, que trata de tecidos performáticos, foi pensado de forma que quase dá para sentir o que estão falando, graças à cor e à animação.

2. Layouts estilo revista

Há algo que parece retrô e moderno com layouts de sites em estilo de revista. Como uma transferência da impressão para a web, esses designs geralmente apresentam imagens grandes, muito espaço e títulos grandes.

Embora você possa encontrar alguma animação, o design geralmente é bastante plano – daí a sensação retrô – e quase todos os elementos do design estão em seus próprios contêineres, sem muitas camadas ou sobreposições.

A grande vantagem de um layout estilo revista é que o design é fácil de ler e seguir. Embora possam parecer super simples de criar, é preciso muito planejamento para obter a harmonia certa para todas as peças.

Anotherkind enfatiza o toque retrô com a tipografia usada no título do site principal e no título da página. A serifa com cor laranja é ousada e conduz o olhar pela tela. Muito espaço antes do bloco de cópia principal também é uma homenagem à impressão.

Synchrodogs usa uma estética semelhante com ainda mais sensação de impressão. Você notou a navegação inserida em caixas coloridas na parte superior? (É um detalhe tão pequeno que você pode ter perdido em comparação com o tamanho do título principal.

Brooklyn Editions segue uma direção totalmente diferente visualmente, mas ainda tem um design bem estilo revista. Isso é ampliado na rolagem, pois você quase pode sentir as páginas girando entre os elementos do conteúdo. A capa austera também contrasta com elementos mais coloridos ​“por dentro”, mas a sensação geral não está perdida.

3. Elementos de navegação em uma caixa

Fazer com que os elementos de navegação se destaquem e sejam fáceis de encontrar quase sempre faz parte da responsabilidade de um web designer. (É quase tão comum quanto ​“aumente o logotipo!”)

Uma forma de garantir que a navegação sempre tenha um espaço livre e não se perca na mistura de outros elementos é encaixá-la. A conteinerização de itens de menu garante que eles sempre apareçam conforme o esperado e não há preocupação em sacrificar a legibilidade se houver muitas coisas acontecendo em segundo plano.

A navegação em caixa pode ser fixa ou fixa e até ter um contêiner retrátil, se necessário. Esta é uma solução que vem ganhando popularidade rapidamente devido à facilidade de leitura e interatividade para os usuários.

A aparência da navegação em caixa pode variar, no entanto. É aí que entra a sua criatividade. Aqui estão três maneiras diferentes de pensar sobre isso:

Brand New School adota uma abordagem bastante tradicional com navegação em caixa na parte superior da tela. O menu de largura total está em uma caixa branca e inclui logotipo, itens de navegação e link de compras. O ovo de Páscoa está no modo claro/escuro, que então troca todo o esquema de cores do design, incluindo a navegação.

Gotham Nova York adota uma abordagem um pouco diferente com duas camadas de navegação em caixa – uma com itens de menu e um segundo elemento menor para endereço e horário de funcionamento. As caixas têm bordas curvas e uma cor opaca para uma legibilidade ideal, para que as caixas não pareçam intrusivas.

DPTO aposta tudo no conceito de caixas e acredita nele o suficiente para ancorar a navegação na parte inferior da tela em um contêiner amarelo brilhante. Com o esquema de cores do design, há poucas maneiras de perder a navegação, mas qualquer posicionamento não tradicional pode ser arriscado. A caixa definitivamente ajuda a juntar tudo aqui.

Conclusão

Embora muitas das tendências de design deste mês não sejam tão radicais, elas envolvem pensar em todo o design do site a ser implantado. Essas não são coisas que você pode simplesmente espalhar em um design existente com facilidade.

Porém, são ótimas ideias quando você inicia novos projetos. Divirta-se!