Jak stworzyć okładkę dla strony internetowej

Czasami jednak okładka wygląda jak reklama i zawiera jasny komunikat, wezwanie do działania i obraz pokazujący, co klient otrzyma w rezultacie. Jeśli prowadzisz SPA lub salon kosmetyczny, dobrym zdjęciem na okładkę będzie zdjęcie przedstawiające estetyków lub masażystów przy pracy. Jeśli zajmujesz się naprawami domowymi, dodaj zdjęcia swoich pracowników, pokazując, że nie są niedoświadczonymi młodymi chłopakami, ale wysoko wykwalifikowanymi profesjonalistami, na których można polegać. Jeśli sprzedajesz urocze notesy z kotami, nie wahaj się umieścić ich na okładce. W tym przypadku nie musisz nawet nic pisać - zdjęcie mówi samo za siebie.

Idealne zdjęcie na okładkę powinno być puste w środku - bez żadnych szczegółów lub elementów.

Tytuł na pierwszej stronie prawie zawsze znajduje się w centrum. Gdy tekst zakrywa ważne elementy wizualne, nikt ich nie zobaczy. Co więcej, tekst może być nieczytelny.

Na przykład zdjęcie krajobrazu przedstawiające pustynię lub niebo, blat stołu bez żadnych obiektów pośrodku, zielony las... wszystko zależy od tematu witryny, pożądanego nastroju i wyobraźni. Celem jest zapewnienie czytelności tekstu.

Jeśli umieścisz tekst na tle obszaru z dużą ilością elementów, utrudnisz jego odczytanie. Dlatego upewnij się, że rozmiar elementów jest zgodny z rozmiarem czcionki.

Zdjęcie na okładkę to tło, które tworzy określony nastrój. Może ono wzmocnić przekaz lub pozostać niezauważone.

Ogólnie rzecz biorąc, celem jest pomoc odwiedzającemu w przeczytaniu i szybkim zrozumieniu tekstu. Załóżmy, że projektujesz stronę internetową dla konferencji. Dodajesz tytuł konferencji, datę, godzinę i lokalizację na okładce. Jeśli tekst wizualnie zlewa się z tłem i jest prawie nieczytelny, odwiedzający może go po prostu pominąć, przewinąć w dół i przegapić ważne informacje.

Gdy tekst się wyróżnia, dobrze dobrane zdjęcie wzmocni przekaz. Na przykład, na okładce umieszczono zdjęcie z zeszłorocznej konferencji. Ludzie mogą zobaczyć, jak zorganizowano wydarzenie, czy była to duża sala z setkami osób, czy wręcz przeciwnie, przytulna przestrzeń z zaledwie kilkoma uczestnikami. Zdjęcie może zastąpić kilka akapitów. W każdym razie, przede wszystkim, ludzie powinni uzyskać podstawowe informacje o czasie i lokalizacji.

Tekst i obraz powinny się wzajemnie uzupełniać. Na przykład, umieść tekst na pustej ścianie. Jednolite tło nie wpłynie negatywnie na czytelność.

Gdy powtarzające się elementy na obrazie tworzą wzór, może się wydawać, że wypełniają całą przestrzeń, tworząc jednorodne tło. Nie jest tak do końca - spójrz na wszystkie drobne szczegóły, które tworzą wizualny szum i komplikują postrzeganie kopii. W takim przypadku dobrym pomysłem może być przyciemnienie obrazu tła.

Gdy główny obiekt zdjęcia znajduje się po prawej stronie, tekst powinien być umieszczony po lewej stronie. Działa to w następujący sposób: odwiedzający witrynę może wyraźnie zobaczyć twarz osoby, która jest najważniejszym obiektem na zdjęciu; inne szczegóły są mniej ważne.

Jeśli osoba znajduje się w centrum obrazu, nie dodawaj tekstu na górze twarzy - lepiej obniżyć go bliżej obszaru ciała.

Ogólnie rzecz biorąc, twarz osoby jest najważniejszym obiektem na zdjęciu. Jeśli twarz jest zasłonięta tekstem, odwiedzający witrynę nie będą czuć się komfortowo, ponieważ nie będą w stanie zobaczyć obiektu w szczegółach ani przeczytać wiadomości.

Przyciemnij obraz za pomocą filtrów gradientowych.

Jeśli wybrany obraz tła sprawia, że kopia jest trudna lub niemożliwa do odczytania, przykryj go filtrem: większe krycie filtra powoduje przyciemnienie tła.

Znacznie łatwiej jest odczytać tekst na kontrastowym tle. Staraj się jednak nie przesadzać z przyciemnianiem, ponieważ obiekty na zdjęciu mogą stać się nie do odróżnienia. Spójrz na oryginalną jasność obrazu, aby zdecydować, jak zastosować gradient: w przypadku niektórych zdjęć wystarczy 20%, podczas gdy inne należy przyciemnić o 70% lub więcej. Wypróbuj różne opcje.

Przyciemnianie nie jest odpowiednie dla wszystkich obrazów. Jasne obrazy mogą stać się blade lub wyblakłe z powodu czarnego gradientu. Może powstać atmosfera smutku. Wybierz ciemniejsze zdjęcia, aby uniknąć tego efektu.

Innym sposobem na dodanie nastroju do strony internetowej jest tonowanie. Wybierz kolorowe filtry zamiast standardowej czerni. Użyj oficjalnych kolorów marki dla gradientu lub wybierz kolor ze schematu kolorów witryny. Alternatywnie, wybierz odcień, który pasuje do palety kolorów obrazu.

Można kolorować nie tylko tło, ale także tekst. Co więcej, możesz połączyć tonowanie tła i kolor tekstu w tym samym czasie. Należy jednak być bardzo ostrożnym, aby uniknąć jaskrawego i krzykliwego wyglądu witryny.

Wskazówka: wybierz dwa kolory i użyj jednego jako koloru podstawowego (90%), a drugiego jako koloru akcentującego (10%).

Na przykład możesz zastosować żółty gradient do tła i dodać jasnoniebieski tekst. Albo pokryć cały obraz kwaśnozielonym filtrem i nałożyć na niego pomarańczowy tekst. Wygląda to jasno i wesoło, więc może być dobrą opcją na konferencję lub stronę internetową startupu.

Białe okładki zazwyczaj wyglądają ładnie. Jeśli masz zdjęcie o wysokim kluczu z jasnym oświetleniem, które przedstawia urzekający obiekt, połącz je z ciemnym lub kolorowym tekstem.

Okładki, na których nie widać nic poza jednym obiektem, wyglądają intrygująco. Znacznie łatwiej jest również połączyć tekst z takimi obrazami. Wyobraź sobie, że zamówiłeś profesjonalną sesję zdjęciową, a obiekty znajdują się na neutralnym tle: system dźwiękowy lub samochód na białym lub szarym tle. Dzięki temu łączenie tekstu i obrazów to bułka z masłem.