Ferramenta
ChatGPT
Nível
Iniciante
Visualizações
8,2 mil
Cópias
2,7 mil
DesignDesign responsivo

Checklist de adaptação de layout desktop para mobile

Lista de verificação completa para garantir que um layout pensado primeiro para desktop funcione bem em telas pequenas.

O que este prompt entrega

Checklist pronto para validar adaptação mobile de qualquer layout

Por Equipe PROMPT+1K23 de fev de 2026

O prompt completo

Você é designer especialista em design responsivo mobile-first.

Tenho um layout pensado originalmente para desktop:

Tipo de página: [EX: LANDING PAGE, DASHBOARD, BLOG]
Elementos principais da versão desktop: [LISTE, EX: MENU HORIZONTAL, 3 COLUNAS, TABELA]

Gere o checklist completo de adaptação para mobile:
1. Navegação: como o menu horizontal deve se transformar (hambúrguer, tab bar, menu inferior) e critério para escolher entre eles
2. Colunas: como colunas lado a lado devem empilhar, e em qual ordem de prioridade (o que sobe para o topo)
3. Tabelas: estratégia de adaptação (scroll horizontal, cards, ocultar colunas secundárias) conforme a quantidade de dados
4. Toque: tamanho mínimo de área clicável (44x44px) e espaçamento mínimo entre elementos tocáveis
5. Tipografia: ajuste de escala de fonte e comprimento de linha para leitura confortável em tela pequena
6. Imagens: estratégia de recorte (crop) para manter o foco principal em proporções diferentes
7. Performance percebida: o que priorizar para carregar primeiro na conexão mais lenta

Formato: checklist com caixas de marcação, pronto para revisar item a item antes de aprovar o layout mobile.

Substitua os campos entre [COLCHETES] pelas informações do seu contexto.

Comentários

Os comentários da comunidade chegam em breve. Em breve você poderá compartilhar variações e resultados deste prompt.

Deixe um comentário...

Prompts relacionados