4 alternativas frescas para o menu Hamburger
Alguns dizem que o web design se tornou chato. Tendências atuais e técnicas avançadas estabelecem as regras para os criativos, representando um truque baixo na comunidade. Todo mundo quer estar no mainstream e lançar produtos que se tornam virais; Isso significa que um milhão de interfaces provavelmente terão os mesmos recursos.
Claro, o conteúdo pode salvar o dia. Ainda assim, a verdade é que muitas dessas interfaces terão a mesma aparência.
Há vários anos, o ícone do menu de hambúrgueres exibe o programa. É difícil chamar isso de “mania” nos dias de hoje; é descaradamente overused, e sente como um must-have para interfaces responsivas. Sem dúvida tem benefícios: é prático, compacto e intuitivo… mas ainda assim, é chato.
Quer dizer, são apenas três linhas que se situam no canto superior direito ou esquerdo, e isso é tudo - um glifo primitivo que chama a ação. Existem várias opções na natureza hoje em dia. Eles servem ao papel principal da navegação e, ao mesmo tempo, parecem diferentes, esforçando-se para não se sentir aborrecidos. Alguns deles são um sopro de ar fresco, enquanto outros são apenas soluções antigas bem esquecidas que foram renovadas.
1. Navegação com letras verticais
Letras verticais são uma tendência nova nos dias de hoje. Parece cada vez mais fresco e, naturalmente, destaca-se do habitual conteúdo orientado horizontalmente. Além disso, ocupa menos espaço: apenas uma linha estreita. No entanto, é visualmente pesado, uma vez que é esticado quase até a altura da tela. Compacto, informativo e zingy - uma solução ideal para projetos contemporâneos.
Sessões VR nos traz como implementar este tipo de navegação com sucesso. A equipe transformou sua navegação em 90 graus e a colocou em um painel dedicado junto com o logotipo. Bom e engenhoso.
No começo, o Interiores do rio Snake o site apresenta uma barra de navegação banal no cabeçalho; no entanto, quando você começa a rolar para baixo, ele se transforma suavemente no menu com uma tipografia vertical que fica no lado esquerdo e segue os visitantes. Certamente faz o truque aqui.
2. Menu espalhado pelo perímetro da tela
Não é uma solução amplamente utilizada e, geralmente, requer um ambiente adequado, como um layout centrado com calhas perceptíveis ao redor da estrutura; No entanto, é uma boa maneira de dar um pouco de entusiasmo à sua navegação. Previsivelmente, você pode pensar que esse conceito é ideal apenas para sites pequenos que não tenham mais de quatro diretórios internos, pois há apenas quatro cantos. Bem, isso não é exatamente correto. Dê uma olhada na primeira página do Orgulhoso e Soco .
Cada canto é reservado para sua informação: logotipo, social, ícone do menu e acesso rápido à seção 'sobre'. A equipe identificou habilmente suas prioridades e manteve tudo limpo e simples; enquanto a equipe por trás do Kygo Life não se limitou, usando o espaço livre da forma mais eficaz possível. A página inicial apresenta muitas coisas que estão localizadas na borda da página: CTAs, indicadores de navegação, mídias sociais, logotipo e algumas outras coisas, resultando em um design bacana.
3. Menu deslizante ultra estreito
Sidebars fazem um retorno. Não é dramático, mas ainda é bastante perceptível. Eles são mais finos, mais compactos e mais elegantes do que antes. Na verdade, é apenas uma coluna ultra-estreita que abriga vários elementos: logotipo, ícone do menu e, dependendo das preferências do artista, podem ser ícones sociais, link para o portfólio ou paginação padrão baseada em ícones do controle deslizante do herói. Normalmente, ele está localizado no lado esquerdo e perfeitamente integrado. Quanto ao comportamento, na maioria dos casos, apenas desliza revelando todos os elementos ocultos, como em aplicativos móveis.
O portfólio pessoal de Maison Ullens apresenta um desses. A página inicial é dividida em duas partes desiguais. O primeiro é uma barra lateral com o logotipo e link para o menu e o segundo é a área de conteúdo principal. A solução direciona naturalmente a atenção para a área de 'boas-vindas' e, ao mesmo tempo, estabelece discretamente um ponto focal.
4. Subindo menu vertical
Você pode dizer: "Isso é história antiga". Muito parecido com um menu horizontal, a navegação vertical parece banal e trivial. No entanto, na era do botão de menu de hambúrguer, também parece uma mania. Pode ser usado tanto contra a cor sólida quanto com fundos transparentes. Pode ser colocado em qualquer lugar; mas, como regra, está emparelhado com o logotipo.
Por exemplo, Linmark ; a equipe utiliza uma navegação vertical tradicional que é cuidadosamente organizada no lado direito da tela. Começa com o logotipo baseado em tipo e termina com o conjunto de links de mídia social apresentados como ícones. O lado direito de cada slide é intencionalmente embranquecido para que o componente obtenha o contraste necessário para atingir a legibilidade ideal. A solução parece incomum.
Tvihorf Congratula-se com visitantes on-line com o menu ativado que é apresentado como uma navegação vertical convencional, onde as opções são cuidadosamente organizadas linha por linha. Ela ocupa a posição de liderança, mas não dominante. Como você pode esperar, localizado no coração da página, previsivelmente chama a atenção desde os primeiros segundos. Ele parece limpo, nítido e sutil, indo perfeitamente bem com o logotipo e a atmosfera comercial predominante.
Conclusão
Como diz o ditado, pequenos detalhes fazem uma grande diferença; e um elemento tão comum do design do site quanto o menu é capaz de enriquecer a estética geral, adicionando algumas reviravoltas à estrutura e aprimorando a experiência do usuário quando ele se destaca da multidão. Esses quatro tipos de navegação podem não impressionar seus visitantes com seu incrível comportamento dinâmico, nem sua intrincada realização.
Eles vão se sentir únicos, refrescantes e originais.