16 marca 2017

Graphic Design, projektowanie graficzne w pigułce – 7 zasad tworzenia projektów graficznych

Chcesz stworzyć imponujący i przyciągający uwagę projekt graficzny? Kluczem do sukcesu jest zrozumienie podstawowych zasad projektowania, które pozwolą Ci to osiągnąć. W tym artykule przedstawimy 7 fundamentalnych reguł, które pokażą Ci co sprawia, że projekt graficzny jest naprawdę dobry.

1. Nie komplikuj

Bardzo ważne jest, by zachować czytelny i przejrzysty projekt, dzięki czemu użytkownik z łatwością odszuka potrzebne informacje, a przeglądanie strony będzie proste i przyjemne. Zacznij od najbardziej podstawowego projektu, a potem stopniowo dodawaj najistotniejsze informacje.

  • używaj ograniczonej liczby kolorów i czcionek – nie przekraczaj 2-3 rodzajów, to w zupełności wystarczy by wyróżnić informacje na których Ci zależy, a jednocześnie nie wprowadzi niepotrzebnego chaosu.
  • pozostaw czystą przestrzeń – cała strona nie musi być wypełniona tekstem lub grafiką, wręcz przeciwnie, należy zostawić wolne miejsca, co zapobiegnie przeładowaniu, poprawi wizualne wrażenia i ułatwi skupienie się na najważniejszych informacjach.
  • nie zaśmiecaj – wszystkie zamieszczane treści, zdjęcia i grafika powinny być ściśle związane z tematem, jeśli tak nie jest, nie ma sensu ich zamieszczać.
graphic-design-typography

2. Wykorzystaj moc typografii

Czcionka powinna podkreślać najważniejsze informacje. Umiejętne wykorzystanie typografii przyciągnie uwagę odbiorcy i wydobędzie znaczenie tekstu.

Należy jednak pamiętać o ważnych zasadach:

  • Ogranicz się do maksymalne dwóch rodzajów czcionek.
  • W zależności od rodzaju czcionki jakiej używasz zachowaj rozmiar między 14 a 16, oczywiście większe mogą być tytuł i podtytuły, aby przyciągnąć uwagę czytelnika.
  • Wybierając czcionkę koniecznie zwróć uwagę czy jest ona czytelna także na smartfonach, tak jak na przykład Arial.
graphic-design-4

3. Używaj kolorów z rozwagą

Kolory stanowią bardzo ważny element projektu, wywołują różne uczucia i ustanawiają emocjonalną więź odbiorcy z tematem. Aby mądrze wykorzystywać kolory i osiągnąć pożądany cel, trzeba mieć podstawową wiedzę o zasadach ich używania.

  • Ciepłe kolory pobudzają,
  • Zimne kolory uspokajają, 
  • Kolory o zbliżonych odcieniach wyglądają dobrze ze sobą i dają wrażenie spokoju i równowagi,
  • Kontrasty mogą wywoływać napięcie ale także dodają projektowi głębi.

W zależności od efektu jaki chcesz uzyskać dobieraj właściwe barwy, pamiętaj jednak aby zachować umiar. Jeśli decydujesz się na kolorową czcionkę, trzymaj się tego samego odcienia przez cały główny tekst, możesz także użyć innego koloru dla tytułu i podtytułu tak by wyróżnić je od siebie. Możliwości jest wiele, wszystko zależy od tematu, odbiorców do których się zwracasz i celu jaki chcesz osiągnąć.

graphic-design-logo

4. Opanuj podstawowe elementy i zasady projektowania 2D

 

Elementy:

Linia – w zależności od tego jak jest użyta może określać kształty, wzory, strukturę, głębie a także w szczególności ustanawiać jaki dominuje nastrój i emocje.

Kolor – ma najsilniejsze oddziaływanie na emocje odbiorców, tworzy nastrój i atmosferę.

Tekstura – określa jakość powierzchni, wzbogaca wizualnie projekt i także może być użyta do tworzenia nastroju.

Przestrzeń – pozytywna to projektowane elementy, negatywna to wolna przestrzeń wokół nich, pozwalająca użytkownikowi odpocząć.

Zasady:

Równowaga – dzięki niej wzrok porusza się płynnie po całym obrazie.

Rytm – to regularnie i płynnie powtarzające się wizualne elementy, rytm stanowi podstawę projektowania 2d.

Proporcje – rozmiar służy do budowania relacji między elementami projektu, oraz aby przyciągać uwagę do najważniejszych jego elementów.

graphic-design-5

5. Zadbaj o właściwy układ strony

Być może nie jest to pierwszy wyróżniający się element projektu, odgrywa jednak zasadniczą rolę w tym jak użytkownik postrzega stronę. Układ strony ma przede wszystkim pomóc podkreślić najważniejsze informacje które przekazujesz w treści. Dzięki odpowiedniej konstrukcji użytkownik powinien łatwo znajdować informacje i sprawnie poruszać się po stronie. Pamiętaj, że internauci w naturalny sposób skanują stronę od góry do dołu i od lewej do prawej, dlatego ważne rzeczy takie jak menu powinny być umieszczone w prawej górnej części ekranu. Kluczowe elementy i wezwania do akcji muszą zawsze znajdować się w centralnym punkcie.

 

6. Umiejętnie prezentuj elementy wizualne

Elementy wizualne takie jak zdjęcia, grafika sprawiają, że przestrzeń staje się bardziej dynamiczna, a także podkreślają znaczenie najważniejszych tematów. W projektowaniu graficznym możemy wykorzystywać grafikę rastrową i wektorową.

W grafice rastrowej obrazy tworzone są z tysięcy pikseli, pliki raster subtelnie pokazują różnice między kolorami na zdjęciach, dlatego świetnie nadają się do ich prezentacji i są obecnie powszechną formą przedstawiania obrazów, fotografii czy video w internecie. Grafiki rastrowej nie można jednak skalować bez utraty jakości, dlatego we wszystkich przypadkach gdzie konieczne jest powiększanie lub pomniejszanie obrazu, gdzie krawędzie muszą być ostre i nie ulegać zniekształceniu wykorzystywana jest grafika wektorowa. W grafice wektorowej obrazy przedstawiane są za pomocą matematycznych współrzędnych, można je wiec dowolnie skalować, wektory są więc idealne do tworzenia znaków graficznych, logo, ilustracji i wszędzie tam gdzie obraz musi być ostry i wyraźny.

7. Poznaj swoich odbiorców

Zanim jeszcze zaczniesz planować swój projekt graficzny, musisz zorientować się dla kogo go projektujesz. Każdy element strony, grafika, teksty, kolorystyka itp. wszystko musi być dostosowane do potrzeb użytkowników. Projekt graficzny zawsze musi służyć odbiorcom, pomagać znaleźć niezbędne informacje i koncentrować się na ich potrzebach.

Podsumowując, tworząc projekt graficzny należy zadbać o każdy szczegół, odpowiednio wykorzystując poszczególne elementy graficzne można w pasjonujący sposób opowiedzieć każdą historię. Trzymając się tych podstawowych zasad projektowania, można stworzyć stronę która zrobi wrażenie i będzie skutecznie spełniać swoją rolę.