Jeden baner w trzech formatach: kwadrat, pion i poziom

Ustal treść przed adaptacją

Weź gotową ofertę: jeden produkt lub usługę, nagłówek, objaśnienie i wezwanie do działania. Zatwierdź te części przed tworzeniem rozmiarów. W przeciwnym razie w każdym projekcie pojawi się nieco inne znaczenie, a porównanie kompozycji będzie niedokładne. Osobno zapisz obowiązkowe warunki, których nie można utracić przy skracaniu.

Do ćwiczenia utwórz obszar kwadratowy, pionowy i poziomy. To proporcje do ćwiczenia, a nie uniwersalne rozmiary platform. Przy rzeczywistej publikacji sprawdź wymagania, ograniczenia pliku i obszary zasłaniane przez interfejs. Adaptacja powinna uwzględniać miejsce wyświetlania, a nie tylko proporcje boków.

Oddziel elementy stałe od wymiennych

Stałe pozostaną tekst oferty, główne kolory, krój pisma i charakter obrazu. Zmieniać mogą się rozmieszczenie, kadrowanie, podział wierszy i wielkość drugorzędnego obiektu. Taka lista pomoże zachować wspólny styl, nawet jeśli kompozycje znacznie się od siebie różnią.

Do próby możesz użyć dziesięciu bezpłatnych teł z podestami. Wybierz wariant z zapasem przestrzeni wokół głównej sceny. Nie każde gotowe tło dobrze znosi mocne kadrowanie: jeśli podest znika w wariancie poziomym, dobierz inne tło lub zmień kompozycję.

Zacznij od kwadratu

Umieść nagłówek i obraz tak, aby sobie nie przeszkadzały. Pozostaw objaśnienie i wezwanie do działania w osobnym bloku. Zapisz tę wersję jako punkt wyjścia, ale nie traktuj jej jako jedynego poprawnego układu dla pozostałych proporcji. Kwadrat służy do sprawdzania treści, a nie do mechanicznego skalowania.

1. W pionie ułóż główne bloki kolejno od góry do dołu i zachowaj czytelność nagłówka.
2. W poziomie wypróbuj tekst po lewej, obiekt po prawej lub inną czytelną parę obszarów.
3. Zmieniaj podział wierszy zgodnie z sensem, a nie przypadkową szerokością pola tekstowego.
4. Sprawdzaj wezwanie do działania i warunki po każdej zmianie układu.
5. Nie rozciągaj zdjęcia ani PNG w jednej osi, aby wypełnić wolne miejsce.

Jeśli format jest zbyt wąski, możesz usunąć drugorzędne dekoracje. Nie wolno jednak zamieniać warunków oferty w nieczytelny wiersz. Najpierw skróć nieobowiązkowe sformułowania i wybierz inny układ. Zachowanie wszystkich ozdobników nie jest ważniejsze niż poprawność komunikatu.

Sprawdzaj widoczną skalę

Trzy projekty o różnych kształtach na jednej planszy mogą wydawać się nieporównywalne. Obejrzyj każdy w przewidywanym rozmiarze wyświetlania. Nagłówek i obiekt powinny zachować swoją rolę. Jeśli w poziomie przedmiot stał się najważniejszy, a tekst zginął, pomniejsz go lub wydziel spokojniejszy obszar dla tekstu.

Kadruj tło oddzielnie od przedmiotu i napisu, jeśli znajdują się na różnych warstwach. Dzięki temu łatwiej zachować ważne części. Spłaszczony gotowy obraz daje mniej możliwości: czasami potrzebny jest inny plik źródłowy. Nie maskuj utraconych krawędzi skalowaniem, które pogarsza jakość obrazu.

Zapisz pliki robocze z czytelnymi nazwami

Nazwij warianty według formatu i przeznaczenia. Wyeksportuj je osobno i sprawdź, czy każdy ma właściwą kompozycję, tekst oraz rozmiar. Po uzgodnieniu poprawki powinny trafić do wszystkich wersji: przechowuj listę zmienionych danych obok projektu.

Przy początkowej hierarchii przyda się krótki nagłówek banera. Jeśli używasz gotowej sceny, zobacz umieszczanie produktu na podeście. Dodatkowe ogólnodostępne materiały znajdziesz w osobnej sekcji.