Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Kolor

1,122 views

Published on

  • Be the first to comment

  • Be the first to like this

Kolor

  1. 1. Kolor Podstawy projektowania graficznego Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  2. 2. Kolor Znaczenie <ul><li>Jakie znaczenie ma kolor? </li></ul><ul><li>Od czego to zależy? </li></ul><ul><li>Jak można to wykorzystywać? </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  3. 3. Kolor Pojęcia <ul><li>Barwa (odcień) [hue] </li></ul><ul><ul><li>Podstawowy termin odnoszący się do koloru </li></ul></ul><ul><ul><li>Mówiąc „niebieski”, „zielony”, „czerwony” itp. odnosimy się do barwy </li></ul></ul><ul><ul><li>Barwa stanowi istotny przekaz dla odbiorców projektowanych stron www </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  4. 4. Kolor Pojęcia <ul><li>Kolorowość (chrominancja) [chroma] </li></ul><ul><ul><li>Czystość koloru – wysoka chrominancja oznacza brak czarnego, szarego lub białego </li></ul></ul><ul><ul><li>Podobne do nasycenia – ale nie to samo!!! </li></ul></ul><ul><ul><li>Jasność koloru w stosunku do koloru białego </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  5. 5. Kolor Pojęcia <ul><li>Nasycenie [saturation] </li></ul><ul><ul><li>Moc koloru – odnosi się do tego jak bardzo mocny jest kolor </li></ul></ul><ul><ul><li>Kolory mocne, to te o wysokim nasyceniu </li></ul></ul><ul><ul><li>Podobny poziom nasycenia – większa spójność </li></ul></ul><ul><ul><li>Podobne (bliskie siebie) nasycenie – rozdrażnienie </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  6. 6. Kolor Pojęcia <ul><li>Wartość (jasność) [value] </li></ul><ul><ul><li>Odnosi się do tego jak jasny lub ciemny jest dany kolor </li></ul></ul><ul><ul><li>Kolory jasne mają dużą wartość </li></ul></ul><ul><ul><li>Kontrastowe jasności – estetyczny, przyjemny design </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  7. 7. Kolor Pojęcia <ul><li>Koloryt [tones] </li></ul><ul><ul><li>Uzyskiwane poprzez dodawanie szarości do bazowego koloru </li></ul></ul><ul><ul><li>Uzyskany kolor jest matowego, stłumiony lub miękki </li></ul></ul><ul><ul><li>Elegancki, wyrafinowany wygląd, vintage </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  8. 8. Kolor Pojęcia <ul><li>Cieniowanie [shades] </li></ul><ul><ul><li>Uzyskiwane poprzez dodawanie czarnego do bazowego koloru </li></ul></ul><ul><ul><li>Uzyskany kolor jest ciemniejszy od bazowego </li></ul></ul><ul><ul><li>Neutralne kolory – zamiast czarnego </li></ul></ul><ul><ul><li>Używane z tint’ami zapobiegają ciemnym i ciężkim layout’om </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  9. 9. Kolor Pojęcia <ul><li>Zabarwienie [tint] </li></ul><ul><ul><li>Uzyskiwane poprzez dodawanie białego do bazowego koloru </li></ul></ul><ul><ul><li>Uzyskany kolor jest jaśniejszy od bazowego </li></ul></ul><ul><ul><li>Kobiece i jasne projekty ;) </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  10. 10. Kolor Jak dzielimy kolory? <ul><li>Ciepłe </li></ul><ul><ul><li>Czerwony (podstawowy) </li></ul></ul><ul><ul><ul><li>Miłość, pasja, Kupidyn, diabeł, przemoc, ogień, wojna, </li></ul></ul></ul><ul><ul><ul><li>Podnosi cieśnienie krwi, podnosi tętno, pobudza, wzmaga metabolizm </li></ul></ul></ul><ul><ul><ul><li>Złość, istotność, niebezpieczeństwo </li></ul></ul></ul><ul><ul><ul><li>Używany często, akcentuje, ciemny jest elegancki, jasny energetyzujący </li></ul></ul></ul><ul><ul><li>Pomarańczowy (złożony) </li></ul></ul><ul><ul><ul><li>Energetyzujący, jesień, oznacza zmianę </li></ul></ul></ul><ul><ul><ul><li>Zdrowie, witalność, „uwaga” zapraszający, przyjazny </li></ul></ul></ul><ul><ul><li>Żółty (podstawowy) </li></ul></ul><ul><ul><ul><li>Dodaje energii – najbardziej z ciepłych kolorów, radość, blask Słońca </li></ul></ul></ul><ul><ul><ul><li>Nadzieja, niebezpieczeństwo </li></ul></ul></ul><ul><ul><ul><li>W design’ie: radość, przyjazność, jasny jest dla dzieci (neutralny), ciemny antyczny, trwałość </li></ul></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  11. 11. Kolor Jak dzielimy kolory? <ul><li>Zimne </li></ul><ul><ul><li>Zielony (złożony) </li></ul></ul><ul><ul><ul><li>Bliski Ziemi, wzrost, początek, odnowienie, niedoświadczony </li></ul></ul></ul><ul><ul><ul><li>Uspokaja, trochę daje energii, harmonizuje, jest stały </li></ul></ul></ul><ul><ul><ul><li>Stabilność, bogactwo, odnowienie, natura </li></ul></ul></ul><ul><ul><li>Niebieski (podstawowy) </li></ul></ul><ul><ul><ul><li>Smutek, spokój, odpowiedzialność, pokój, połączenie z religijnością </li></ul></ul></ul><ul><ul><ul><li>Jasne – przyjazne, odświeżające </li></ul></ul></ul><ul><ul><ul><li>Ciemne – mocne i godne zaufania </li></ul></ul></ul><ul><ul><li>Purpurowy (złożony) </li></ul></ul><ul><ul><ul><li>Władza, wyobraźnia, kreatywność </li></ul></ul></ul><ul><ul><ul><li>Ciemne – odczucie luksusu i bogactwa </li></ul></ul></ul><ul><ul><ul><li>Jasne – wiosenne, romantyczne </li></ul></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  12. 12. Kolor Jak dzielimy kolory? <ul><li>Neutralne </li></ul><ul><ul><li>Czarny </li></ul></ul><ul><ul><li>Biały </li></ul></ul><ul><ul><li>Szary </li></ul></ul><ul><ul><li>Brązowy </li></ul></ul><ul><ul><li>Beżowy </li></ul></ul><ul><ul><li>Kremowy </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  13. 13. Kolor Palety kolorów <ul><li>Monochromatyczne (Monochromatic) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  14. 14. Kolor Palety kolorów <ul><li>Analogiczne (Analogous) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  15. 15. Kolor Palety kolorów <ul><li>Dopełniające się (Contemplementary) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  16. 16. Kolor Palety kolorów <ul><li>Złamane Dopełniające się (Split Contemplementary) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  17. 17. Kolor Palety kolorów <ul><li>Triadowe (Triadic) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  18. 18. Kolor Palety kolorów <ul><li>Podwójnie dopełniające się (Double-Complementary (Tetradic)) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  19. 19. Kolor Palety kolorów <ul><li>Własne (Custom) </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  20. 20. Kolor Gdzie, co i jak? <ul><ul><li>http://www.colorcube.com/articles/theory/glossary.htm (z 25.03.2010) </li></ul></ul><ul><ul><li>http://www.color-wheel-pro.com/color-schemes.html </li></ul></ul><ul><ul><li>http://www.colormunki.com/pantone?class=palette_page_nav_link# </li></ul></ul><ul><ul><li>http://adobe.com/kuler </li></ul></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów
  21. 21. Kolor Koniec <ul><li>Dzięki za uwagę  </li></ul><ul><li>Zabieramy się do pracy!!! </li></ul>Łukasz Bis Katedra Reklamy, Grafiki Komputerowej i Nowych Mediów

×