Mockup posta w mediach społecznościowych

Pokaż klientowi, współpracownikowi albo sobie, jak post naprawdę będzie wyglądał, zanim trafi do sieci. Upuść zdjęcie, wpisz opis, ustaw nazwę strony i liczniki, a zobaczysz realistyczny post z Facebooka, Instagrama lub LinkedIna w trybie jasnym lub ciemnym, jako prostą kartę albo na ekranie telefonu. Pobierz go jako ostry PNG w rozmiarze 2× do prezentacji, korekty lub maila z prośbą o akceptację. Twoje zdjęcie i tekst nigdy nie opuszczają urządzenia.

Jak zrobić mockup posta

  1. Upuść zdjęcie do posta, kilka zdjęć do karuzeli albo nic, jeśli post ma być samym tekstem.
  2. Wybierz platformę, tryb jasny lub ciemny oraz kartę albo ramkę telefonu.
  3. Wpisz nazwę strony, nazwę użytkownika, opis oraz liczby polubień, komentarzy i udostępnień, które chcesz pokazać.
  4. Jeśli chcesz, wgraj logo jako awatar, a potem pobierz PNG.

Po co robić mockup przed publikacją

Opis, który dobrze czyta się w dokumencie, może wyglądać zupełnie inaczej po zawinięciu na szerokość kanału z uciętym „Zobacz więcej”, zdjęcie świetne jako plik zostanie na Instagramie przycięte do 4:5, a klient, który zaakceptował tekst mailem, często reaguje inaczej, widząc go jako prawdziwy post. Mockup rozstrzyga takie rozmowy jednym spojrzeniem. To także to, co agencje wklejają do prezentacji i wątków z akceptacją, i to, co trafia do portfolio, zanim prawdziwy post jest online.

Co pokazuje mockup

Każda platforma jest rysowana z własnym układem, czcionkami, ikonami i etykietami:

PlatformaCo dostajesz
FacebookNazwę strony, czas lub oznaczenie sponsorowane z ikoną odbiorców, opis, zdjęcie, ikony reakcji z liczbą, liczbę komentarzy i udostępnień oraz pasek Lubię to!, Komentarz i Udostępnij.
InstagramNazwę użytkownika z pierścieniem relacji, oznaczenie sponsorowane, zdjęcie przycięte do proporcji kanału, ikony serca, komentarza, wysyłania i zapisu, polubienia, opis z nazwą użytkownika w wierszu, „Zobacz wszystkie komentarze” i datę.
LinkedInNazwę firmy lub profilu, liczbę obserwujących, czas lub oznaczenie promowane, opis, zdjęcie, stos reakcji z liczbą, komentarze i ponowne publikacje oraz pasek Poleć, Skomentuj, Opublikuj ponownie i Wyślij.

Każda platforma ma tryb jasny i ciemny, w formie schludnej karty posta na spokojnym tle albo na ekranie telefonu z paskiem stanu, który lepiej wygląda w prezentacji.

Karuzele i posty z wieloma zdjęciami

Upuść dwa lub więcej zdjęć, a mockup przełączy się na układ wielu zdjęć danej platformy. Facebook rysuje reklamę karuzelową: kwadratowe karty obok siebie, z kolejną wysuwającą się z prawej, każda z nagłówkiem, nazwą Twojej strony i przyciskiem z ustawionym przez Ciebie tekstem. Instagram i LinkedIn pokazują jeden slajd naraz z licznikiem w rogu i kropkami lub paskiem pod spodem, a Ty wybierasz, który slajd jest z przodu. Przy karuzeli pobierasz zawsze dwa pliki PNG: widok kanału dokładnie taki, jaki widzą przewijający, oraz widok wszystkich kart obok siebie, który klienci rozumieją od razu.

