Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Design Visual8 minutos de leitura·Updated Outubro de 2026·Pela equipe ExodeUI

O retorno tátil: profundidade, vidro e feedback físico na interface moderna

Por que a profundidade, a translucidez e o movimento físico estão de volta ao design da interface do usuário após o design plano, o que o Liquid Glass e o Material 3 Expressive da Apple mudaram e como mantê-los utilizáveis.

Resumo direto e definição

Ponto principal

Depois de uma década de design plano, a profundidade e o feedback físico estão de volta. Em 2025, a Apple lançou o Liquid Glass, um material translúcido para controles e navegação, e o Google lançou o Material 3 Expressive, apoiado por pesquisas sobre design mais emocional. Bem utilizada, a profundidade mostra o que é interativo e o movimento confirma as ações; usada de maneira descuidada, a translucidez diminui o contraste e prejudica a legibilidade.

O que mudou em 2025

Em 9 de junho de 2025, a Apple anunciou sua mais ampla atualização de design de software, construída em torno de um novo material chamado Liquid Glass. É translúcido, reflete e refrata o que está por trás dele e se estende por iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 e tvOS 26. O Google, por sua vez, descreveu o Material 3 Expressive como sua atualização de sistema de design mais pesquisada, com base em 46 estudos com mais de 18.000 participantes. O Google relata que os participantes identificaram os principais elementos da interface do usuário até quatro vezes mais rápido nos designs expressivos, e essa preferência foi mais forte, até 87%, entre jovens de 18 a 24 anos.

Profundidade com um trabalho a fazer

As diretrizes da Apple são específicas sobre a localização do material: Liquid Glass forma uma camada funcional para controles e navegação que flutua acima do conteúdo e não deve ser usada na própria camada de conteúdo. Esse é o princípio útil por trás de toda a tendência: a profundidade deve explicar a estrutura, separando o que você pode fazer daquilo que você lê.

Quatro princípios da UI tátil: camadas, feedback de pressão, movimento físico e restrição, com um exemplo de botão pressionado
O design tátil funciona quando a profundidade sinaliza o que é interativo e o movimento confirma as ações.

O custo de usabilidade

Nem todo mundo está convencido. Nielsen Norman Group argumentou que Liquid Glass em iOS 26 obscurece o conteúdo e que qualquer coisa colocada em cima de outra coisa se torna mais difícil de ver, especialmente texto em fundos ocupados. A lição prática é que a translucidez precisa de proteções: teste o contraste em conteúdo real, aumente o desfoque ou a opacidade por trás do texto e apoie as configurações do sistema para reduzir a transparência e aumentar o contraste.

O feedback físico é a parte durável

As tendências visuais vêm e vão, mas o feedback físico dura porque ajuda as pessoas. Um botão que se comprime levemente quando pressionado, uma folha que segue o dedo e se acomoda com uma mola ou um botão que se encaixa no lugar confirmam que uma ação foi registrada. A física da primavera é a ferramenta natural para isso, porque responde às interrupções e à velocidade dos gestos da mesma forma que os objetos reais.

Como adotá-lo com cuidado

Comece com feedback, não com decoração:

  • Adicione feedback sobre pressionar, arrastar e soltar aos controles que as pessoas mais usam.
  • Use camadas e sombras para separar os controles do conteúdo.
  • Verifique o contraste do texto em qualquer superfície translúcida.
  • Respeite o movimento reduzido, a transparência reduzida e as configurações de contraste aumentadas.
  • Mantenha os efeitos consistentes por meio de tokens de movimento e elevação.

Princípios-chave para lembrar

  • A Apple lançou o Liquid Glass em junho de 2025; Google apresentou o Material 3 Expressivo
  • A profundidade funciona quando separa os controles do conteúdo
  • A translucidez pode prejudicar o contraste e a legibilidade; teste com conteúdo real
  • O feedback físico (pressionar, arrastar, assentamento de mola) é a parte durável da tendência
  • Respeite o movimento reduzido, a transparência reduzida e o contraste aumentado

Perguntas frequentes

Fontes

  1. Apple introduces a delightful and elegant new software design — Redação da Apple (9 de junho de 2025)
  2. Materials — Diretrizes de interface humana da Apple
  3. Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
  4. Expressive Design: Google's UX Research — Projeto do Google

Guias e exemplos relacionados

Sinta a diferença que uma mola faz

Arraste, toque levemente e pressione no navegador e ajuste a rigidez e o amortecimento até que o feedback pareça correto.

Abra o playground
Experimente grátis