Glossário de Product Design
O que é design responsivo?
Também chamado de Responsive design, Layout responsivo
Design responsivo é a abordagem em que a interface se adapta a diferentes tamanhos de tela, do celular ao monitor grande, reorganizando o layout sem perder conteúdo ou função.
Em detalhe
O termo foi cunhado por Ethan Marcotte em 2010, com três ingredientes: grids fluidos, imagens flexíveis e media queries. Hoje inclui também tamanhos de toque, navegação adaptada e conteúdo priorizado para telas pequenas.
Desenhar pensando primeiro no celular (mobile first) força a priorização: se não cabe na tela pequena, talvez não seja essencial.
Na prática
- Defina os pontos de quebra pelo conteúdo, não por aparelhos específicos.
- Garanta alvos de toque de pelo menos 44 px no celular.
- Teste em aparelhos reais, não só no redimensionamento do navegador.