Redigera text i en skärmdump av en app eller webbplats
Redigera text i en skärmdump när en mockup, en hjälpartikel eller en designgranskning behöver andra ord och det skulle ta för lång tid att återskapa skärmen. Designers, produktchefer och tekniska skribenter kan rätta ett stavfel, uppdatera en omdöpt etikett eller prova ny knapptext utan att öppna den ursprungliga designen.
Eller släpp en bild här. PNG, JPG eller WebP, upp till 14 MiB.
Din bild finns kvar på den här enheten tills du loggar in.
Logga in med Google för att ladda upp. Din första Standard-redigering är gratis och får en vattenstämpel.
Exempel
Så fungerar det
Ta skärmdumpen i så stor skala som möjligt
Ta skärmdumpen i den största skala som passar ditt dokument och ladda upp den ursprungliga filen. En kopia som krympts eller komprimerats när den delades ger AI:n mindre detaljer att arbeta med.
Kontrollera de identifierade etiketterna
Varje rad med gränssnittstext visas i fältet Original, från menyalternativ till kolumnrubriker. Om en liten etikett lästes fel rättar du den i fältet Original. Saknas en etikett lägger du till den med Lägg till text.
Skriv den nya etiketten
Skriv den nya formuleringen i dess fält Ersättning och låt de andra textfälten vara som de är. En formulering av liknande längd ryms i knappen, fliken eller kolumnen utan att trängas mot kanterna.
Välj kvalitetsnivå
Välj hög kvalitet för tunna eller mycket små gränssnittstypsnitt, eller Standard för sidrubriker och fetstilta etiketter, och välj sedan Tillämpa ändringar.
Läs varje tecken
Flytta jämförelsereglaget över varje ändrad etikett och läs den bokstav för bokstav, inklusive siffror och skiljetecken, innan du laddar ner PNG-filen till din hjälpartikel, presentation eller granskning.
När du bör redigera en skärmdump i stället för att ta en ny
En ny skärmdump visar alltid det verkliga gränssnittet, så ta en ny när skärmen är lätt att nå. Redigering hjälper när det exakta läget är svårt att återskapa: en skärm som kräver demodata, ett flöde med många steg, en äldre version som du inte längre kör eller en mockup som bara finns som bild.
Vid en designgranskning kan du visa en föreslagen knappetikett eller rubrik direkt i den verkliga skärmen i stället för att beskriva den i en kommentar. Gör en bild per formuleringsalternativ så att granskarna jämför dem i sitt sammanhang, och märk var och en som ett förslag så att ingen tar den för det gränssnitt som faktiskt har lanserats.
I dokumentation och handledningar kan ett omdöpt menyalternativ göra en i övrigt korrekt skärmdump förvirrande. Redigera text i skärmdumpen bara för att den ska stämma med den aktuella versionen, med samma versaler och skiljetecken som i det verkliga gränssnittet, och ta en ny skärmdump så snart skärmen ändras i mer än orden.
Små gränssnittstypsnitt
Gränssnittstext är ofta liten, tunn och ritad med mjuka kanter, så den är svårare att läsa och återge än en stor rubrik. Ju fler pixlar varje bokstav har, desto mer detaljer har AI:n att arbeta med, så ta skärmdumpen på en skärm med hög upplösning eller med högre zoomnivå när du kan.
Täta tabeller, sidofält, inställningspaneler och verktygstips innehåller den minsta texten på de flesta skärmar. Om en etikett där ändå blir ojämn med hög kvalitet tar du en ny skärmdump i större skala eller kortar ner den nya formuleringen. Ett kort ord är oftast lättare att matcha än en fras som pressas in i en smal kolumn.
En skärmdump är en vanlig bild, så ingenting anpassar sig när en etikett blir längre. Där ett verkligt gränssnitt skulle vidga knappen eller bryta texten till en andra rad kan en betydligt längre etikett i en skärmdump se hoptryckt ut eller trängas mot ikonen bredvid. Välj en formulering som inte behöver mer plats än den gamla etiketten, eller ändra den ursprungliga designen när den behöver mer utrymme.
Vad du ska kontrollera innan du delar den
Gränssnittstext sitter nära ikoner, kantlinjer och märken, och en ändring av en etikett kan också påverka det som rör vid den. Kontrollera varje punkt nedan med jämförelsereglaget.
- Ikoner, kryssrutor och reglage intill den ändrade etiketten är fortfarande skarpa och på plats.
- Knappkanter, understrykningar, fokusramar och märken har inte förskjutits eller blivit suddiga.
- Siffror, versionsbeteckningar och kortkommandon stämmer exakt med det verkliga gränssnittet.
- Den nya etiketten följer samma versalstil som etiketterna runt omkring.
- Rader som du inte ändrade är identiska med originalet.
Vanliga frågor
Kan jag ändra samma etikett i en hel uppsättning skärmdumpar?
Ja, men varje skärmdump är en egen redigering. Skriv upp den exakta gamla och nya formuleringen i en kort lista och klistra in samma ersättning i varje bild, så att versaler och skiljetecken stämmer i hela uppsättningen. I en och samma skärmdump kan du ändra flera etiketter i samma redigering, vilket hjälper när en omdöpt funktion förekommer både i menyn och i sidrubriken.
Varför lästes en liten etikett med fel bokstäver?
Liten, tunn eller kontrastsvag gränssnittstext är lätt att läsa fel, och vissa bokstäver ser likadana ut i den storleken: ett stort I och ett litet l, siffran 0 och bokstaven O, eller rn och m. Redigera fältet Original tills det lyder exakt som skärmdumpen och skriv sedan din ersättning. Saknas en etikett helt i listan använder du Lägg till text.
Kan jag få ett fält eller en räknare att se tom ut i en mockup?
Ja. Lämna fältet Ersättning tomt för platshållaren, värdet eller räknaren som du vill få bort, så fyller AI:n området utifrån gränssnittet runt omkring. Kontrollera efteråt att fältkanter, textmarkören och ikoner intill är intakta. Om du vill dölja någons namn, e-postadress eller kontouppgifter innan du delar en skärmdump kan du använda den separata guiden Ta bort text från skärmdumpar.
Kan jag redigera text i en skärmdump som jag har tagit med mobilen?
Ja. Skärmdumpar från mobilen sparas oftast som PNG- eller JPG-filer, som kan laddas upp direkt så länge de inte är större än 14 MiB. På mobilskärmar får liten text plats i ett smalt utrymme, så välj hög kvalitet för flikar, små knappar och listobjekt, och zooma in på resultatet för att kontrollera varje tecken innan du använder det i en mockup eller guide.
Vad händer med originalskärmdumpen efter att jag har laddat upp den?
Den sparas i Mina bilder, där du kan radera den när som helst. Visar skärmdumpen funktioner som inte har släppts, interna verktyg eller kunduppgifter laddar du ner den redigerade PNG-filen du behöver och raderar sedan originalet från Mina bilder. På så sätt ligger konfidentiella skärmar inte kvar på ditt konto längre än projektet kräver.
Prova med din egen bild
Eller släpp en bild här. PNG, JPG eller WebP, upp till 14 MiB.
Din bild finns kvar på den här enheten tills du loggar in.
Logga in med Google för att ladda upp. Din första Standard-redigering är gratis och får en vattenstämpel.