O que esse fluxo de trabalho cria
Transforme um esboço de UI em uma maquete de interface sofisticada. Uma imagem por solicitação.
- Para quem é
- Designer de produto, desenvolvedor
- O que isso faz
- Estilos visuais, componentes e cenas de dispositivos complementares
- Onde usar
- Avaliações de produtos, demonstrações
Uma imagem por solicitação.
O que você precisa
- Wireframes ou capturas de tela de interfaces existentesObrigatório · 1 imagem
- Preservar navegação, estrutura, componentes e pontos de entrada primários
- Tipos de produtos e arquitetura de informação imutávelObrigatório · 1 item
- Limite as alterações ao refinamento visual sem alterar a estrutura do produto
Forneça todas as informações necessárias. Adicione entradas opcionais somente quando forem úteis e marque as entradas condicionais como aplicáveis somente quando elas se aplicarem a esta solicitação.
Como usar este fluxo de trabalho
Abra o formulário de geração
Selecione “Usar este fluxo de trabalho” para ver as entradas necessárias. Você precisará fazer login antes de gerar.
Adicione as entradas necessárias
Preparar: Wireframe ou captura de tela da interface existente + tipo de produto e arquitetura de informações imutáveis → Estilo visual complementar, componentes e cenários de dispositivos → Mapa conceitual de UI única atual. Preencha todos os campos obrigatórios, adicione entradas opcionais somente quando for útil e marque cada entrada condicional como aplicável ou não aplicável.
Revise as configurações de texto e saída
Verifique a precisão de “Tipos de produtos e arquitetura de informações imutáveis” e, em seguida, escolha a proporção, a resolução e a qualidade adequadas a esse caso de uso. O formulário de geração mostra as opções disponíveis.
Gerar e revisar
Selecione “Gerar imagem”, revise o resultado e abra a imagem em tamanho real. Verifique-o em relação aos requisitos detalhados abaixo. Uma imagem por solicitação.
Preciso escrever um aviso?
Não é necessária nenhuma solicitação completa – basta preencher os campos de texto obrigatórios.
Preencha “Tipos de produtos e arquitetura de informações imutáveis” para descrever o que essa solicitação deve conter ou criar. Você não precisa escrever instruções de geração. Use os campos do formulário para fornecer as imagens, cópia exata, dados ou descrição solicitada por este fluxo de trabalho.
Requisitos detalhados de resultados
Wireframe ou captura de tela da interface existente + tipo de produto e arquitetura de informações imutáveis → Estilo visual complementar, componentes e cenários de dispositivos → Mapa conceitual de UI única atual
Finalidade da interface, plataforma, tipo de página, conteúdo e quadro de referência.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Defina a tela de saída a partir do posicionamento da plataforma selecionado ou do modelo de produção, não a partir de uma imagem de referência. Escolha a opção que corresponde a esta solicitação: Tela de trabalho do conceito de UI — 4:3 (recomendado). Use uma proporção diferente somente quando uma veiculação verificada ou um modelo de produção exigir isso. Se a plataforma não exigir uma proporção fixa, use 4:3 como tela de trabalho recomendada para o conceito de UI. Componha o assunto com espaço para respirar apropriado. Crie um produto específico para proporção de aspecto por solicitação; gerar cada veiculação adicional como uma saída separada. Recomponha para a proporção selecionada preservando o assunto completo, todo o texto e todas as áreas seguras necessárias. Nunca estenda o assunto ou trate o corte de conteúdo importante como adaptação.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Cor, fonte, espaçamento e cantos arredondados.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Mais adequado para modelos comuns de sites/terminais móveis; atualmente, o First Draft não pode usar seu próprio sistema de design e o design gráfico com formato especial está sujeito ao fracasso.
Requisitos oficiais e de plataforma
Nenhum padrão público universal está disponível. Verifique os requisitos da plataforma ou serviço que você utilizará.
Perguntas frequentes
O que posso criar com este fluxo de trabalho?
Transforme um esboço de UI em uma maquete de interface sofisticada. Uma imagem por solicitação.
Preciso escrever um aviso?
Preencha “Tipos de produtos e arquitetura de informações imutáveis” para descrever o que essa solicitação deve conter ou criar. Você não precisa escrever instruções de geração. Use os campos do formulário para fornecer as imagens, cópia exata, dados ou descrição solicitada por este fluxo de trabalho.
O que preciso carregar?
“Wireframes ou screenshots de interfaces existentes”: 1 imagem; obrigatório. JPG, PNG e WebP são suportados, até 10 MB por imagem.
O que uma geração produz?
Uma imagem por solicitação.
Termos de pesquisa comuns
Evidências e fontes públicas
Foi encontrada 1 fonte pública diretamente relevante e foram extraídos 3 tipos de restrições específicas. O conteúdo a seguir apenas reafirma informações que aparecem claramente na fonte; não será efetuado preenchimento de campos em branco.
