Prezentuj zrzuty ekranu w makietach przeglądarki i urządzeń

Przygotuj zrzut ekranu

Zacznij od najczystszego dostępnego ujęcia. Przed umieszczeniem usuń tymczasowe alerty, dane osobowe i przypadkowe szczegóły paska stanu. Ważny interfejs trzymaj blisko środka, ponieważ ramka lub perspektywa mogą zmniejszyć czytelny obszar. Jeśli pokazujesz przepływ pracy, wybierz jedną kluczową ekran albo przygotuj krótką serię z tą samą logiką kadrowania.

Użyj stylu przeglądarki, gdy treścią jest strona internetowa lub widok podobny do pulpitu. Wybierz styl telefonu albo tabletu, gdy ważne są układ dotykowy i pionowy sposób czytania. To dekoracyjne ramki: nie otwierają przeglądarki, nie ładują adresu URL i nie zmieniają samego zrzutu. To rozróżnienie pomaga uczciwie opisać gotowy obraz.

1. Wybierz jeden zrzut z wyraźnym tematem i usuń wrażliwe treści.
2. Zdecyduj, czy kontekst najlepiej wyjaśni ramka przeglądarki, iPhone'a czy iPada.
3. Sprawdź, czy ważny tekst i elementy sterujące pozostaną widoczne wewnątrz ramki.

Umieść ramkę i wybierz scenę

Wybierz tło, które wspiera zrzut ekranu. Spokojny jednolity kolor sprawdza się w dokumentacji, a miękkie zdjęcie lub scena natury może ocieplić prezentację produktu. Umieść makietę z wystarczającą ilością miejsca wokół, aby było widać krawędź ramki. W oknie przeglądarki zachowaj rozpoznawalną oprawę, ale nie pozwól, by dekoracyjne kontrolki konkurowały ze stroną.

Zachowaj wiarygodną perspektywę. Lekkie przechylenie może dodać energii, ale mocny obrót utrudnia czytanie małego tekstu. Dopasuj makietę do kierunku wizualnego tła. Ramka pochylona w stronę wolnej przestrzeni wygląda celowo, a skierowana na zatłoczony obiekt sprawia wrażenie ściśniętej.

Przeczytaj także: jak dodać ramkę iPhone'a do zrzutu ekranu

1. Wybierz proste lub własne tło z wystarczającym kontrastem.
2. Ustaw dekoracyjną ramkę i zostaw margines wokół jej zewnętrznej krawędzi.
3. Najpierw wypróbuj wersję prostą, a potem porównaj przechylenie w docelowym rozmiarze udostępniania.

Sprawdź czytelność i wiarygodność

Zmniejsz powiększenie i zapytaj, co odbiorca zauważy najpierw. Zrzut powinien pozostać tematem, a ramka ma informować, jaki to rodzaj ekranu. Jeśli wygrywa tło, uprość je lub zmniejsz jego kontrast. Jeśli zrzut znika, powiększ makietę albo użyj spokojniejszej sceny.

Sprawdź narożniki, tekst i krawędzie. Zbyt ciasne przycięcie ramki może wyglądać przypadkowo, a cienki, nierówny pasek tła bywa bardziej rozpraszający niż zdecydowane kadrowanie. W miarę możliwości zachowaj oryginalne proporcje zrzutów i nie rozciągaj okrągłej ikony ani osoby na zdjęciu.

Style ramek i warunki Pro mogą zmieniać się między wersjami aplikacji, dlatego przed zaplanowaniem serii sprawdź aktualny panel Makiety w aplikacji.

1. Najpierw oceń hierarchię, a następnie sprawdź tekst i krawędzie ramki.
2. Porównaj wynik w pełnym rozmiarze oraz w rozmiarze używanym w poście lub artykule.
3. Jeśli odbiorca potrzebuje kontekstu, dodaj krótką podpis poza zrzutem.

Rozwiąż typowe problemy z makietą

Jeśli zrzut wygląda na rozciągnięty, zastąp go oryginałem w prawidłowych proporcjach i dopasuj ponownie. Gdy tekst jest zbyt mały, przytnij istotny obszar albo użyj większej ramki. Jeśli ramka i tło mają podobne kolory, dodaj separację przez inne tło lub bardziej powściągliwą oprawę. Jeśli obraz jest przechylony bez powodu, wróć do prostego wyrównania.

Jeśli tło z własnego obrazu jest zatłoczone, nie zasłaniaj zrzutu ciężką dekoracją. Przenieś makietę w spokojniejsze miejsce, ogranicz konkurencję wizualną albo wybierz prostszy kolor. Wyeksportuj próbę i sprawdź rzeczywiście zapisany wynik przed wysłaniem klientowi lub publikacją.

1. Najpierw popraw proporcje, dopiero potem zmieniaj skalę.
2. Zadbaj o czytelność kadrem i hierarchią, zanim dodasz dekoracje.
3. Raz obejrzyj zapisany obraz w rzeczywistym rozmiarze docelowym.