Dlaczego napis na zdjęciu bywa trudny do odczytania
Zdjęcie nie jest jednolitym tłem. Jasne niebo może sąsiadować z ciemnym budynkiem, a twarz lub ważny detal mogą wypadać dokładnie pod literami. Kolor tekstu, który dobrze wygląda w jednym miejscu kadru, w innym niemal znika. Problem nasila się, gdy fotografia zostaje przycięta na węższym ekranie: napis trafia wtedy na inny fragment obrazu niż w projekcie oglądanym na komputerze.
Trudności nie zawsze widać od razu. Osoba przeglądająca stronę w słońcu, powiększająca tekst albo korzystająca ze słabszego ekranu może potrzebować wyraźniejszego oddzielenia liter od tła. Jeśli na zdjęciu znajduje się ważna informacja, na przykład nazwa usługi lub termin zapisów, dekoracyjny efekt nie powinien decydować o tym, czy da się ją odczytać.
Najpierw rozróżnij dwa rodzaje tekstu
Napis może być częścią pliku graficznego albo zwykłym tekstem strony umieszczonym na zdjęciu za pomocą układu. To istotna różnica. Litery zapisane w obrazie nie dostosowują się samodzielnie do ustawień wielkości tekstu. Po zmniejszeniu grafiki na telefonie mogą stać się zbyt drobne, a ich poprawienie zwykle wymaga przygotowania nowej wersji pliku.
Tekst dodany jako element strony łatwiej zmienić, przetłumaczyć i ułożyć inaczej na małym ekranie. Zwykle jest też dostępny dla narzędzi odczytujących treść witryny. Nie oznacza to jednak, że każdy tekst nałożony na fotografię będzie czytelny. Nadal trzeba zadbać o wielkość liter, odstępy i odpowiednie tło. Opis alternatywny zdjęcia nie powinien być jedynym miejscem, w którym pojawia się ważna informacja dla odwiedzających.
Kiedy lepiej przenieść tekst poza zdjęcie
Najprostsze rozwiązanie to umieścić zdjęcie obok nagłówka i krótkiego opisu albo nad nimi. Fotografia nadal buduje nastrój, lecz treść ma spokojne, przewidywalne tło. Na stronie firmowej może to być zdjęcie pracowni obok nazwy usługi i przycisku prowadzącego do szczegółów. Na blogu sprawdzi się ilustracja nad tytułem wpisu, a w katalogu — zdjęcie produktu obok jego nazwy i podstawowych informacji.
Przeniesienie tekstu poza obraz warto rozważyć szczególnie wtedy, gdy komunikat jest długi, często się zmienia lub zawiera kilka elementów, takich jak tytuł, opis i przycisk. Taki układ daje więcej miejsca na powiększenie liter oraz zmianę kolejności elementów na telefonie. Nie trzeba też dobierać każdej nowej fotografii wyłącznie pod kątem wolnej przestrzeni na napis.
Jeśli tekst musi pozostać na fotografii
Czasem krótki nagłówek na zdjęciu pomaga stworzyć czytelny punkt wejścia do strony. Wybierz wtedy fotografię z możliwie spokojnym obszarem pod tekstem. Możesz dodać jednolity panel pod napisem lub przyciemnić odpowiednią część zdjęcia. Takie rozwiązanie powinno wzmacniać czytelność także po przycięciu kadru, a nie działać tylko na jednym ekranie.
Ogranicz liczbę słów i nie umieszczaj drobnych dopisków na tle pełnym szczegółów. Sprawdź wygląd banera na szerokim i wąskim ekranie, przy powiększeniu strony oraz z dłuższym tekstem, jeśli treść może się zmienić. Zwróć uwagę, czy przycisk nie zlewa się ze zdjęciem i czy ważny fragment fotografii nie jest zasłonięty. Gdy nie da się uzyskać stabilnego efektu, lepiej wybrać zwykły blok tekstowy.
Prosty sposób podjęcia decyzji
Przed publikacją zadaj sobie trzy pytania: czy bez trudu odczytam napis na telefonie, czy pozostanie czytelny po zmianie zdjęcia oraz czy informacja będzie zrozumiała bez samej fotografii? Jeśli odpowiedź na którekolwiek z nich brzmi „nie”, oddziel tekst od obrazu albo uprość kompozycję. Poproś też kogoś, kto nie zna strony, o szybkie przeczytanie komunikatu bez podpowiedzi, gdzie ma patrzeć.
Zdjęcie i tekst nie muszą ze sobą konkurować. Obraz może pokazywać miejsce, osobę lub przedmiot, a umieszczony obok nagłówek jasno mówić, czego dotyczy strona. To często lepszy wybór niż efektowny baner, który wymaga od odwiedzających wysiłku już przy pierwszym zdaniu.
