Slik legger du en iPhone-ramme på et skjermbilde

Ta et rent skjermbilde

En mockup kan bare bli så god som skjermbildet inni. Før du tar det, lukker du varsler, skjuler personopplysninger og sørger for at skjermen viser én tydelig idé, for eksempel én funksjon, ett resultat eller én melding.

• iPhone med Face ID: trykk på sideknappen og volum opp-knappen samtidig.
• iPhone med Hjem-knapp: trykk på side- (eller topp-)knappen og Hjem-knappen samtidig.
• Mac: trykk Shift-Command-4 for et område, Shift-Command-3 for hele skjermen eller Shift-Command-5 for flere alternativer.

Hvis du vil vise en nettside i stedet for en app, forklarer et nettleservindu i Safari-stil ofte konteksten bedre enn en telefonramme. Se nettleser- og enhetsmockuper.

Legg til iPhone-rammen i Collage Easy

1. Åpne Collage Easy og start et nytt prosjekt med skjermbildet. Collage Easy er gratis i App Store for iPhone, iPad og Mac-maskiner med Apple silicon (M1 eller nyere) og macOS 14 eller nyere.
2. Åpne Mockups-panelet og velg en iPhone-ramme. Skjermbildet vises inne på enhetens skjerm.
3. Kontroller tilpasningen. Et skjermbilde tatt på iPhone passer best i en iPhone-ramme. Hvis du bruker et skjermbilde fra en annen enhet, beskjærer du det først slik at det viktige fyller skjermområdet uten å strekkes.
4. Velg en bakgrunn. Velg en ensfarget bakgrunn for dokumentasjon, et mønster for noe lekent, en naturscene for varme eller ditt eget bilde når stedet betyr noe.
5. Juster størrelse og plassering. La det være synlig margin rundt rammen slik at enhetskanten synes. Prøv den rette versjonen først, og sammenlign deretter en svak helning.
6. Legg til kontekst ved behov. En kort overskrift utenfor rammen, lagt til med tekstverktøyet, forklarer ofte mer enn en pil oppå grensesnittet.
7. Eksporter og kontroller. Lagre bildet, åpne det i Bilder og se på det i størrelsen folk faktisk skal se.

Få mockupen til å se profesjonell ut

• Én melding per bilde. Hvis du trenger tre skjermer for å forklare noe, lager du tre bilder eller en liten kollasj med samme ramme og bakgrunn.
• Kontrast først, dekorasjon etterpå. En mørk appskjerm forsvinner på en mørk bakgrunn. Velg en lysere eller mer fargerik bakgrunn, eller flytt rammen til et roligere område.
• Hold den troverdig. Små helninger gir energi, men kraftig rotasjon gjør grensesnitttekst vanskelig å lese.
• Vær konsekvent. Til en App Store-presentasjon, portefølje eller produktoppdatering bruker du samme ramme, bakgrunnsstil og margin på alle bilder. Konsekvens ser bevisst ut.
• Tekst hører hjemme utenfor skjermen. Plasser bildetekster på bakgrunnen, ikke over grensesnittet, slik at skjermbildet forblir ærlig og lesbart.

Velg riktig eksportstørrelse

Bestem hvor mockupen skal vises før du finjusterer den. Et stående innlegg fungerer godt i 1080 × 1350 piksler (4:5), en Story i 1080 × 1920 (9:16), og en toppseksjon på en nettside trenger ofte liggende format. Vår guide til kollasjstørrelser viser gjeldende størrelser for Instagram, Stories, Pinterest og trykk. Hvis én mockup skal brukes flere steder, lager du først en hovedversjon og deretter en variant per format. Guiden velg eksportformat før du beskjærer forklarer hvorfor.

Løs vanlige problemer

• Skjermbildet ser strukket ut: importer originalen på nytt og tilpass den uten å tvinge den inn i en annen form.
• Teksten er for liten: beskjær til det viktige området, gjør rammen større eller bruk færre elementer rundt.
• Rammen forsvinner i bakgrunnen: bytt til en bakgrunn med mer kontrast. Se bakgrunner som støtter kollasjen.
• Du oppdager private data etter eksport: ta et nytt skjermbilde. Stol aldri på et klistremerke for å skjule sensitiv informasjon.