edittext.ai

Modificare il testo di uno screenshot di un'app o di un sito web

Modifica il testo di uno screenshot quando un mockup, un articolo della guida o una revisione del design hanno bisogno di parole diverse e ricreare la schermata richiederebbe troppo tempo. Designer, product manager e technical writer possono correggere un refuso, aggiornare un'etichetta rinominata o provare nuove parole per un pulsante senza aprire il design di partenza.

Carica il tuo screenshot

Accedi con Google per caricare. La tua prima modifica Standard è gratuita e include una filigrana.

Esempi

Prima
Tre schermate di telefono del concept di un'app per monitorare l'umore su fondo lilla; il titolo della prima schermata chiede «Not Sure About Your Mood?» sopra un pulsante «Let Us Help!» e delle faccine colorate dell'umore.
Dopo
Lo stesso mockup dell'app con il titolo della prima schermata cambiato in «Check In With Your Mood» e il pulsante in «Get Started»; le altre due schermate restano invariate.
Il titolo dell'onboarding passa da «Not Sure About Your Mood?» a «Check In With Your Mood» e il pulsante da «Let Us Help!» a «Get Started». Le altre due schermate del telefono restano invariate.
Prima
Pagina dei prezzi di un SaaS chiamato Extrude; la navigazione in alto riporta Pricing, Features e «Use cases» con una freccia del menu a discesa.
Dopo
La stessa pagina con il menu «Use cases» rinominato «Solutions», con la freccia del menu a discesa mantenuta; il resto della navigazione e le schede dei prezzi restano invariati.
La voce di menu «Use cases» viene rinominata «Solutions», così lo screenshot corrisponde alla navigazione attuale. Le schede dei prezzi e il resto dell'intestazione restano invariati.
Prima
Pannello delle impostazioni dell'aspetto con righe per lingua, tema dell'interfaccia, colore d'accento e interruttori; la riga di aiuto grigia sotto «Interface theme» riporta «Customize your application appereance» con un refuso.
Dopo
Lo stesso pannello delle impostazioni con la riga di aiuto corretta in «Customize your application appearance» nello stesso piccolo carattere grigio; ogni altra etichetta, pulsante e interruttore resta invariato.
Il refuso «appereance» nel testo di aiuto viene corretto in «appearance» nel piccolo carattere dell'interfaccia stessa. Le anteprime dei temi, gli interruttori e i pulsanti restano invariati.

Come funziona

  1. Cattura la schermata in formato grande

    Fai lo screenshot alla scala più grande adatta al tuo documento e carica quel file originale. Una copia rimpicciolita o compressa quando è stata condivisa offre all'IA meno dettagli su cui lavorare.

  2. Controlla le etichette rilevate

    Ogni riga di testo dell'interfaccia compare come voce «Originale», dalle voci di menu alle intestazioni delle colonne. Se un'etichetta piccola è stata letta male, correggi la sua voce «Originale». Se un'etichetta manca, inseriscila con «Aggiungi testo».

  3. Scrivi la nuova etichetta

    Inserisci le nuove parole nel relativo campo «Sostituzione» e lascia invariate le altre voci. Un testo di lunghezza simile entra nel pulsante, nella scheda o nella colonna senza affollarne i bordi.

  4. Scegli un livello di qualità

    Scegli la qualità Alta per font di interfaccia sottili o molto piccoli, oppure Standard per titoli di pagina ed etichette in grassetto, poi seleziona «Applica modifiche».

  5. Leggi ogni carattere

    Sposta il cursore di confronto su ogni etichetta modificata e leggila lettera per lettera, compresi numeri e punteggiatura, prima di scaricare il PNG per il tuo articolo della guida, la tua presentazione o la tua revisione.

Quando modificare uno screenshot invece di rifarlo

Una nuova acquisizione mostra sempre l'interfaccia reale, quindi fai un nuovo screenshot quando la schermata è facile da raggiungere. La modifica aiuta quando lo stato esatto è difficile da ricreare: una schermata che richiede dati dimostrativi, un flusso con molti passaggi, una versione precedente che non usi più o un mockup che esiste solo come immagine.

Per una revisione del design puoi mostrare l'etichetta di un pulsante o un titolo proposti direttamente nella schermata reale invece di descriverli in un commento. Crea un'immagine per ogni opzione di testo, così chi rivede li confronta nel contesto, e indica ognuna come proposta, in modo che nessuno la scambi per l'interfaccia già rilasciata.

Nella documentazione e nei tutorial, una sola voce di menu rinominata può rendere confuso uno screenshot altrimenti corretto. Modifica il testo dello screenshot solo per allinearlo alla versione attuale, con le stesse maiuscole e la stessa punteggiatura dell'interfaccia reale, e rifallo da capo quando a cambiare non sono solo le parole della schermata.

