edittext.ai

Rediger tekst i et skjermbilde av en app eller et nettsted

Rediger tekst i et skjermbilde når en mockup, en hjelpeartikkel eller en designgjennomgang trenger andre ord og det ville tatt for lang tid å lage skjermen på nytt. Designere, produktledere og tekniske skribenter kan rette en skrivefeil, oppdatere en omdøpt etikett eller prøve ny knappetekst uten å åpne kildedesignet.

Last opp skjermbildet ditt

Logg inn med Google for å laste opp. Din første Standard-redigering er gratis og inkluderer et vannmerke.

Eksempler

Før
Tre telefonskjermer fra et appkonsept for sporing av humør på lilla bakgrunn; overskriften på den første skjermen spør «Not Sure About Your Mood?» over en knapp med «Let Us Help!» og fargerike humørsmilefjes.
Etter
Den samme app-mockupen der overskriften på den første skjermen er endret til «Check In With Your Mood» og knappen til «Get Started»; de to andre skjermene er uendret.
Overskriften i onboardingen endres fra «Not Sure About Your Mood?» til «Check In With Your Mood», og knappen fra «Let Us Help!» til «Get Started». De to andre telefonskjermene er uendret.
Før
Prisside for en SaaS-tjeneste som heter Extrude; navigasjonen øverst viser Pricing, Features og «Use cases» med en nedtrekkspil.
Etter
Den samme siden der menyen «Use cases» er omdøpt til «Solutions», med nedtrekkspilen beholdt; resten av navigasjonen og priskortene er uendret.
Menypunktet «Use cases» er omdøpt til «Solutions», slik at skjermbildet samsvarer med den nåværende navigasjonen. Priskortene og resten av toppfeltet er uendret.
Før
Panel for utseendeinnstillinger med språk, tema for grensesnittet, aksentfarge og rader med brytere; den grå hjelpeteksten under «Interface theme» lyder «Customize your application appereance» med en skrivefeil.
Etter
Det samme innstillingspanelet der hjelpeteksten er rettet til «Customize your application appearance» i den samme lille grå skriften; alle andre etiketter, knapper og brytere er uendret.
Skrivefeilen «appereance» i hjelpeteksten er rettet til «appearance» i grensesnittets egen lille skrift. Temaforhåndsvisningene, bryterne og knappene er uendret.

Slik fungerer det

  1. Ta skjermbildet i stor størrelse

    Ta skjermbildet i den største skalaen som passer for dokumentet ditt, og last opp originalfilen. En kopi som er blitt forminsket eller komprimert da den ble delt, gir KI-en mindre detaljer å jobbe med.

  2. Sjekk de gjenkjente etikettene

    Hver linje med tekst i grensesnittet vises som et «Original»-felt, fra menypunkter til kolonneoverskrifter. Hvis en liten etikett ble lest feil, retter du «Original»-feltet. Hvis en etikett mangler, legger du den inn med «Legg til tekst».

  3. Skriv den nye etiketten

    Skriv den nye ordlyden i «Erstatning»-feltet og la de andre feltene stå som de er. En ordlyd av omtrent samme lengde passer i knappen, fanen eller kolonnen uten å trenge seg inn mot kantene.

  4. Velg et kvalitetsnivå

    Velg høy kvalitet for tynne eller svært små skrifttyper i grensesnittet, eller Standard for sidetitler og fete etiketter, og velg deretter «Bruk endringer».

  5. Les hvert tegn

    Flytt sammenligningsglidebryteren over hver endrede etikett og les den bokstav for bokstav, med tall og tegnsetting, før du laster ned PNG-filen til hjelpeartikkelen, presentasjonen eller gjennomgangen din.

Når du bør redigere et skjermbilde i stedet for å ta det på nytt

Et nytt skjermbilde viser alltid det ekte grensesnittet, så ta et nytt når skjermen er lett å komme til. Redigering hjelper når den nøyaktige tilstanden er vanskelig å gjenskape: en skjerm som trenger demodata, en flyt som tar mange trinn, en eldre versjon du ikke lenger kjører, eller en mockup som bare finnes som bilde.

I en designgjennomgang kan du vise en foreslått knappetekst eller overskrift inne i den ekte skjermen i stedet for å beskrive den i en kommentar. Lag ett bilde per ordlydsalternativ, slik at de som gjennomgår designet, kan sammenligne dem i kontekst, og merk hvert av dem som et forslag, slik at ingen tar det for det lanserte grensesnittet.

I dokumentasjon og veiledninger kan ett omdøpt menypunkt gjøre et ellers korrekt skjermbilde forvirrende. Rediger tekst i skjermbildet bare for å få det til å samsvare med den nåværende versjonen, med samme bruk av store bokstaver og tegnsetting som i det faktiske grensesnittet, og ta det på nytt når skjermen endrer seg i mer enn ordene.

