Zdjęcia w designie webowym: sposoby wyboru i wykorzystania

Wybór zdjęć, które będą wykorzystane na stronie, może stać sią dość trudnym zadaniem, na które trzeba poświęcić sporo czasu, uwagi i sił. W tym artykułu pokażemy Ci strategie, które pomogą Ci wybrać dobre zdjęcia dla swojej strony, a także jak najlepiej wykorzystać te zdjęcia w designie witryny.

Wybór zdjęć jest kluczowym etapem w projektowaniu stron internetowych: mogą (i powinny) oni opowiedzieć użytkownikom witryny o celach i pomysłach marki, a także sprawić potrzebne wrażenie na grupę docelową.

Obecnie żyjemy w dynamicznym świecie, w którym codziennie dostajemy mnóstwo różnej informacji, znacznie więcej niż możemy przetworzyć. Szukając informacji o firmie lub czytając artykuł, często nie zastanawiamy się nad tekstem, lecz zauważymy zdjęcia w designie. Przeglądając je, świadomie lub podświadomie decydujemy czy dostarczane informacje są warte naszej uwagi.

zdjęcia w designie strony 01Zdjęcie od Moose

Dleczego są potrzebne zdjęcia w designie strony

Dlaczego więc zdjęcia są tak istotnym elementem Twojej witryny? Oto kilka kluczowych rzezczy, o których należy pamiętać:


Atrakcyjność wizualna

Czy kiedykolwiek zdażało Ci się otwierać witrynę, design której był po prostu, z braku lepszego słowa, nijaki? Czy chciałbyś zapoznać się z zawartością takiej witryny? Dla zwykłego użytkownika wizualna atrakcyjność strony jest jedną z najważniejszych rzeczy.

Porównaj dwa projekty stron: który z nich jest bardziej przyjemny dla oczu i łatwy do skanowania?

Strony The Wedding Lens...

zdjęcia w designie strony 02

...czy strony WedPics?

zdjęcia w designie strony 03

Na stronie WedPics wyświetlono listę korzyści, które otrzyma potencjalny klient w razie korzystania z usług firmy, bez przeciążenia strony dużymi fragmentami tekstu.

Design strony docelowej autorstwa Iron Sketch od Moose photos

Jest to jeszcze jeden przykład jak wykorzstanie ciekawego zdjęcia w designie strony pomagają zwiększyć jej atrakcyjność wizualną.


Tożsamość marki

Jest to dość oczywiste, ale ważne jest, aby pamiętać, że zdjęcia w designie witryny będą odzwierciedlały status Twojej marki i jej cele.

zdjęcia w designie strony 04

Na stronie internetowej UNICEFu prezentowane są zdjęcia szczęśliwych, pełnych nadziei dzieci, ukazujące pozytywny wpływ organizacji na ich życie. W ten sposób firma wyraźnie demonstruje swoją misję, polegającą na pomocy najsłabszym grupom ludzi w ulepszeniu jakości życia i rozwoju ich potencjału. Zachęca również Ciebie, przeciętnego internautę, do wniesienia wkładu w sprawę.

zdjęcia w designie strony 05


Nawiązanie relcaji z odbiorcami

Zdjęcia pozwalają na zwiększenie zaufania i lojalności wobec Twojej marki, ponieważ są oni jej odzwierciedleniem. Możesz użyć zdjęć z bardzo konkretnymi osobami, obiektami i edycją, aby sprawić na odwiedzających witrynę potrzebne wrażenie emocjonalne.

zdjęcia w designie strony 06Fashion Editorial web koncepcja autorstwa NICE100 od Moose photo

W centrum kompozycji wizualnej tej web koncepcji znajduje się zdjęcie kobiety, które w połączeniu ze stylową typografią tworzy elegancki układ, który dobrze kojarzy się z tematem stylu i mody.


Mniej gadania, więcej działania

Często zdjęcia są naprawdę warte tysiący słów. Mogą przenosić pojęcia i historie, których nie można by inaczej sformułować, lub rzeczy, których niekoniecznie chcesz wyjaśniać za pomocą tekstu.


Gdzie szukać zdjęć

Jeśli chodzi o wybór zdjęć dla designu strony, są dwa główne źródła:


Niestandardowe, spersonalizowane zdjęcia

Ten wariant wymaga zatrudnienia profesjonalnego fotografa, oraz poświęcenia czasu, sił i pieniędzy. Główną zaletą jest to, że otrzymujesz zupełnie wyjątkowe, najbardziej odpowiednie do marki zdjęcia, których nie znajdziesz w Internecie, dzięki czemu strona będzie się wyróżniała się spośród innych. Jeśli posiadasz umiejętności w zakresie fotografii,  możesz zrobić wszystkie potrzebne zdjęcia samodzielnie, a potem sprzedać niepotrzebne jako zdjęcia szockowe (chociaż, będziesz musiał również poświęcić temu zajęciu dużo czasu).


Zdjęcia stockowe

zdjęcia w designie strony 07Zdjęcie od Moose