Font piccoli dell'interfaccia

Il testo dell'interfaccia è spesso piccolo, sottile e con i bordi morbidi, quindi è più difficile da leggere e riprodurre di un titolo grande. Più pixel ha ogni lettera, più dettagli ha l'IA su cui lavorare, quindi, quando puoi, cattura lo schermo su un display ad alta risoluzione o con uno zoom maggiore.

Tabelle fitte, barre laterali, pannelli delle impostazioni e tooltip contengono il testo più piccolo nella maggior parte delle schermate. Se un'etichetta in quei punti risulta ancora irregolare anche con la qualità Alta, rifai lo screenshot a una scala maggiore o accorcia il nuovo testo. Una parola breve di solito è più facile da riprodurre di una frase compressa in una colonna stretta.

Uno screenshot è un'immagine piatta, quindi nulla si riadatta quando un'etichetta si allunga. Dove un'interfaccia reale allargherebbe il pulsante o manderebbe il testo a capo su una seconda riga, in uno screenshot un'etichetta molto più lunga può sembrare schiacciata o affollare l'icona accanto. Scegli parole che non richiedano più spazio della vecchia etichetta, oppure modifica il design di partenza quando serve più spazio.

Cosa controllare prima di condividerlo

Il testo dell'interfaccia si trova vicino a icone, bordi e badge, e la modifica di un'etichetta può alterare anche ciò che la tocca. Controlla ogni punto qui sotto con il cursore di confronto.

  • Icone, caselle di controllo e interruttori accanto all'etichetta modificata sono ancora nitidi e al loro posto.
  • Bordi dei pulsanti, sottolineature, contorni di focus e badge non si sono spostati né sfocati.
  • Numeri, stringhe di versione e scorciatoie da tastiera corrispondono esattamente all'interfaccia reale.
  • La nuova etichetta segue lo stile delle maiuscole delle etichette vicine.
  • Le righe che non hai modificato sono identiche all'originale.

Domande frequenti

Posso cambiare la stessa etichetta in un intero set di screenshot?

Sì, ma ogni screenshot è una modifica a sé. Tieni un breve elenco con le parole esatte, vecchie e nuove, e incolla la stessa sostituzione in ogni immagine, così maiuscole e punteggiatura coincidono in tutto il set. All'interno di uno screenshot puoi cambiare più etichette nella stessa modifica, il che aiuta quando una funzione rinominata compare sia nel menu sia nel titolo della pagina.

Perché un'etichetta piccola è stata rilevata con lettere sbagliate?

Il testo dell'interfaccia piccolo, sottile o a basso contrasto è facile da leggere male, e a quelle dimensioni alcune lettere si somigliano: una I maiuscola e una l minuscola, il numero 0 e la lettera O, oppure rn e m. Modifica la voce «Originale» finché non corrisponde esattamente allo screenshot, poi scrivi la sostituzione. Se un'etichetta manca del tutto nell'elenco, usa «Aggiungi testo».

Posso far sembrare vuoto un campo o un contatore in un mockup?

Sì. Lascia vuoto il campo «Sostituzione» per il segnaposto, il valore o il contatore che vuoi eliminare e l'IA riempie quell'area in base all'interfaccia intorno. Poi controlla che i bordi del campo, il cursore di testo e le icone vicine siano intatti. Per nascondere il nome, l'indirizzo email o i dati dell'account di qualcuno prima di condividere uno screenshot, usa la guida dedicata a come nascondere i dati personali negli screenshot.

Posso modificare il testo di uno screenshot fatto con il telefono?

Sì. Gli screenshot del telefono di solito vengono salvati come file PNG o JPG, che si caricano direttamente se non superano 14 MiB. Gli schermi dei telefoni concentrano caratteri piccoli in uno spazio stretto, quindi scegli la qualità Alta per etichette di schede, pulsanti piccoli e voci di elenco, e ingrandisci il risultato per controllare ogni carattere prima di usarlo in un mockup o in una guida.

Che fine fa lo screenshot originale dopo il caricamento?

Resta salvato in «Le mie immagini», da dove puoi eliminarlo in qualsiasi momento. Se lo screenshot mostra funzioni non ancora rilasciate, strumenti interni o informazioni sui clienti, scarica il PNG modificato che ti serve e poi elimina l'originale da «Le mie immagini». In questo modo le schermate riservate non restano nel tuo account più a lungo di quanto richieda il progetto.

Prova con la tua immagine

Carica il tuo screenshot

Accedi con Google per caricare. La tua prima modifica Standard è gratuita e include una filigrana.