Tła do banerów: dobór tekstury i czytelny tekst

Wybierz tło do ćwiczeń

Publiczna kolekcja CreoPrompt zawiera osiem teł z kryształami. Pobierz je z wpisu Telegram z plikami, a podglądy zobacz w oryginalnym wpisie kanału. Wybierz jeden obraz i krótki nagłówek.

Takie tła pasują tam, gdzie odbicia, głębia i złożona faktura pomagają projektowi. Reklama z dużą ilością obowiązkowego tekstu wymaga spokojniejszej bazy. Najpierw oceń ilość informacji: tło musi zostawić na nią miejsce.

Znajdź miejsce na nagłówek

Otwórz tło w odpowiednim formacie. Szukaj obszaru z mniejszą liczbą kontrastowych krawędzi, refleksów i dużych obiektów. Tam łatwiej umieścić tekst. Jeśli cały obraz jest intensywny, wypróbuj inne tło, zanim skomplikujesz układ.

Kadrowanie zmienia rozkład uwagi. Przesuń duży kryształ ku krawędzi, by uspokoić środek. Sprawdź jakość: mocne powiększenie pionowego obrazu do poziomego banera może pogorszyć ostrość. Wybierz odpowiednie proporcje.

Sprawdź kontrast całego nagłówka

Użyj prostego fontu bez efektów. Sprawdź każde słowo: pierwsza litera może mieć ciemne tło, a ostatnia niemal białe. Jeden kontrastowy fragment nie wystarczy; cały napis musi pozostać czytelny.

Wypróbuj jasny i ciemny tekst. Jeśli żaden nie działa na całej powierzchni, dodaj podkład lub lokalne przyciemnienie. W Photoshopie umieść warstwę z gradientem od ciemnego do przezroczystego nad tłem i pod tekstem. W Figmie użyj prostokąta z gradientem.

Ogranicz detale miejscowo

Nie trzeba przyciemniać całego obrazu jednakowo. Zachowaj ciekawe powierzchnie wokół głównego obiektu i uspokój obszar nagłówka. Tło pozostanie atrakcyjne, nie konkurując z informacją.

1. Znajdź miejsce, w którym tło utrudnia odczyt konkretnej linii.
2. Dodaj tam osobną warstwę przyciemnienia lub półprzezroczysty podkład.
3. Ustaw intensywność efektu w zmniejszonym rozmiarze oglądania.
4. Sprawdź, czy między zmienioną a oryginalną częścią nie powstała widoczna granica.

Rozmycie również ogranicza detale, ale zmienia charakter obrazu. Najpierw spróbuj innego kadru, podkładu lub zmiany kontrastu. Każdy dodatkowy krok powinien rozwiązywać widoczny problem.

Ogranicz liczbę akcentów

Gdy tło jest kolorowe, tekst nie musi powtarzać wszystkich jego barw. Wybierz jeden akcent dla ważnego słowa lub małego pola, a resztę pozostaw neutralną. Inny kolor każdej linii może zaburzyć kolejność czytania.

Faktura tworzy też nastrój. Kryształy dają złożony, przestrzenny obraz, papier wspiera kolaż, gradient łączy kolory, a jednolite powierzchnie skupiają uwagę na produkcie. Wybieraj zgodnie z treścią reklamy i stylem marki.

Dostosuj układ do telefonu

Zmniejsz baner do szerokości feedu na telefonie. Szczegóły i daty często stają się za małe wcześniej niż nagłówek. Jeśli trzeba przybliżać, zwiększ font i skróć tekst. Usunięcie zbędnej linii zwykle pomaga bardziej niż kolejny efekt.

W innym formacie rozmieść elementy ponownie. W pionie można podnieść nagłówek i pokazać więcej obrazu niżej; w poziomie wydzielić strefę tekstu. Zachowaj hierarchię, nie pierwotne współrzędne.

Gdy tło jest gotowe, dodaj obiekt lub ikonę. Nie przeciążaj gęstej faktury kilkoma dużymi obiektami. Ćwicz z bezpłatnymi ikonami PNG i instrukcją banera; wszystkie zestawy są w materiałach.