edittext.ai

Editar texto em print de tela de um app ou site

Editar texto em print de tela é a saída quando um mockup, um artigo de ajuda ou uma revisão de design precisa de palavras diferentes e refazer a tela levaria tempo demais. Designers, gerentes de produto e redatores técnicos podem corrigir um erro de digitação, atualizar um rótulo renomeado ou testar outro texto de botão sem abrir o design de origem.

Envie seu print

Entre com o Google para enviar sua imagem. A primeira edição Padrão é gratuita e inclui marca-d'água.

Exemplos

Antes
Três telas de celular de um conceito de app de acompanhamento de humor sobre fundo lilás; o título da primeira tela pergunta “Not Sure About Your Mood?” acima de um botão “Let Us Help!” e de carinhas coloridas de humor.
Depois
O mesmo mockup de app com o título da primeira tela mudado para “Check In With Your Mood” e o botão para “Get Started”; as outras duas telas não mudam.
O título do onboarding muda de “Not Sure About Your Mood?” para “Check In With Your Mood”, e o botão, de “Let Us Help!” para “Get Started”. As outras duas telas de celular não mudam.
Antes
Página de preços de um SaaS chamado Extrude; a navegação no topo mostra Pricing, Features e “Use cases” com uma seta de menu suspenso.
Depois
A mesma página com o menu “Use cases” renomeado para “Solutions”, mantendo a seta do menu suspenso; o resto da navegação e os cards de preços não mudam.
O item de menu “Use cases” é renomeado para “Solutions” para que o print fique igual à navegação atual. Os cards de preços e o resto do cabeçalho não mudam.
Antes
Painel de configurações de aparência com linhas de idioma, tema da interface, cor de destaque e alternadores; o texto de apoio cinza sob “Interface theme” diz “Customize your application appereance”, com erro de digitação.
Depois
O mesmo painel de configurações com o texto de apoio corrigido para “Customize your application appearance” na mesma letra cinza pequena; todos os outros rótulos, botões e alternadores não mudam.
O erro de digitação “appereance” no texto de apoio é corrigido para “appearance” na própria letra pequena da interface. As prévias de tema, os alternadores e os botões não mudam.

Como funciona

  1. Capture a tela em tamanho grande

    Tire o print na maior escala que combine com o seu documento e envie esse arquivo original. Uma cópia que foi reduzida ou comprimida ao ser compartilhada dá menos detalhes para a IA trabalhar.

  2. Confira os rótulos detectados

    Cada linha de texto da interface aparece como uma entrada Original, de itens de menu a cabeçalhos de coluna. Se um rótulo pequeno foi lido errado, corrija a entrada Original dele. Se um rótulo estiver faltando, adicione-o com “Adicionar texto”.

  3. Escreva o novo rótulo

    Digite o novo texto no campo Substituição e deixe as outras entradas como estão. Um texto com comprimento parecido cabe no botão, na aba ou na coluna sem apertar as bordas.

  4. Escolha um nível de qualidade

    Escolha a qualidade Alta para fontes de interface finas ou muito pequenas, ou a Padrão para títulos de página e rótulos em negrito, e depois selecione “Aplicar alterações”.

  5. Leia cada caractere

    Passe o controle deslizante de comparação sobre cada rótulo alterado e leia-o letra por letra, inclusive números e pontuação, antes de baixar o PNG para o seu artigo de ajuda, a apresentação ou a revisão.

Quando editar um print em vez de capturar de novo

Uma captura nova sempre mostra a interface real, então tire um novo print quando a tela for fácil de acessar. Editar ajuda quando o estado exato é difícil de recriar: uma tela que precisa de dados de demonstração, um fluxo com muitos passos, uma versão antiga que você não executa mais ou um mockup que existe só como imagem.

Em uma revisão de design, você pode mostrar um rótulo de botão ou um título proposto dentro da tela real, em vez de descrevê-lo em um comentário. Faça uma imagem para cada opção de texto, para que os revisores as comparem em contexto, e marque cada uma como proposta, para que ninguém a confunda com a interface que já foi lançada.

Em documentações e tutoriais, um único item de menu renomeado pode deixar confuso um print que, no resto, está correto. Edite o texto do print só para acompanhar a versão atual, com as mesmas maiúsculas e a mesma pontuação da interface real, e capture a tela de novo quando ela mudar em mais do que as palavras.

