De rascunho para interface
Transforme a foto de um quadro branco ou um wireframe em papel em uma interface digital acabada.
Última atualização:
Fotografe seu rascunho, envie e receba uma tela de verdade.
Passos
- Fotografe o rascunho de frente, com luz uniforme e o desenho todo no enquadramento.
- Envie no campo de prompt.
- Acrescente o contexto que o desenho não consegue carregar: o que é o produto, o que as caixas significam, a direção visual.
Um rascunho da nossa tela de onboarding. A caixa grande no canto superior esquerdo é um vídeo, as três caixas empilhadas são passos de configuração com marcas de conclusão. Visual de SaaS moderno, destaque roxo.
Para os rascunhos serem bem lidos
- Rotule suas caixas. “hero”, “nav”, “gráfico” — rótulos escritos são lidos e usados.
- Desenhe a hierarquia. Caixas maiores viram elementos maiores.
- Evite sombreado pesado. Desenhos de linha são lidos com mais confiabilidade do que sombreados.
- Uma tela por foto, a menos que você esteja entregando um fluxo de propósito.
De rascunho para wireframe
Se quiser ficar na baixa fidelidade — limpar o rascunho sem se comprometer com um estilo visual — peça um wireframe. Veja Modo wireframe.
Este artigo foi útil?
Artigos relacionados
De captura para interface
Envie uma captura de tela e receba uma versão editável e reestilizável daquela interface.
Modo wireframe
Gere wireframes de baixa fidelidade para fechar a estrutura antes do design visual.
De texto para interface
Transforme uma descrição escrita em uma tela editável e de alta fidelidade.