Näin lisäät iPhone-kehyksen näyttökuvaan

Ota siisti näyttökuva

Mockup voi olla vain niin hyvä kuin sen sisällä oleva näyttökuva. Sulje ilmoitukset, piilota henkilötiedot ja varmista ennen kuvaamista, että näytöllä on yksi selkeä ajatus, kuten yksittäinen ominaisuus, tulos tai viesti.

• Face ID -iPhone: paina sivupainiketta ja äänenvoimakkuuden lisäyspainiketta samanaikaisesti.
• Koti-painikkeella varustettu iPhone: paina sivu- tai yläpainiketta ja Koti-painiketta yhdessä.
• Mac: paina Shift-Command-4 alueen kaappaamiseen, Shift-Command-3 koko näytön kaappaamiseen tai Shift-Command-5 saadaksesi lisää vaihtoehtoja.

Jos haluat näyttää verkkosivun sovelluksen sijaan, Safari-tyylinen selainikkuna selittää kontekstin usein puhelinkehystä paremmin. Katso selain- ja laitemockupit.

Lisää iPhone-kehys Collage Easyssä

1. Avaa Collage Easy ja aloita uusi projekti näyttökuvallasi. Collage Easy on ilmainen App Storessa iPhonelle, iPadille ja Apple silicon -Maceille (M1 tai uudempi), joissa on macOS 14 tai uudempi.
2. Avaa Mockups-paneeli ja valitse iPhone-kehys. Näyttökuva ilmestyy laitteen näytön sisään.
3. Tarkista sovitus. iPhonella otettu näyttökuva sopii parhaiten iPhone-kehykseen. Jos kuva on toisesta laitteesta, rajaa se ensin niin, että tärkeä osa täyttää näyttöalueen ilman venymistä.
4. Valitse tausta. Valitse yksivärinen väri dokumentointiin, kuvio leikkisään esitykseen, luontomaisema lämpöön tai oma kuvasi, jos paikalla on merkitystä.
5. Säädä kokoa ja paikkaa. Jätä kehyksen ympärille näkyvä marginaali, jotta laitteen reuna erottuu. Kokeile ensin suoraa versiota ja vertaa sitten pientä kallistusta.
6. Lisää tarvittaessa konteksti. Tekstityökalulla kehyksen ulkopuolelle lisätty lyhyt otsikko selittää usein enemmän kuin käyttöliittymän päälle piirretty nuoli.
7. Vie ja tarkista. Tallenna kuva, avaa se Kuvat-sovelluksessa ja katso sitä siinä koossa, jossa ihmiset todella näkevät sen.

Tee mockupista ammattimainen

• Yksi viesti kuvaa kohti. Jos tarvitset kolme ruutua asian selittämiseen, tee kolme kuvaa tai pieni kollaasi samalla kehyksellä ja taustalla.
• Kontrasti ensin, koristelu toisena. Tumma sovellusnäyttö katoaa tummalle taustalle. Valitse vaaleampi tai värikkäämpi tausta tai siirrä kehys rauhallisempaan kohtaan.
• Pidä uskottavana. Pieni kallistus lisää energiaa, mutta voimakas kierto tekee käyttöliittymätekstistä vaikeaa lukea.
• Ole johdonmukainen. Käytä App Store -esityksessä, portfoliossa tai tuoteuutisessa samaa kehystä, taustatyyliä ja marginaalia jokaisessa kuvassa.
• Teksti kuuluu näytön ulkopuolelle. Sijoita kuvatekstit taustalle, älä käyttöliittymän päälle, jotta näyttökuva pysyy rehellisenä ja luettavana.

Valitse oikea vientikoko

Päätä käyttökohde ennen hienosäätöä. Pystyjulkaisu toimii hyvin koossa 1080 × 1350 pikseliä (4:5), Story koossa 1080 × 1920 (9:16), ja verkkosivun hero tarvitsee usein vaakamuodon. Kollaasikoko-oppaassamme luetellaan nykyiset koot Instagramille, Storyille, Pinterestille ja tulosteille. Jos yhden mockupin on palveltava useita paikkoja, tee ensin master-versio ja sitten muunnelma kutakin muotoa varten. Opas valitse vientimuoto ennen rajaamista kertoo miksi.

Ratkaise tavalliset ongelmat

• Näyttökuva näyttää venytetyltä: tuo alkuperäinen uudelleen ja sovita se pakottamatta eri muotoon.
• Teksti on liian pientä: rajaa tärkeään alueeseen, suurenna kehystä tai käytä sen ympärillä vähemmän elementtejä.
• Kehys sulautuu taustaan: vaihda kontrastikkaampaan taustaan. Katso kollaasia tukevien taustojen suunnittelu.
• Huomaat yksityisiä tietoja viennin jälkeen: ota uusi näyttökuva. Älä koskaan luota tarraan arkaluontoisten tietojen peittämisessä.