{"id":839,"date":"2017-10-30T13:19:47","date_gmt":"2017-10-30T12:19:47","guid":{"rendered":"https:\/\/www.freeline.pl\/blog\/?p=839"},"modified":"2017-10-30T13:37:04","modified_gmt":"2017-10-30T12:37:04","slug":"7-podstawowych-zasad-efektywnego-projektowania-graficznego","status":"publish","type":"post","link":"https:\/\/www.freeline.pl\/blog\/7-podstawowych-zasad-efektywnego-projektowania-graficznego\/","title":{"rendered":"7 podstawowych zasad efektywnego projektowania graficznego"},"content":{"rendered":"

O tym, \u017ce projektowa\u0107 mo\u017ce ka\u017cdy przekonujemy si\u0119 codziennie przegl\u0105daj\u0105c strony internetowe, ulotki, foldery czy inne drukowane publikacje. Co jednak zrobi\u0107, aby nasz projekt zawsze spe\u0142ni\u0142 sw\u00f3j podstawowy cel – przyku\u0142 uwag\u0119 naszego targetu i sk\u0142oni\u0142 go do okre\u015blonego dzia\u0142ania? Oto kilka wskaz\u00f3wek.<\/p>\n

\"\"<\/a>1. Punkt, linia i kszta\u0142t<\/strong><\/p>\n

Najbardziej podstawowe elementy konstrukcyjne ka\u017cdego projektu. Dzi\u0119ki nim mo\u017cna stworzy\u0107 wszystko, czego potrzebujemy, od prostych ikon po bardzo z\u0142o\u017cone ilustracje; wszystko to sk\u0142ada si\u0119 z po\u0142\u0105czenia tych prostych element\u00f3w. Je\u015bli po\u0142\u0105czymy dwa punkty otrzymamy lini\u0119.\u00a0Lini\u0119, kt\u00f3ra jest utworzona przez mn\u00f3stwo punkt\u00f3w, troch\u0119 jak grupa atom\u00f3w tworz\u0105cych cz\u0105steczki, kt\u00f3re z kolei tworz\u0105 wszystkie obiekty wok\u00f3\u0142 siebie.\u00a0Nast\u0119pnie, je\u015bli dodamy trzeci punkt i po\u0142\u0105czymy je wszystkie otrzymamy kszta\u0142t, w tym przypadku tr\u00f3jk\u0105t, ale jak wspomniano wcze\u015bniej, mo\u017cemy u\u017cy\u0107 tych podstawowych element\u00f3w, aby osi\u0105gn\u0105\u0107 du\u017co wi\u0119cej – a w\u0142a\u015bciwie co tylko zapragniemy.
\nNa razie uda\u0142o nam si\u0119 stworzy\u0107 kszta\u0142t. Teraz czas co\u015b do niego doda\u0107.<\/p>\n

2. Kolor<\/strong><\/p>\n

Oko ludzkie mo\u017ce zobaczy\u0107 ponad 10 milion\u00f3w r\u00f3\u017cnych kolor\u00f3w od czerwieni do fioletu, a od najm\u0142odszych lat wszyscy ucz\u0105 si\u0119 przypisywa\u0107 okre\u015blone warto\u015bci lub znaczenia konkretnym kolorom. We\u017amy na przyk\u0142ad \u015bwiat\u0142a drogowe.\u00a0S\u0105 to tylko kolory, ale dowiadujemy si\u0119, \u017ce czerwony oznacza zatrzymanie, zielony – zezwolenie na przej\u015bcie, a \u017c\u00f3\u0142ty oznacza ostrze\u017cenie przed zmian\u0105 dw\u00f3ch wcze\u015bniejszych. Oznacza to, \u017ce podejmujemy bardzo r\u00f3\u017cne dzia\u0142ania, opieraj\u0105c si\u0119 jedynie na kolorze, czasem nawet nie my\u015bl\u0105c o tym.
\nDzieje si\u0119 tak po prostu dlatego, \u017ce uczymy si\u0119 tych rzeczy, a nie dlatego, \u017ce kolor ma nieod\u0142\u0105czne znaczenie przywi\u0105zane do niego.\u00a0Jest prawd\u0105, \u017ce te znaczenia zmieni\u0105 si\u0119 w zale\u017cno\u015bci od kultury, od tego gdzie i kiedy zostali\u015bmy wychowani. Wszystko to m\u00f3wi, \u017ce mo\u017cemy nada\u0107 czemu\u015b sens i zamiar, wybieraj\u0105c w\u0142a\u015bciwy kolor, wystarczy upewni\u0107 si\u0119, \u017ce dobrze rozumiemy, co i dla kogo projektujemy.<\/p>\n

\"\"<\/a>3. Typografia<\/strong><\/p>\n

To jedna z najwa\u017cniejszych i trudnych kwestii, kt\u00f3re grafik ma do zaprojektowania.\u00a0Nie chodzi tylko o to, co piszemy, ale o to, jak to prezentujemy.\u00a0Typografia ma oddawa\u0107 nasze s\u0142owa. Dzi\u0119ki odpowiedniej czcionce mo\u017cemy banalny fragment uczyni\u0107 w swojej wymowie pot\u0119\u017cnym, ale to nie jest \u0142atwe do zrobienia. Za to bardzo \u0142atwo ca\u0142kowicie zepsu\u0107 mocn\u0105 wypowied\u017a, wybieraj\u0105c niew\u0142a\u015bciwy styl. Wi\u0119kszo\u015b\u0107 kroj\u00f3w jest zaprojektowana z my\u015bl\u0105 o okre\u015blonym celu. Niekt\u00f3re czcionki \u015bwietnie nadaj\u0105 si\u0119 do du\u017cych blok\u00f3w tekstu, inne – jako tytu\u0142y.\u00a0Niekt\u00f3re s\u0105 po prostu funkcjonalne i super \u201eczyste\u201d, a inne przeznaczone do zabawy lub u\u017cywane ironicznie. Istniej\u0105 tysi\u0105ce r\u00f3\u017cnych czcionek do wyboru, ale z wyj\u0105tkiem sytuacji kiedy potrzebujemy czego\u015b dziwnego lub pr\u00f3bujemy czego\u015b szczeg\u00f3lnego, zawsze najlepiej trzyma\u0107 si\u0119 klasyk\u00f3w.<\/p>\n

4. Przestrze\u0144<\/strong><\/p>\n

Spos\u00f3b, w jaki r\u00f3wnowa\u017cymy przestrze\u0144 ma\u00a0ogromny\u00a0wp\u0142yw na nasz projekt. To, co projektujemy musi \u201eoddycha\u0107\u201d – wszystkie elementy powinny sensownie si\u0119 do siebie odnosi\u0107, tak aby widz nie pogubi\u0142 si\u0119 w prezentowanych tre\u015bciach i mia\u0142 czas na \u201eodpoczynek\u201d. Za du\u017co miejsca, a nasz projekt b\u0119dzie wygl\u0105da\u0142 na niedoko\u0144czony, za ma\u0142o – wyda si\u0119 zbyt zat\u0142oczony. Znalezienie odpowiedniego stosunku pomi\u0119dzy pozytywn\u0105 (tre\u015bci) a negatywn\u0105 (wolne miejsce) przestrzeni\u0105 jest kluczem do stworzenia dobrego projektu.<\/p>\n

5. Skala<\/strong><\/p>\n

Skala pomaga nie tylko tworzy\u0107 kontrast i r\u00f3wnowag\u0119 projektu, ale r\u00f3wnie\u017c nadaje poszczeg\u00f3lnym elementom odpowiedni\u0105 hierarchi\u0119.\u00a0Zasadniczo nie wszystkie elementy w projekcie powinny mie\u0107 bowiem takie samo znaczenie. We\u017amy na przyk\u0142ad pierwsz\u0105 lepsz\u0105 gazet\u0119.\u00a0Jaka jest najwi\u0119ksza rzecz na tej stronie? Tytu\u0142y, kt\u00f3re s\u0105 r\u00f3wnie\u017c zwykle kr\u00f3tkie.\u00a0Czemu?\u00a0Dzi\u0119ki temu mo\u017cemy szybko skanowa\u0107 stron\u0119 i sprawdzi\u0107, czy jest na niej co\u015b ciekawego.\u00a0Nast\u0119pnie mamy wprowadzenia, kt\u00f3re s\u0105 mniejsze od tytu\u0142\u00f3w, a na ko\u0144cu sam artyku\u0142, kt\u00f3ry ma najmniejszy rozmiar czcionki, ale r\u00f3wnie\u017c najbardziej wygodny do odczytywania d\u0142ugiego fragmentu tekstu. Wszystko zatem polega na tym, aby rozmiar s\u0142u\u017cy\u0142 celowi i aby\u015bmy znali swojego odbiorc\u0119, jego gusta i oczekiwania.<\/p>\n

6. Siatka i wyr\u00f3wnanie<\/strong><\/p>\n

Dzi\u0119ki siatce stworzymy sw\u00f3j projekt i sprawimy, \u017ce b\u0119dzie to przyjemniejsze i prostsze do zrobienia, a tak\u017ce \u0142atwiejsze w odbiorze. Nawet je\u015bli celowo tworzymy chaotyczny projekt, musimy mie\u0107 pomys\u0142 na w\u0142a\u015bciwe zaprezentowanie tego chaosu. Wyr\u00f3wnanie jest szczeg\u00f3lnie wa\u017cne dla tekstu; istnieje kilka sposob\u00f3w wyr\u00f3wnywania go, ale regu\u0142\u0105 jest wyr\u00f3wnywanie do lewej. Og\u00f3lnie rzecz bior\u0105c, ludzie czytaj\u0105 od lewej do prawej, od g\u00f3ry do do\u0142u, co czyni tekst wyr\u00f3wnany bardziej centralnie lub w prawo znacznie trudniejszym do przeczytania. Ponadto lepiej unika\u0107 justowania i dzielenia wyraz\u00f3w.<\/p>\n

\"\"<\/a>7. Og\u00f3lna koncepcja wizualna<\/strong><\/p>\n

To idea stoj\u0105ca za naszym projektem.\u00a0Co mamy na my\u015bli i jakie g\u0142\u0119bsze znaczenie kryje si\u0119 za powierzchownym wizerunkiem. Projektujmy ze \u015bci\u015ble okre\u015blonym zamiarem i zawsze miejmy pomys\u0142, kt\u00f3ry \u0142\u0105czy wszystko w naszym projekcie.\u00a0Wybierajmy czcionki starannie i celowo, my\u015blmy o tym, czy ka\u017cda drobna cz\u0119\u015b\u0107 naszego projektu jest zgodna z podstawow\u0105 koncepcj\u0105.\u00a0Sp\u00f3jno\u015b\u0107 jest bardzo wa\u017cna. Je\u015bli nasza koncepcja jest przemy\u015blana, b\u0119dziemy w stanie j\u0105 obroni\u0107 i sprzeda\u0107 pomys\u0142 klientowi. Dobry projekt nie jest kwesti\u0105 mody, nie post\u0119puje zgodnie z trendami, ale je tworzy.<\/p>\n

O zasadach projektowania mo\u017cna by si\u0119 jeszcze d\u0142ugo rozpisywa\u0107, natomiast powy\u017cej zosta\u0142y przedstawione podstawowe kwestie. Stosuj\u0105c te wskaz\u00f3wki pami\u0119tajmy te\u017c – a mo\u017ce przede wszystkim – o tym, \u017ce nawet genialny pomys\u0142 b\u0119dzie do wyrzucenia je\u015bli nie odpowiada potrzebom projektu. Projektuj\u0105c zawsze miejmy wi\u0119c przed oczami wymogi swojego klienta.<\/p>\n","protected":false},"excerpt":{"rendered":"

O tym, \u017ce projektowa\u0107 mo\u017ce ka\u017cdy przekonujemy si\u0119 codziennie przegl\u0105daj\u0105c strony internetowe, ulotki, foldery czy<\/p>\n","protected":false},"author":9,"featured_media":851,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29],"tags":[],"_links":{"self":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/839"}],"collection":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":10,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/839\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/posts\/839\/revisions\/855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/media\/851"}],"wp:attachment":[{"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/media?parent=839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/categories?post=839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freeline.pl\/blog\/wp-json\/wp\/v2\/tags?post=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}