Jak uzyskać przekonujący efekt

  • Użyj prawdziwego rozmiaru zdjęcia. Podgląd przycina wysokie zdjęcia tak jak kanał, więc widzisz dokładnie, co zostanie ucięte. Zdjęcia kwadratowe lub 4:5 są widoczne w całości.
  • Wgraj logo jako awatar. Inicjały wystarczą do szybkiej kontroli, ale dopiero logo sprawia, że mockup wygląda jak zrzut ekranu.
  • Ustaw wiarygodne liczby. Polubienia, komentarze i udostępnienia są formatowane jak na danej platformie, więc 1240 zamienia się w 1,2 tys. tam, gdzie platforma skraca.
  • Wklej ostateczny opis. Podziały wierszy i emoji zostają zachowane, a długie opisy są ucinane tam, gdzie uciąłby je kanał.
  • Włącz oznaczenie reklamy, gdy sprawdzasz reklamę, a nie post organiczny. Treść oznaczenia zmienia się w zależności od platformy.

Pobieranie i wykorzystanie mockupu

Pobierasz PNG w dwukrotności rozmiaru ekranowego, więc pozostaje ostry na slajdzie, w dokumencie czy na stronie portfolio. Ponieważ tło jest w pliku, od razu pasuje do prezentacji. Jeśli potrzebujesz go bez tła do kompozycji, przytnij go potem narzędziem do przycinania.

Czego nie robi

Niczego nie publikuje, nie planuje i nie łączy się z żadnym kontem, i nie jest kopią co do piksela każdej aktualizacji platform. Kanały przesuwają się o kilka pikseli co kilka miesięcy; mockup odwzorowuje aktualny układ na tyle wiernie, by nadawał się do akceptacji, prezentacji i portfolio, a do tego służą mockupy. Posty wideo nie są jeszcze obsługiwane; użyj klatki z filmu jako zdjęcia, a układ będzie identyczny.

Prywatność

Nieopublikowane kampanie to dokładnie to, czego nie powinno się wgrywać na przypadkową stronę z mockupami. To narzędzie rysuje podgląd i tworzy PNG w całości w przeglądarce. Twoje zdjęcie, opis i logo nigdy nie opuszczają urządzenia.

Najczęściej zadawane pytania

Czy moje zdjęcie lub opis są przesyłane?

Nie. Podgląd jest rysowany w przeglądarce, a PNG powstaje na Twoim urządzeniu. Nieopublikowane kampanie pozostają poufne.

Czy nadaje się także do reklam, a nie tylko postów organicznych?

Tak. Włącz oznaczenie reklamy, a mockup pokaże „Sponsorowane” na Facebooku i Instagramie oraz „Promowane” na LinkedInie.

Czy mogę użyć logo jako zdjęcia profilowego?

Tak. Wgraj logo lub zdjęcie, a posłuży jako awatar; bez niego podgląd pokaże Twoje inicjały w kolorze platformy.

Jak wierny jest układ?

Odwzorowuje aktualny układ kanału każdej platformy, czyli czcionki, odstępy, ikony i etykiety, na tyle wiernie, by nadawał się do akceptacji i prezentacji. Platformy często zmieniają drobiazgi, więc traktuj go jako wierny mockup, a nie zrzut ekranu co do piksela.

Jaki rozmiar ma pobrany plik?

PNG jest renderowany w dwukrotności rozmiaru ekranowego, więc pozostaje ostry w prezentacjach i na ekranach Retina. Posty z samym tekstem i wysokie zdjęcia też są obsługiwane.

Czy mogę podejrzeć karuzelę?

Tak. Upuść dwa lub więcej zdjęć. Facebook pokazuje przewijane karty z nagłówkiem i przyciskiem na każdej, a Instagram i LinkedIn licznik slajdów i kropki. Pobierasz dwa pliki PNG: widok kanału z wysuwającą się kolejną kartą oraz widok wszystkich slajdów obok siebie, żeby klient mógł wybrać.

Czy mogę podejrzeć post z wideo?

Jeszcze nie. Użyj klatki z filmu jako zdjęcia, a układ będzie taki sam.

Twoje pliki nigdy nie opuszczają urządzenia

Każde narzędzie w Squishly Tools jest w 100% darmowe i działa w całości w przeglądarce. Twoje obrazy i dokumenty są przetwarzane na Twoim komputerze i nigdy nie trafiają na serwer. Bez kont, bez znaków wodnych i bez haczyka.