Små skrifter i grensesnittet

Tekst i grensesnitt er ofte liten og tynn og tegnet med myke kanter, så den er vanskeligere å lese og gjengi enn en stor overskrift. Jo flere piksler hver bokstav har, desto flere detaljer har KI-en å jobbe med, så ta skjermbilder på en skjerm med høy oppløsning eller med høyere zoomnivå når du kan.

Tettpakkede tabeller, sidepaneler, innstillingspaneler og verktøytips har den minste teksten på de fleste skjermer. Hvis en etikett der fortsatt blir ujevn med høy kvalitet, tar du skjermbildet på nytt i større skala eller kortet ned den nye ordlyden. Ett kort ord er vanligvis lettere å gjengi enn en frase som er presset inn i en smal kolonne.

Et skjermbilde er et flatt bilde, så ingenting justerer seg av seg selv når en etikett blir lengre. Der et faktisk grensesnitt ville gjort knappen bredere eller brutt teksten over på en andre linje, kan en mye lengre etikett i et skjermbilde se presset ut eller trenge seg inn på ikonet ved siden av. Velg en ordlyd som ikke trenger mer plass enn den gamle etiketten, eller endre kildedesignet når det trengs mer plass.

Hva du bør sjekke før du deler det

Tekst i grensesnitt sitter tett på ikoner, kantlinjer og merker, og en redigering av en etikett kan også endre det som berører den. Sjekk hvert punkt nedenfor med sammenligningsglidebryteren.

  • Ikoner, avkrysningsbokser og brytere ved siden av den endrede etiketten er fortsatt skarpe og på plass.
  • Knappekanter, understrekinger, fokusrammer og merker har ikke forskjøvet seg eller blitt uskarpe.
  • Tall, versjonsnumre og hurtigtaster stemmer nøyaktig med det ekte grensesnittet.
  • Den nye etiketten følger skrivemåten for store og små bokstaver som etikettene rundt.
  • Linjer du ikke endret, er identiske med originalen.

Vanlige spørsmål

Kan jeg endre den samme etiketten i et helt sett med skjermbilder?

Ja, men hvert skjermbilde er sin egen redigering. Hold en kort liste over den nøyaktige gamle og nye ordlyden og lim inn den samme erstatningen i hvert bilde, slik at store bokstaver og tegnsetting er like i hele settet. Innenfor ett skjermbilde kan du endre flere etiketter i samme redigering, noe som hjelper når en omdøpt funksjon vises både i menyen og i sidetittelen.

Hvorfor ble en liten etikett gjenkjent med feil bokstaver?

Liten tekst, tynn tekst og tekst med lav kontrast i grensesnittet er lett å lese feil, og noen bokstaver ligner hverandre i den størrelsen: en stor I og en liten l, tallet 0 og bokstaven O, eller rn og m. Rediger «Original»-feltet til det står nøyaktig som i skjermbildet, og skriv deretter erstatningen din. Hvis en etikett mangler helt i listen, bruker du «Legg til tekst».

Kan jeg få et felt eller en teller til å se tom ut i en mockup?

Ja. La «Erstatning»-feltet stå tomt for plassholderen, verdien eller telleren du vil bli kvitt, så fyller KI-en området ut fra grensesnittet rundt. Sjekk deretter at feltkantene, tekstmarkøren og ikonene i nærheten er intakte. Hvis du vil skjule navnet, e-postadressen eller kontoopplysningene til noen før du deler et skjermbilde, bruker du den separate veiledningen «Fjern tekst fra skjermbilder», om å skjule personopplysninger i skjermbilder.

Kan jeg redigere tekst i et skjermbilde tatt på mobilen?

Ja. Skjermbilder fra mobilen lagres vanligvis som PNG- eller JPG-filer, som kan lastes opp direkte så lenge de ikke er større enn 14 MiB. Mobilskjermer får plass til liten skrift på et smalt område, så velg høy kvalitet for fanetiketter, små knapper og listeelementer, og zoom inn på resultatet for å sjekke hvert tegn før du bruker det i en mockup eller veiledning.

Hva skjer med det opprinnelige skjermbildet etter at jeg har lastet det opp?

Det forblir lagret i «Mine bilder», der du kan slette det når som helst. Hvis skjermbildet viser uutgitte funksjoner, interne verktøy eller kundeopplysninger, laster du ned den redigerte PNG-filen du trenger og sletter deretter originalen fra «Mine bilder». På den måten blir ikke konfidensielle skjermer liggende i kontoen din lenger enn prosjektet krever.

Prøv med ditt eget bilde

Last opp skjermbildet ditt

Logg inn med Google for å laste opp. Din første Standard-redigering er gratis og inkluderer et vannmerke.