Jak přidat rámeček iPhonu ke snímku obrazovky

Pořiďte čistý snímek obrazovky

Mockup může být jen tak dobrý jako snímek uvnitř. Před zachycením zavřete oznámení, skryjte osobní údaje a ujistěte se, že obrazovka ukazuje jednu jasnou myšlenku, například funkci, výsledek nebo zprávu.

• iPhone s Face ID: stiskněte současně boční tlačítko a tlačítko zvýšení hlasitosti.
• iPhone s tlačítkem plochy: stiskněte současně boční (nebo horní) tlačítko a tlačítko plochy.
• Mac: stiskněte Shift-Command-4 pro zachycení oblasti, Shift-Command-3 pro celou obrazovku nebo Shift-Command-5 pro další možnosti.

Chcete-li ukázat webovou stránku místo aplikace, okno prohlížeče ve stylu Safari často vysvětlí kontext lépe než rámeček telefonu. Viz mockupy prohlížeče a zařízení.

Přidejte rámeček iPhonu v Collage Easy

1. Otevřete Collage Easy a začněte nový projekt se snímkem. Collage Easy je zdarma v App Storu pro iPhone, iPad a Macy s Apple silicon (M1 nebo novějším) a macOS 14 nebo novějším.
2. Otevřete panel Mockupy a vyberte rámeček iPhonu. Snímek se objeví uvnitř obrazovky zařízení.
3. Zkontrolujte přizpůsobení. Snímek pořízený na iPhonu nejlépe pasuje do rámečku iPhonu. Pokud používáte snímek z jiného zařízení, nejprve jej ořízněte tak, aby důležitá část vyplnila obrazovku bez roztažení.
4. Vyberte pozadí. Pro dokumentaci zvolte plnou barvu, pro hravý vzhled vzor, pro teplejší dojem přírodní scénu nebo vlastní obrázek, pokud záleží na místě.
5. Upravte velikost a polohu. Kolem rámečku ponechte viditelnou mezeru, aby byl okraj zařízení zřetelný. Nejprve vyzkoušejte rovnou verzi a potom porovnejte mírné naklonění.
6. V případě potřeby přidejte kontext. Krátký nadpis mimo rámeček, přidaný textovým nástrojem, často vysvětlí více než šipka přes rozhraní.
7. Exportujte a zkontrolujte. Obrázek uložte, otevřete ve Fotkách a prohlédněte si jej ve skutečné velikosti zobrazení.

Udělejte mockup profesionální

• Jedna zpráva na obrázek. Pokud k vysvětlení potřebujete tři obrazovky, vytvořte tři obrázky nebo malou koláž se stejným rámečkem a pozadím.
• Nejprve kontrast, potom dekorace. Tmavá obrazovka aplikace na tmavém pozadí zmizí. Zvolte světlejší či barevnější pozadí nebo rámeček přesuňte do klidnější oblasti.
• Zachovejte věrohodnost. Malé náklony dodají energii, výrazné otočení však ztíží čtení textu rozhraní.
• Buďte konzistentní. Pro prezentaci v App Storu, portfolio nebo aktualizaci produktu používejte na všech obrázcích stejný rámeček, styl pozadí a okraj. Konzistence působí záměrně.
• Text patří mimo obrazovku. Popisky umístěte na pozadí, ne přes rozhraní, aby snímek zůstal poctivý a čitelný.

Vyberte správnou velikost exportu

Než mockup doladíte, rozhodněte, kde bude vidět. Portrétní příspěvek dobře funguje při 1080 × 1350 pixelech (4:5), Story při 1080 × 1920 (9:16) a webový úvod často potřebuje krajinný formát. Náš průvodce velikostmi koláží uvádí aktuální velikosti pro Instagram, Stories, Pinterest a tisk. Pokud má jeden mockup sloužit na více místech, nejprve vytvořte originál a potom variantu pro každý formát. Průvodce zvolte formát exportu před ořezem vysvětluje proč.

Opravte běžné problémy

• Snímek vypadá roztaženě: znovu importujte originál a přizpůsobte jej bez nucení do jiného tvaru.
• Text je příliš malý: ořízněte důležitou oblast, zvětšete rámeček nebo kolem něj použijte méně prvků.
• Rámeček splývá s pozadím: změňte pozadí za kontrastnější. Viz návrh pozadí, která podpoří koláž.
• Po exportu si všimnete osobních údajů: pořiďte nový snímek. Citlivé informace nikdy neskrývejte jen samolepkou.