iMessage-kontaktkortsgenerator
Skapa realistiska skärmbilder av iMessage-kontaktkort med FaceTime och åtgärdsknappar
Inställningar för kontaktkort
Tips
- Lämna telefon, FaceTime, e-post, anteckningar eller plats tomt för att dölja den raden.
- Långa namn, nummer och anteckningar förkortas med ett ellipstecken så att de ryms på sina rader.
- Utan foto visar kortet iOS-silhuetten av en person.
Förhandsvisning
Förhandsvisningen uppdateras medan du redigerar.
Om iMessage-kontaktkortsgeneratorn
Skapa skärmbilder av iMessage-kontaktkort med vår kostnadsfria onlinegenerator. Verktyget återskapar layouten på iOS-skärmen med kontaktinformation som visas när du trycker på ett kontaktnamn i Apple Messages: från den stora runda avataren och det feta kontaktnamnet till raden med åtgärdsknappar (meddelande, samtal, video, e-post), grupperade kontaktkort och navigering i iOS-stil. Behöver du en realistisk skärmbild av ett iPhone-kontaktkort till en presentation, ett inlägg i sociala medier, ett UI/UX-designprojekt eller kreativt innehåll levererar verktyget resultat i produktionskvalitet på några sekunder.
Till skillnad från generiska verktyg för skärmbilder återger vår iMessage-kontaktkortsgenerator Apples designsystem troget: typografi i iOS-stil, systemgrå (#F2F2F7) bakgrund för grupperna, skarpa vita kort med rundade hörn, den karakteristiska blå (#007AFF) accentfärgen för åtgärdsknappar och länkar samt diskreta avgränsare mellan grupperade rader. Både ljust och mörkt läge stöds fullt ut med autentiska färgpaletter.
Inget du skriver eller laddar upp skickas någonstans eller sparas, och det finns inga konton eller vattenstämplar. Anpassa kontaktnamn, telefonnummer, e-postadress, FaceTime-nummer, plats och anteckningar och ladda sedan ner en PNG-bild på 390x844. Kontaktkortet innehåller tillbakalänken ”Messages”, en rund avatar med personsilhuett som reserv, runda åtgärdsknappar med ikoner och grupperade tabellavsnitt för telefon, e-post, anteckningar, plats och delningsalternativ.
Viktiga funktioner
- Layout som iOS-kontaktkort: Återskapar kontaktskärmen i iMessage med stor avatar, namn, åtgärdsknappar och grupperade detaljavsnitt.
- Ikoner på åtgärdsknapparna: Ikoner för pratbubbla, telefonlur, videokamera och brevkuvert i iOS-blå accentfärg.
- Egen profilbild: Ladda upp valfri bild som kontaktens avatar. Bilder beskärs automatiskt till en cirkel och skalas så att de passar iOS-kontaktkortets stil.
- Grupperade tabellrader i Apple-stil: Telefon, e-post, FaceTime, anteckningar och plats visas i rundade vita kort på en systemgrå bakgrund, precis som i iOS Inställningar.
- Fullt stöd för mörkt läge: Växla med ett klick mellan iOS ljusa tema (grå bakgrund #F2F2F7, vita kort) och det mörka temat (svart bakgrund, kort i #1C1C1E).
- iOS-åtgärder: Innehåller raderna ”Send My Current Location” och ”Share Contact” med sina ikoner, samt den röda, destruktiva åtgärden ”Block this Caller”.
- Redigerbara kontaktfält: Anpassa namn, telefonnummer, e-postadress, FaceTime-nummer, plats och anteckningar. Lämna telefon, FaceTime, e-post, anteckningar eller plats tomt för att dölja den raden.
- iOS-statusfält: Klockan 9:41, signalstyrkestaplar, WiFi-bågar och batteriikon.
- Navigeringsfält: Innehåller den blå tillbakalänken ”Messages” med vinkel och knappen ”Done”, som i det riktiga iOS-kontaktkortet.
- PNG-export i iPhone-storlek: Ladda ner i iPhones skärmstorlek 390x844 utan vattenstämplar eller varumärkning.
Så skapar du en mockup av ett iMessage-kontaktkort
- Ange kontaktens namn: Skriv det fullständiga namn som ska visas stort och fetstilt under avataren (t.ex. ”Sarah Johnson”, ”Mamma”, ”Dr. Smith”).
- Ladda upp en profilbild: Klicka på ”Ladda upp” för att välja ett foto från din enhet. Bilden beskärs automatiskt till en cirkel. Lämna tomt för standardsilhuetten av en person.
- Fyll i kontaktuppgifterna: Ange telefonnummer, e-postadress, FaceTime-nummer, plats och anteckningar. Fält som lämnas tomma döljs från kortet.
- Välj tema: Slå mörkt läge på eller av för att växla mellan iOS ljusa och mörka kontaktkortstema.
- Ställ in åtgärdsraderna: Aktivera eller inaktivera alternativen ”Send My Current Location” och ”Share Contact” med kryssrutorna.
- Ladda ner bilden: Klicka på ”Ladda ner PNG” för att spara din iMessage-kontaktkortsmockup som en PNG-bild på 390x844.
Användningsområden
- UI/UX-mockuper: Lägg in realistiska skärmbilder av iOS-kontaktkort i appmockuper, wireframes och dokumentation av designsystem.
- Innehåll för sociala medier: Skapa uppseendeväckande grafik med kontaktkort till Instagram stories, TikTok-videor, YouTube-miniatyrer och inlägg på X/Twitter.
- Marknadsföring & reklam: Ta fram kampanjmaterial, produktdemos och reklammaterial som visar kontaktgränssnitt i iOS-stil.
- Presentationer & pitchdeck: Lägg in polerade mockuper av iPhone-kontaktkort i bildspel för att visa funktioner för kontakthantering eller appintegrationer.
- Utbildning & träning: Skapa visuellt material för undervisning i iOS-grunder, digital kompetens eller workshoppar om smartphonesäkerhet.
- Film & videoproduktion: Generera rekvisitaskärmar med kontaktuppgifter för filmer, tv-serier, kortfilmer och reklamfilmer.
- Apputveckling: Ta fram skärmbilder till App Store och material till landningssidor som lyfter fram kontaktrelaterade funktioner i din iOS-app.
- Illustrationer till bloggar & artiklar: Lägg till äkta utseende skärmbilder av iPhone-kontaktkort i tekniska recensioner, handledningar och guider.
Vanliga frågor
Är den här iMessage-kontaktkortsgeneratorn gratis?
Ja, helt gratis, utan registrering, vattenstämplar eller användningsgränser. Skapa och ladda ner så många kontaktkortsmockuper du behöver.
Kan jag anpassa kontaktens foto?
Ja, ladda upp valfri bild från din enhet. Bilden beskärs automatiskt till en cirkel och centreras ovanför kontaktnamnet, i samma stil som det riktiga iOS-kontaktkortet. Om ingen bild laddas upp visas en standardsilhuett av en person.
Vilka fält kan jag redigera?
Du kan anpassa kontaktnamn, telefonnummer, FaceTime-nummer, e-postadress, plats och anteckningar. Du kan också slå på eller av åtgärdsraderna ”Send My Current Location” och ”Share Contact”. Lämna telefon, FaceTime, e-post, anteckningar eller plats tomt för att dölja den raden.
Stöds mörkt läge?
Ja. Använd kryssrutan för mörkt läge för att växla mellan det autentiska ljusa iOS-temat (systemgrå bakgrund, vita kort) och det mörka temat (svart bakgrund, mörkgrå kort). Alla färger uppdateras direkt.
Vilken bildupplösning har nedladdningen?
Den exporterade PNG-filen är 390x844 pixlar, iPhones skärmstorlek i punkter. Långa namn, nummer, anteckningar och platser förkortas med tre punkter så att de ryms på sina rader.
Är mina uppgifter privata och säkra?
Ja. Namn, telefonnummer, e-postadresser och uppladdade foton laddas aldrig upp och sparas aldrig.
Hur skiljer sig detta från verktyget för iMessage-chattmockuper?
iMessage-chattmockupen skapar en konversationsvy med meddelandebubblor. Den här kontaktkortsgeneratorn skapar skärmen med kontaktuppgifter som visas när du trycker på ett kontaktnamn i iMessage, med avatar, åtgärdsknappar, telefonnummer, e-postadress och annan kontaktinformation.
Tips för realistiska mockuper av kontaktkort
- Använd en profilbild som ser äkta ut: Ett foto av ett ansikte ökar kontaktkortets realism avsevärt. Porträtt och vardagliga bilder fungerar bäst.
- Använd fullständiga namn: För- och efternamn (t.ex. ”Sarah Johnson”) ser mer autentiskt ut än ett enda namn eller smeknamn på ett kontaktkort.
- Matcha telefonnumrets format: Använd ett realistiskt format som ”+1 (555) 012-3456” för amerikanska nummer, eller ditt lands standardformat, för maximal äkthet.
- Fyll i flera fält: Ett kontaktkort med telefon, e-post och anteckningar ser mer komplett och realistiskt ut än ett med bara ett telefonnummer.
- Välj rätt tema: Anpassa mockupens tema efter sammanhanget. Mörkt läge passar teknikinriktat innehåll, ljust läge passar en bred publik och tryck.
- Tänk på din målgrupp: Använd professionellt klingande namn och e-postadresser i marknadsföringsmaterial. I sociala medier fungerar vardagliga namn utmärkt.