Design e Acessibilidade
O que é Wireframe?
Wireframe é o esqueleto de baixa fidelidade de uma tela: estrutura, hierarquia e fluxo, sem cor, fonte ou imagem final.
O wireframe foca em LAYOUT e LÓGICA, não em estética. Permite alinhar arquitetura de informação rápido, sem o time se prender em cor de botão ou tipografia.
Wireframes podem ser à mão, em Whimsical, Figma low-fi ou geradores de IA. O valor está no que ele FORÇA a discutir (onde mora o quê, como flui) antes do design polido.
Use na prática
Criar site com IA
Termos relacionados
Perguntas frequentes
Wireframe é o mesmo que mockup?
Não. Wireframe é estrutura (baixa fidelidade); mockup é estático em alta fidelidade; protótipo é interativo.
Pulei o wireframe e fui direto pro alta-fidelidade. Erro?
Pra fluxos simples, OK. Pra produtos novos ou jornadas complexas, pular wireframe encarece retrabalho de estrutura depois.