Fontes pequenas de interface

O texto de interface costuma ser pequeno, fino e desenhado com bordas suaves, então é mais difícil de ler e de reproduzir que um título grande. Quanto mais pixels cada letra tiver, mais detalhes a IA terá para trabalhar; por isso, sempre que puder, capture em uma tela de alta resolução ou com um nível de zoom maior.

Tabelas densas, barras laterais, painéis de configurações e tooltips concentram o menor texto da maioria das telas. Se um rótulo desses ainda sair irregular na qualidade Alta, capture a tela de novo em uma escala maior ou encurte o novo texto. Uma palavra curta costuma ser mais fácil de reproduzir do que uma frase espremida em uma coluna estreita.

Um print é uma imagem plana, então nada se reorganiza quando um rótulo fica mais longo. Onde uma interface real alargaria o botão ou passaria o texto para uma segunda linha, um rótulo muito mais longo em um print pode parecer espremido ou apertar o ícone ao lado. Escolha um texto que não precise de mais espaço que o rótulo antigo ou altere o design de origem quando precisar de mais espaço.

O que conferir antes de compartilhar

O texto de interface fica perto de ícones, bordas e selos, e a edição de um rótulo também pode alterar o que encosta nele. Confira cada ponto abaixo com o controle deslizante de comparação.

  • Ícones, caixas de seleção e alternadores ao lado do rótulo alterado continuam nítidos e no lugar.
  • As bordas dos botões, os sublinhados, os contornos de foco e os selos não se deslocaram nem ficaram borrados.
  • Números, versões e atalhos de teclado são exatamente iguais aos da interface real.
  • O novo rótulo segue o estilo de maiúsculas dos rótulos ao redor.
  • As linhas que você não alterou são idênticas às do original.

Perguntas frequentes

Posso mudar o mesmo rótulo em um conjunto inteiro de prints?

Sim, mas cada print é uma edição própria. Mantenha uma lista curta com o texto antigo e o novo, exatamente como são, e cole a mesma substituição em cada imagem, para que maiúsculas e pontuação sejam iguais em todo o conjunto. Dentro de um print, você pode mudar vários rótulos na mesma edição, o que ajuda quando um recurso renomeado aparece tanto no menu quanto no título da página.

Por que um rótulo pequeno foi detectado com letras erradas?

Textos de interface pequenos, finos ou de baixo contraste são fáceis de ler errado, e algumas letras ficam parecidas nesse tamanho: um I maiúsculo e um l minúsculo, o número 0 e a letra O, ou rn e m. Edite a entrada Original até ela ficar exatamente como no print e depois digite a substituição. Se um rótulo nem aparece na lista, use “Adicionar texto”.

Posso deixar um campo ou contador vazio em um mockup?

Sim. Deixe a Substituição em branco no placeholder, no valor ou no contador que você quer tirar, e a IA preenche a área com base na interface ao redor. Depois, confira se as bordas do campo, o cursor de texto e os ícones próximos estão intactos. Para ocultar o nome, o e-mail ou os dados da conta de alguém antes de compartilhar um print, use o guia separado “Remover texto de capturas de tela”, sobre como ocultar dados pessoais.

Dá para editar texto em um print tirado no celular?

Sim. Os prints do celular costumam ser salvos como arquivos PNG ou JPG, que podem ser enviados diretamente se tiverem no máximo 14 MiB. As telas de celular encaixam letras pequenas em um espaço estreito, então escolha a qualidade Alta para rótulos de abas, botões pequenos e itens de lista e dê zoom no resultado para conferir cada caractere antes de usá-lo em um mockup ou guia.

O que acontece com o print original depois que eu o envio?

Ele fica salvo em Minhas imagens, onde você pode excluí-lo quando quiser. Se o print mostra recursos ainda não lançados, ferramentas internas ou informações de clientes, baixe o PNG editado de que você precisa e depois exclua o original de Minhas imagens. Assim, telas confidenciais não ficam na sua conta por mais tempo do que o projeto exige.

Experimente com sua própria imagem

Envie seu print

Entre com o Google para enviar sua imagem. A primeira edição Padrão é gratuita e inclui marca-d'água.