Do Twojej dyspozycji są dwie opcje: płatne zdjęcia i darmowe. W interncie można zanleść mnóstwo atrakcyjnych zdjęć w cenie około $1. Ale także dostępne są mnóstwo jakościowych darmowych zdjęć na każdy temat. Niektóre serwisy ze zdjęciami stockowymi , takie jak Moose, pozwalają nawet na zamówienie niestandardowych zdjęć według Twoich potrzeb za darmo!

Wybierając zdjęcia stockowe upewnij się, że:

  • Wybrane zdjęcie nie jest zbyt "stockowe" i nadużywane. Niemal każdy, kto kiedykolwiek korzystał z internetu, natknął się na zdjęcia biurowych pracowników, które wyglądają na zbyt szczęśliwie, aby być w pracy - są rozproszone po całym Internecie, teraz najczęściej w formie memów. Zdjęcia takie jak te nie będą sprawiały właściwego wrażenia i nie będą miały dobrego wpływu na wizerunek Twojej marki.
  • Źródło pobierania zdjęć używanych na Twojej stronie - większość zdjęć jest darmowa w zamian za dodawanie linku do serwisu, z którego je pobrałeś.

Oto są niektóre z serwisów z darmowymi zdjęciami stockowymi:


Wykorzystanie zdjęć na stronie

OK, skoro już omówiliśmy "dlaczego" i "gdzie", prawdopodobnie będziesz chciał wiedzieć, jak możesz wykorzystać wybrane zdjęcia. Oto kilka podstawowych zasad:


Wybór odpowiednich zdjęć

Losowo wybrane zdjęcia natury prawdopodobnie nie są najlepszym wyborem dla sklepu z gadżetami. Wybierając zdjęcia, upewnij się, że jak najlepiej odzwierciedlają temat Twojej witrny. Dokładnie analizuj zdjęcia, które zamierzasz wykorzystać, ponieważ często nawet małe szczegóły mogą mieć zły wypływ na czytelnika.


Targetowanie grupy odbiorców

Kim jest Twój docelowy odbiorca? Upewnij się, że wiesz, dla kogo jest przeznaczony Twój produkt i strona, i wybierz zdjęcia z osobami, z którymi internauci będą chieli zapoznać się i nawiązać z nimi kontakt. Co najważniejsze, zainteresuj swoją grupę docelową, odpowiadając o produkcie lub usłudze w pozytywnym świetle, w niewymuszony, organiczny sposób.

zdjęcia w designie strony 08

W powyższym przykładzie Tinder odwołuje się do młodych użytkowników, odzwierciedlając na zdjęciach ich główną 18-34-letnią publiczność, dobrze spędzającą czas. Ponieważ właśnie tego poszukuje większość singli w tym przedziale wiekowym, Tinder stara się połączyć swoją markę z pozytywnymi emocjami. Wykorzystanie na zdjęciach odzieży i filtru w stylu lekkiego retro również nie jest zbiegiem okoliczności, ponieważ jej zadanxiem jest wywołanie poczucie nostalgii i pragnienie ponownego doświadczania tych uczuć w osób starszych.


Stwórz tożsamość marki

Wybierz spójne zdjęcia, które pokazują główne pomysły i cele Twojej marki. Zwróć szczególną uwagę na wybór zdjęcia dla obszaru large hero area, ponieważ jest to w zasadzie pierwszy punkt kontaktu użytkownika z Twoją witryną, a nawet z Twoją marką. Polecamy również poświęcić trochę czasu na wybór ikon i upewnienie się, że tworzą odpowiednie akcenty, które ulepszają i uzupełniają ogólną strukturę Twojej witryny.


Pozwól czytelnikowi odpocząć...

…od ogromnych bloków tekstowych. Jak już mówiłam, czytanie ogromnych tekstów może znudzić czytelników. Uzupełnij witrynę przez informatywne fotografie, które są bardziej przyjemne dla oczu i łatwiejsze do zrozumienia. Wykorzystaj zdjęcia jako tło do wyświetlania danych, statystyk i innych informacji, co ułatwi ich zrozumienie.


Upewnij się, że zdjęcia w designie strony są przyjazne dla urządzeń przenośnych i że wszystkie są wyświetlane tak jak na komputerze (i odwrotnie). Pomoże to uniknąć sytuacji, gdy Twoi klienci będą widzieli tylko losowe fragmenty zdjęć, które nie dają żadnego kontekstu, zamiast pełnego, spójnego obrazka.

zdjęcia w designie strony 09Photo by Moose

Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: Using Photos in Web Design: Why, Where and How


* * *

Postaraj się aby wykorzystać jak najlepsze zdjęcia w designie witryny. Pomogą Ci nie tylko ozdobić ją,ale także nawiązać relacji z docelową publicznością i odzwierciedlić tożsamość marki, jej produkt i cele. W społeczeństwie, w którym szukamy danych, które mają być dostarczane szybko i zwięźle, wykorzystując zdjęcia w designie witryny uzyskujemy doskonalem narzędzie, które pozwali Ci dostarczyć czytelnikowi ogromną ilość informacji w bardzo krótkim czasie.



Katarzyna Pawłowska

W branży IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwiązań użytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propagujące wiedzę z dziedziny SMM i rozwija swoją miłość do crossfitu.