Blog

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

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.

Continue lendo

  4 min de leitura

Seu catálogo de imóveis da Meta agora aparece no app da sua imobiliária

Em resumo. Catálogo da Meta, mapa e Catálogo da Meta, anúncios são duas extensões da GoodBarber, o criador de apps sem código, que leem o catálogo “Home listings” de uma imobiliária, o feed XML que ela fornece à Meta para seus anúncios de imóveis. Catálogo da Meta, mapa preenche uma seção de mapa: cada imóvel com localização conhecida vira um marcador com sua própria página, ordenado por distância quando o app sabe onde o usuário está. Catálogo da Meta, anúncios preenche uma seção de artigos com os mesmos imóveis, do mais recente ao mais antigo. Você as conecta com o link do feed do seu catálogo. As duas são gratuitas para os apps Content.As imobiliárias montam esse catálogo para alcançar compradores e inquilinos onde eles passam o tempo. Os apps da Meta foram usados por 3,6 bilhões de pessoas por dia, em média, em junho de 2026, 3% a mais em um ano, segundo os resultados do segundo trimestre de 2026 da Meta publicados em 29 de julho de 2026. Veja como as duas extensões funcionam para uma imobiliária de Hamburgo.

  5 min de leitura

Mapas com as suas cores

Talvez você se pergunte o que um mapa com as suas cores muda de verdade. Aqui estão três exemplos, da coerência do seu design à história que você quer que o seu app conte.