Voltar

Minimal TabBar: uma navegação compacta, icon-only e resolutamente moderna

na 

Minimal TabBar dirige-se às apps que procuram uma navegação mais compacta, mais moderna e recentrada no essencial. Com a sua abordagem icon-only, o seu look flutuante, os seus indicadores de seleção e o seu menu "More" na continuidade da tabBar, este layout propõe uma leitura simples, atual e muito cuidada da navegação.

Entre os três layouts de lançamento da nova geração de TabBar, Minimal TabBar é o que leva mais longe a ideia de simplificação visual.

Aqui, a navegação vai ao essencial. A tabBar adota uma abordagem icon-only, sem texto, com uma composição mais compacta e um acabamento flutuante muito contemporâneo. O conjunto ocupa pouco espaço, lê-se imediatamente e dá à interface uma presença mais leve, mais nítida e mais moderna.

Uma navegação icon-only, compacta e flutuante

Minimal TabBar assenta numa ideia simples: reduzir a navegação aos seus elementos mais essenciais.

Os rótulos desaparecem, os ícones bastam para estruturar a leitura e a tabBar adota uma forma mais ajustada. Esta escolha dá à navegação um acabamento mais compacto, mas também mais gráfico. A TabBar torna-se um elemento direto, fácil de identificar e bem integrado no ecrã, sem sobrecarregar a interface.

A sua outra característica forte é o seu floating look. A tabBar não se inscreve como um bloco massivo colado à borda do ecrã. Parece colocada na interface com mais leveza, o que reforça imediatamente a modernidade do acabamento.

Um estado selecionado mais subtil, com vários tipos de indicadores

Minimal TabBar não se limita a propor um fundo no item selecionado. O componente permite também jogar com o indicador de seleção.

Consoante os parâmetros escolhidos, é possível utilizar:

  • um fundo para o item ativo,
  • um indicador do tipo Dot,
  • ou um indicador do tipo Tiny.

É um ponto particularmente interessante, porque permite ajustar de forma muito fina a maneira como o estado ativo se exprime na navegação. Consoante o nível de presença pretendido, a seleção pode ser mais marcada ou, pelo contrário, mais discreta, mantendo-se sempre legível.

Esta flexibilidade corresponde perfeitamente ao espírito do layout: uma navegação compacta, mas nunca pobre no seu nível de acabamento.

Animações que se adaptam ao estilo escolhido

Um dos contributos mais interessantes do novo componente TabBar é que as animações de seleção se adaptam aos parâmetros aplicados.

A animação acompanha assim a lógica visual escolhida para a tabBar e para o estado ativo. Se o item selecionado utiliza um fundo, o movimento segue essa escolha. Se a seleção assenta num indicador mais discreto como Dot ou Tiny, a transição ajusta-se em conformidade.

É uma verdadeira mais-valia, porque permite manter uma coerência entre o desenho do layout e o seu comportamento. Em Minimal TabBar, esta lógica reforça a sensação de finura e precisão. As transições mantêm-se fluidas, mas sempre ao serviço do estilo escolhido.

A isto somam-se os efeitos hápticos, que reforçam a sensação de precisão e acompanham a navegação com ainda mais finura.

Um menu "More" fiel à lógica compacta do layout

O menu "More" de Minimal TabBar, que dá acesso aos separadores ocultos, também segue o espírito do layout.

Conserva um design simples, compacto e bem proporcionado, em continuidade direta com a tabBar. A sua altura ajusta-se ao seu conteúdo, em coerência com a abordagem ajustada e essencial defendida por este layout.

Em mobile como em desktop, esta continuidade visual contribui para uma navegação simples, dominada e muito bem integrada na interface.

Uma navegação compacta, mas muito trabalhada

Minimal TabBar mostra que uma navegação muito ajustada também pode ser rica em possibilidades.

Com a sua abordagem icon-only, o seu floating look, os seus diferentes indicadores de seleção, as suas animações adaptadas e o seu menu "More" compacto, este layout propõe uma leitura particularmente moderna da navegação mobile.

Para as apps que procuram uma navegação mais compacta, mais gráfica e mais contemporânea, Minimal TabBar constitui uma base particularmente eficaz.