Prezentujte snímky obrazovky v mockupech prohlížeče a zařízení

Připravte snímek obrazovky

Začněte s nejčistším dostupným snímkem. Před vložením odstraňte dočasná upozornění, osobní údaje a náhodné stavové informace. Důležité rozhraní ponechte blízko středu, protože rámeček nebo perspektivní úprava mohou zmenšit čitelnou plochu. Pokud ukazujete pracovní postup, vyberte jednu rozhodující obrazovku nebo vytvořte malou sérii se stejnou logikou ořezu.

Styl prohlížeče použijte, když obsah tvoří webová stránka nebo pohled podobný ploše počítače. Styl telefonu či tabletu zvolte, když je důležité dotykové rozvržení a svislé čtení. Jde o dekorativní rámečky: neotevírají prohlížeč, nenačítají URL ani nemění samotný snímek. Toto rozlišení pomáhá nastavit poctivá očekávání pro výsledný obrázek.

1. Vyberte snímek s jasným motivem a odstraňte citlivý obsah.
2. Rozhodněte, zda kontext nejlépe vysvětlí prohlížeč, iPhone nebo iPad.
3. Zkontrolujte, že důležitý text a ovládací prvky zůstanou v rámečku viditelné.

Umístěte rámeček a vyberte scénu

Vyberte pozadí, které snímek podpoří. Klidná plná barva funguje pro dokumentaci; jemná fotografie nebo přírodní scéna může produktovou prezentaci zateplit. Umístěte mockup s dostatkem okolního prostoru, aby byl vidět okraj rámečku. U okna prohlížeče zachovejte rozpoznatelné prvky, ale nenechte dekorativní ovládání soupeřit se stránkou.

Perspektiva musí působit věrohodně. Mírné naklonění může dodat energii, výrazné otočení však ztíží čtení malého textu. Mockup zarovnejte s vizuálním směrem pozadí. Rámeček nakloněný k otevřenému prostoru působí záměrně, zatímco rámeček mířící do rušného objektu vypadá stísněně.

Přečtěte si také: jak přidat rámeček iPhonu ke snímku obrazovky

1. Vyberte jednoduché nebo vlastní obrázkové pozadí s dostatečným kontrastem.
2. Umístěte dekorativní rámeček a ponechte kolem jeho vnějšího okraje mezeru.
3. Nejprve vyzkoušejte rovnou verzi a potom porovnejte případné naklonění ve velikosti pro sdílení.

Zkontrolujte čitelnost a věrohodnost

Oddalte náhled a zeptejte se, čeho si divák všimne jako prvního. Snímek má zůstat hlavním motivem, zatímco rámeček napoví, o jaký typ obrazovky jde. Pokud vítězí pozadí, zjednodušte je nebo snižte jeho kontrast. Pokud snímek mizí, mockup zvětšete nebo použijte klidnější scénu.

Prohlédněte rohy, text a okraje. Příliš těsný ořez rámečku může vypadat náhodně; úzký nerovnoměrný proužek pozadí může rušit více než záměrný ořez. Pokud možno zachovejte původní poměr stran snímků a neroztahujte kruhové ikony ani osoby na fotografiích.

Styly rámečků a podmínky Pro se mohou mezi verzemi aplikace měnit, proto před plánováním série zkontrolujte aktuální panel Mockupy v aplikaci.

1. Zkontrolujte hierarchii a potom text a okraje rámečku.
2. Výsledek porovnejte v plné velikosti i ve velikosti použité v příspěvku nebo článku.
3. Pokud divák potřebuje kontext, přidejte krátký popisek mimo snímek.

Opravte běžné potíže s mockupy

Pokud snímek vypadá roztaženě, znovu použijte originální poměr stran a vložte jej znovu. Když je text příliš malý, ořízněte smysluplnou oblast nebo použijte větší rámeček. Pokud mají rámeček a pozadí podobné barvy, oddělte je jiným pozadím nebo umírněnějším rámečkem. Jestli obrázek působí bezdůvodně nakloněně, vraťte jej do rovného zarovnání.

Když je vlastní pozadí rušné, nezakrývejte snímek těžkou dekorací. Přesuňte mockup do klidnější části, omezte vizuální soupeření nebo zvolte jednodušší barvu. Exportujte test a prohlédněte skutečný uložený výsledek, než jej odešlete klientovi nebo zveřejníte.

1. Před změnou měřítka opravte poměr stran.
2. Čitelnost zlepšujte ořezem a hierarchií, teprve potom přidávejte dekoraci.
3. Jednou si prohlédněte uložený obrázek ve skutečné velikosti cílového použití.