Sådan tilføjer du en iPhone-frame til et skærmbillede

Tag et rent skærmbillede

En mockup kan kun være så god som skærmbilledet i den. Luk notifikationer, skjul personlige oplysninger, før du tager billedet, og sørg for, at skærmen viser én klar idé, f.eks. én funktion, et resultat eller en besked.

• iPhone med Face ID: Tryk samtidig på sideknappen og knappen til højere lydstyrke.
• iPhone med Hjem-knap: Tryk samtidig på sideknappen (eller den øverste knap) og Hjem-knappen.
• Mac: Tryk på Shift-Command-4 for at optage et område, Shift-Command-3 for hele skærmen eller Shift-Command-5 for flere muligheder.

Hvis du vil vise en webside i stedet for en app, forklarer et Safari-lignende browservindue ofte konteksten bedre end en telefonframe. Se browser- og enheds-mockups.

Tilføj iPhone-framen i Collage Easy

1. Åbn Collage Easy, og start et nyt projekt med dit skærmbillede. Collage Easy er gratis i App Store til iPhone, iPad og Mac-computere med Apple silicon (M1 eller nyere) og macOS 14 eller nyere.
2. Åbn Mockups-panelet, og vælg en iPhone-frame. Skærmbilledet vises på enhedens skærm.
3. Kontroller tilpasningen. Et skærmbillede fra en iPhone passer bedst i en iPhone-frame. Hvis du bruger et skærmbillede fra en anden enhed, skal du beskære det først, så det vigtige område fylder skærmen uden at blive strakt.
4. Vælg en baggrund. Brug en ensfarvet baggrund til dokumentation, et mønster til noget legende, en naturscene for varme eller dit eget billede, hvis stedet er vigtigt.
5. Juster størrelse og placering. Lad der være en synlig margen omkring framen, så enhedens kant står tydeligt. Prøv først den lige version, og sammenlign derefter en let hældning.
6. Tilføj kontekst efter behov. En kort overskrift uden for framen, tilføjet med tekstværktøjet, forklarer ofte mere end en pil oven på brugerfladen.
7. Eksportér og kontroller. Gem billedet, åbn det i Fotos, og se det i den størrelse, andre faktisk vil se det i.

Få mockuppen til at se professionel ud

• Én besked pr. billede. Hvis du har brug for tre skærme for at forklare noget, så lav tre billeder eller en lille collage med samme frame og baggrund.
• Kontrast først, dekoration bagefter. En mørk appskærm på en mørk baggrund forsvinder. Vælg en lysere eller mere farverig baggrund, eller flyt framen til et roligere område.
• Hold det troværdigt. Små hældninger giver energi, men kraftig rotation gør tekst i brugerfladen svær at læse.
• Vær konsekvent. Til en App Store-præsentation, portfolio eller produktopdatering skal du bruge samme frame, baggrundsstil og margen på alle billeder. Ensartethed ser bevidst ud.
• Tekst hører til uden for skærmen. Placér billedtekster på baggrunden, ikke hen over brugerfladen, så skærmbilledet forbliver ærligt og let at læse.

Vælg den rigtige eksportstørrelse

Beslut, hvor mockuppen skal ses, før du finjusterer den. Et stående opslag fungerer godt ved 1080 × 1350 pixels (4:5), en Story ved 1080 × 1920 (9:16), og en websitehero har ofte brug for en liggende form. Vores guide til collageformater oplister aktuelle størrelser til Instagram, Stories, Pinterest og print. Hvis én mockup skal bruges flere steder, så lav først en masterversion og derefter en variant pr. format. Guiden vælg eksportformatet, før du beskærer forklarer hvorfor.

Løs almindelige problemer

• Skærmbilledet ser strakt ud: importér originalen igen, og tilpas den uden at tvinge den ind i en anden form.
• Teksten er for lille: beskær til det vigtige område, gør framen større, eller brug færre elementer omkring den.
• Framen falder sammen med baggrunden: skift til en baggrund med mere kontrast. Se design baggrunde, der understøtter collagen.
• Du opdager private oplysninger efter eksport: tag et nyt skærmbillede. Stol aldrig på et klistermærke til at skjule følsomme oplysninger.