Een iPhone-frame aan een schermafbeelding toevoegen

Een schone schermafbeelding maken

Een mock-up is nooit beter dan de schermafbeelding erin. Sluit vóór de opname meldingen, verberg persoonlijke gegevens en zorg dat het scherm één duidelijk idee laat zien, zoals één functie, resultaat of bericht.

• iPhone met Face ID: druk tegelijk op de zijknop en de volumeknop voor harder geluid.
• iPhone met een thuisknop: druk tegelijk op de zijknop (of bovenste knop) en de thuisknop.
• Mac: druk op Shift-Command-4 voor een gebied, Shift-Command-3 voor het hele scherm of Shift-Command-5 voor meer opties.

Wil je in plaats van een app een webpagina tonen, dan legt een Safari-achtig browservenster de context vaak beter uit dan een telefoonframe. Zie browser- en apparaatmock-ups.

Het iPhone-frame toevoegen in Collage Easy

1. Open Collage Easy en start een nieuw project met je schermafbeelding. Collage Easy is gratis in de App Store voor iPhone, iPad en Macs met Apple silicon (M1 of nieuwer) en macOS 14 of nieuwer.
2. Open het paneel Mock-ups en kies een iPhone-frame. De schermafbeelding verschijnt in het scherm van het apparaat.
3. Controleer de pasvorm. Een schermafbeelding van een iPhone past het best in een iPhone-frame. Gebruik je een opname van een ander apparaat, snijd die dan eerst bij zodat het belangrijke deel het scherm vult zonder uit te rekken.
4. Kies een achtergrond. Neem een effen kleur voor documentatie, een patroon voor iets speels, een natuurscène voor warmte of je eigen afbeelding als de plaats ertoe doet.
5. Pas formaat en positie aan. Laat rondom het frame een zichtbare marge, zodat de rand van het apparaat duidelijk te zien is. Probeer eerst de rechte versie en vergelijk daarna een lichte kanteling.
6. Voeg zo nodig context toe. Een korte kop buiten het frame, toegevoegd met het tekstgereedschap, legt vaak meer uit dan een pijl boven op de interface.
7. Exporteer en controleer. Bewaar de afbeelding, open haar in Foto's en bekijk haar op de grootte waarop mensen haar werkelijk zullen zien.

De mock-up professioneel laten ogen

• Eén boodschap per afbeelding. Heb je drie schermen nodig om iets uit te leggen, maak dan drie afbeeldingen of een kleine collage met hetzelfde frame en dezelfde achtergrond.
• Eerst contrast, dan versiering. Een donker appscherm op een donkere achtergrond verdwijnt. Kies een lichtere of kleurrijkere achtergrond of verplaats het frame naar een rustiger gebied.
• Houd het geloofwaardig. Kleine kantelingen geven energie, maar door een sterke draai wordt interface-tekst moeilijk leesbaar.
• Blijf consequent. Gebruik voor een App Store-presentatie, portfolio of productupdate op elke afbeelding hetzelfde frame, dezelfde achtergrondstijl en dezelfde marge. Die consistentie voelt doelbewust.
• Tekst hoort buiten het scherm. Zet bijschriften op de achtergrond, niet over de interface, zodat de schermafbeelding eerlijk en leesbaar blijft.

De juiste exportgrootte kiezen

Bepaal waar de mock-up wordt bekeken voordat je haar verfijnt. Een staande post werkt goed op 1080 × 1350 pixels (4:5), een Story op 1080 × 1920 (9:16) en een websiteheader heeft vaak een liggende vorm nodig. Onze handleiding voor collageformaten bevat actuele maten voor Instagram, Stories, Pinterest en drukwerk. Moet één mock-up op meerdere plekken werken, maak dan eerst een masterversie en vervolgens per formaat een variant. De handleiding kies het exportformaat vóór je uitsnijdt legt uit waarom.

Veelvoorkomende problemen oplossen

• De schermafbeelding lijkt uitgerekt: importeer het origineel opnieuw en pas het opnieuw in zonder het in een andere vorm te dwingen.
• De tekst is te klein: snijd bij tot het belangrijke gebied, vergroot het frame of gebruik minder elementen eromheen.
• Het frame verdwijnt in de achtergrond: schakel over naar een achtergrond met meer contrast. Zie achtergronden ontwerpen die de collage ondersteunen.
• Na het exporteren zie je privégegevens: maak een nieuwe schermafbeelding. Vertrouw nooit op een sticker om gevoelige informatie te verbergen.