Projektowanie graficzne to rozległa dziedzina. Dzięki łatwości tworzenia grafiki przy pomocy oprogramowania graficznego prawie każdy może dziś stać się grafikiem komputerowym. Niestety ta powszechność samodzielnego tworzenia projektów sprawia, że nie zawsze mają one odpowiednią jakość użytkową. Postaram się Państwu przybliżyć tematykę projektowania graficznego przeznaczonego do Internetu. Udzielę również kilku użytecznych wskazówek jak zaprojektować dobry layout strony www. Zapraszam do lektury.
Strony www są tworzone przez wiele firm o np. agencje reklamowe, studia graficzne czy agencje interaktywne. Nazwa profilu działalności tych firm jest różna ale de facto oferta projektowania graficznego najczęściej się pokrywa. Projektowanie stron www to także zajęcie freelancerów czyli grafików komputerowych/webmasterów, którzy nie mają działalności gospodarczej. Rynek tworzenia stron www jest więc szeroki bardzo i zróżnicowany. Nad jedną stroną może pracować jedna osoba jak i cała grupa specjalistów z różnych dziedzin np. copywriter, grafik, programista, marketing manager itd. W zależności od stopnia skomplikowania elementów, budowa www może potrwać od 2 dni do kilku miesięcy.
Zrobienie dobrej strony pod względem merytorycznym, graficznym i funkcjonalnym nie jest rzeczą łatwą. Przed zaprojektowaniem strony trzeba najpierw dobrze poznać branżę firmy, dla której realizujemy zlecenie. Oczywiste jest to, że strona www przeznaczona dla biura rachunkowego będzie znacznie się różniła od np. strony pizzerii. Znaki, barwy i inne elementy tworzące wizerunek firmowy, po którym klienci mogą jednoznacznie kategoryzować poszczególne firmy. Całość tych elementów identyfikujących firmę nazywa się identyfikacją wizualną. Poznanie kanonu barw, kształtów występujących w danej dziedzinie i umiejętne ich skomponowanie z pewnością umożliwi szybszą akceptację projektu graficznego przez klienta :-)
Rozpoznanie znaczenia identyfikacji wizualnej poszczególnych firm jest pierwszym etapem przy projektowaniu layoutu strony www. Kolejnym etapem jest stworzenie odpowiedniej struktury www. Jak wiadomo, prawie każda strona składa się z powtarzalnych elementów np. head, sidebar, content i footer. W zależności od preferencji klienta dodatkowo umieszcza się hasła, zdjęcia itp. Gdy znamy już wszystkie elementy, które mają się znaleźć na stronie www. Możemy przystąpić do pierwszej fazy projektowej, w której tworzymy strukturę serwisu, czyli rozmieszczamy poszczególne elementy w przestrzeni. Trzeba pamiętać o kilku zasadach przy projektowaniu: nawigacja musi być umieszczona w łatwo dostrzegalnym miejscu, logo firmy musi czytelne i łatwe do zauważenia, najczęściej umieszcza się je górnych partiach strony www, należy także unikać zbyt ciasnego umieszczania poszczególnych elementów.
Po zaprojektowaniu struktury strony www. Zaczynamy projektowanie graficzne poszczególnych jej elementów. Istotne jest aby elementy strony były ze sobą spójne graficznie. Przy tworzeniu grafiki dla strony internetowej warto pamiętać o:
- dopasowaniu identyfikacji wizualnej firmy do funkcjonujących trendów na rynku,
- logo firmy powinno być czytelne, powinno „górować” nad stroną. Dzięki czemu potencjalny odwiedzający od razu będzie wiedział „z kim ma do czynienia”. Tło powinno sprawiać, że logotyp jest czytelny, wyraźnie przedstawiony.
- strona powinna mieć „trochę oddechu” czyli poszczególne elementy graficzne powinny być odpowiednio oddalone od siebie umożliwi to czytelność i przejrzystość strony.
- zbyt duża ilość zdjęć, elementów graficznych rozprasza uwagę internauty. Trzeba zachować umiar w umieszczaniu efektownych grafik. Head jest przeznaczony na takie oryginalności, więc tam bardziej można zastosować „fajerwerki graficzne”. Pozostała część strony www powinna być czytelna dla internauty i nic nie powinno zakłócać jego uwagi, która powinna skoncentrować się na tym co jest najważniejsze z punktu widzenia naszego klienta, czyli na treści strony.
- nawigacja spełnia istotną rolę na stronie www dla tego trzeba ją odpowiednio wyróżnić graficznie. Odpowiednie tło, wygląd buttonu i zmieniające się efekty roolover po najechaniu myszką skutecznie to zapewnią.
- treść serwisu powinna być łatwa do przeczytania dlatego kolor czcionki powinien być właściwie dobrany względem tła, nie powinien się z nim zlewać, ani być zbyt kontrastowy. Trzeba także zachować odpowiedni rozmiar czcionki, interlinie i marginesy.
- właściwe zaprojektowanie graficzne nagłówków umożliwi łatwe poruszanie się po treści na stronie.
Najczęściej popełniane błędy przy projektowaniu grafiki dla stron www to:
- zbyt mały kontrast między tłem, a kolorem czcionki,
- zbyt jaskrawe i nasycone kolory,
- brak zachowania odstępów miedzy poszczególnymi elementami graficznymi strony. Brak „oddechu” na stronie zmniejsza jej czytelność. Początkujący graficy komputerowi mają tendencje do zapychania „na siłę” wolnej przestrzeni. Kalendarze, liczniki, migoczące gify itd.
- zbyt dużo różnorodnych elementów graficznych czy zdjęć,
- przesadna ilość animacji flashowych, ruchomych gifów, które rozpraszają uwagę internauty.
Zaprojektowanie dobrego szablonu graficznego dla strony www nie jest rzeczą łatwą. Warto pytać o zdanie innych osób i być samokrytycznym wobec swoich projektów. W Internecie jest wiele tutoriali, szablonów graficznych i innych elementów, którymi można wspomagać swoją twórczość.
Maksymilian Pęk