Clean TabBar: uma navegação text-only, subtil e elegante

Entre os três layouts de lançamento da nova geração de TabBar, Clean TabBar é o que exprime mais claramente uma busca de sobriedade e de precisão.

Aqui, a navegação não se apoia nem em ícones muito demonstrativos, nem num fundo marcado para sinalizar o estado ativo. Assenta numa escrita mais discreta, mais textual, mais elegante. É um layout que dá à tabBar um lugar muito legível na interface, conservando ao mesmo tempo uma presença comedida.

Clean TabBar funciona particularmente bem nas apps que querem deixar mais espaço ao conteúdo, ao ritmo da página e à qualidade global da composição.

O princípio de Clean TabBar é simples: a navegação exprime-se em primeiro lugar através do texto.

Os rótulos tornam-se os principais pontos de referência. Esta abordagem dá imediatamente à tabBar uma tonalidade mais editorial, mais ponderada, quase mais calma. A navegação parece menos carregada, mais direta, e muitas vezes mais natural nas interfaces em que o conteúdo, a paginação e a tipografia ocupam já um lugar importante.

Esta escolha também altera o ritmo visual do ecrã. A barra de navegação torna-se mais leve na sua construção, sem perder legibilidade. Acompanha a interface com discrição, mas mantém-se perfeitamente identificável.

Em Clean TabBar, o estado ativo não é marcado por um fundo aplicado ao texto ou ao ícone. Exprime-se de forma mais subtil, graças a um indicador de seleção.

O componente permite aqui jogar com vários estilos de indicadores:

• Dot
• Tiny
• Line

Esta variedade é particularmente interessante, porque permite ajustar de forma muito fina o nível de acento dado ao item ativo. Consoante o universo gráfico da app, a seleção pode manter-se muito discreta ou, pelo contrário, ser um pouco mais afirmada, conservando sempre a elegância própria do layout.

É um dos pontos fortes de Clean TabBar: mostra que é possível ter uma navegação muito legível sem recorrer a efeitos visuais demasiado marcados.

Tal como os outros layouts desta nova geração de TabBar, Clean TabBar beneficia de animações de seleção que se adaptam ao estilo escolhido.

Aqui, estas animações ganham todo o seu sentido, justamente porque a navegação assenta em sinais mais subtis. O movimento acompanha assim a seleção com precisão, sem exagerar o efeito. Reforça a legibilidade da mudança de estado e prolonga a sensação de finura trazida pelo layout.

Esta coerência entre desenho, indicador de seleção e animação contribui muito para a qualidade percecionada do componente.

Os efeitos hápticos participam também nesta qualidade de execução, trazendo uma resposta tátil discreta e coerente com a elegância do layout.

O menu "More" de Clean TabBar, para o acesso aos separadores ocultos, prolonga essa mesma busca de sobriedade.

Também ele privilegia uma apresentação simples, muito legível, com uma hierarquia visual clara e um desenho depurado. Mantém-se na continuidade do layout, sem introduzir qualquer rutura de estilo com a barra principal.

Em mobile como em desktop, esta continuidade funciona particularmente bem. O menu "More" conserva a mesma contenção, a mesma clareza e a mesma qualidade de apresentação que a própria navegação. Permite abrir a arborescência sem sobrecarregar a experiência, o que corresponde perfeitamente ao espírito do layout.

Clean TabBar mostra que uma navegação pode ser ao mesmo tempo muito simples na sua aparência e muito trabalhada na sua conceção.

Com a sua abordagem text-only, os seus indicadores de seleção, a sua ausência de fundo no estado ativo e o seu menu "More" em continuidade com o layout, propõe uma leitura particularmente elegante da navegação mobile.

Para as apps que procuram uma navegação mais editorial, mais sóbria e mais refinada, Clean TabBar constitui uma base particularmente sólida.