
Briefing completo de identidade visual520
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
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.
Os comentários da comunidade chegam em breve. Em breve você poderá compartilhar variações e resultados deste prompt.