Jak wybrać pasujące do siebie kolory?


9

Patrząc na kolory w tym logo, jasne jest, że kolory pasują do siebie.

Jak znaleźć pomarańczę i fiolet, które pasują do tego samego schematu kolorów?

Przypuszczam, że kolor w „R” jest żółty?

wprowadź opis zdjęcia tutaj


Ten post na blogu napisany przez projektanta interfejsu użytkownika w DMC Inc zawiera pdf do pobrania z kolorami i numerami kodów. Zawiera także sugestie dotyczące czytelnych palet kolorów. dmcinfo.com/latest-thinking/blog/id/8840/…
Jac B

Odpowiedzi:


11

Po prostu użyj próbnika kolorów w aplikacji takiej jak Photoshop. Ustaw w oknie dialogowym opcję H lub Hue i znajdź kolor początkowy. Następnie, aby uzyskać kolor o podobnej wartości, przesuń suwak w górę i w dół paska kolorów. Dzięki temu nasycenie i jasność pozostaną takie same, a jedynie zmieni się wartość Barwa. Nie poruszaj kółkiem w dużym panelu kolorów.

wprowadź opis zdjęcia tutaj

Są też inne miejsca do zabawy kolorem, takie jak Color Lovers lub Adobe's Kuler


15

Nie myl „dopasuj” z „harmonizuj”. Jest duża różnica.

Te kolory nie pasują (nie są takie same ). Robią harmonizuje . Aby zrozumieć różnicę i moją odpowiedź (co obiecuję, że będzie dostać się do!), Musimy wziąć niewielki objazd do jakiego koloru jest .

Jedną z najbardziej niefortunnych rzeczy w opisywaniu koloru jest to, że kluczowe terminy z technicznymi znaczeniami są również używane bardzo luźno, zarówno w mowie, jak iw świecie projektowania, więc łatwo się pomylić. Dawno temu zamieszało mnie to, do cholery, więc nie czuj się jakbyś był sam.

Oto szkic, bardzo skrócone wprowadzenie do koloru, brytyjskiej pisowni i wszystko:

Używam odtąd słowa „ kolor” o bardzo specyficznym znaczeniu: połączone wrażenie wytwarzane na oku przez światło, odbite od określonego pigmentu lub bezpośrednio z oświetlonego źródła, postrzegane przez obserwatora . To odważny sposób mówienia „to, co widzisz, że nazywasz„ kolorem ””. To właśnie mamy na myśli, gdy mówimy „wiśniowa czerwień” lub „jabłkowa zieleń” lub twój dostawca farb mówi „to Booger Green, najnowszy kolor mody od Ipsum Studios”. Można by pomyśleć, że moglibyśmy się tam zatrzymać, ale to nie jest cała historia. Jak mówią na Facebooku: „To skomplikowane”.

  • Barwa to jakość, dzięki której postrzegamy coś jako „czerwony” lub „rodzaj zielonkawo-żółty” lub „chartreuse”. W mowie potocznej słowo „kolor” jest często zastępowane przez „odcień” i odwrotnie, ale dla projektanta kolor obejmuje odcień i dwie inne cechy: nasycenie i wartość .

  • Nasycenie odnosi się do tego, jak „czysty” lub „intensywny” odcień ma dany kolor, wytwarzany w farbie przez dodanie bieli, aby nadać „odcienie”, lub czarny, aby nadać „odcienie” lub „odcienie”. Kiedy zmniejszysz nasycenie czerwieni poprzez dodanie bieli, otrzymasz kolor różowy. Dodanie czerni do czerwieni daje burgund.

  • Wartość to względna jasność lub ciemność koloru, niezależnie od odcienia i rozpatrywana oddzielnie od nasycenia. Jasnoniebieski lub granatowy są nadal niebieskie . Do większości celów w pracach projektowych jasność jest synonimem wartości.

Istnieją inne sposoby technicznego opisywania kolorów, ale ten, który ci tutaj daję, to ten, na który najczęściej natkniesz się w dziedzinie projektowania graficznego, i jest on wbudowany w Photoshopa, Illustratora i InDesign, dzięki czemu łatwo jest uzyskać pomoc -na doświadczenie.

Weźmy konkretny przykład. Otwórz selektor kolorów Photoshop i w polu H (odcień) wpisz 56. Przeciągnij kółko kolorów do skrajnego górnego prawego rogu panelu:

Pure Yellow

Nazywaj to „Pure Yellow” lub „Buttercup” lub jakkolwiek chcesz. Jest to kolor żółty, który jest w pełni nasycony (nie może stać się bardziej intensywny) i tak jasny, jak to tylko możliwe. Zauważ, że pola S (nasycenie) i B (jasność) mówią „100%”.

Kliknij przycisk OK, a następnie ponownie otwórz próbnik kolorów. Zmień pole S na 50%. Barwa nie uległa zmianie i nadal jest tak jasne, jak można go dostać; zmieniło się tylko Nasycenie. Nasz jaskier jest teraz czym? - Może pierwiosnek. Zrób ponownie S 100%, a teraz wpisz 50 w polu B. Teraz mamy brąz. Mamy inny kolor , ale odcień nadal się nie zmienił, a intensywności lub nasycenia nie można zwiększyć. Baw się z tym przez chwilę. Zapoznaj się z tym, ponieważ jest to podstawa zrozumienia harmonii kolorów.

Pytałeś o to, dlaczego te kolory wydają się do siebie pasować, aby się zharmonizować.

Harmonia kolorów jest przedmiotem sama w sobie, którą należy rozumieć jako projektant. (Można to lepiej nazwać harmonią odcienia , ponieważ bardziej dotyczy odcienia niż koloru.) W tym przypadku istnieją dwie pary odcieni uzupełniających , tak zwane, ponieważ pasują do siebie po przeciwnych stronach koła kolorów . Ten szczególny przypadek jest znany jako harmonia tetradyczna lub „kwadratowa”, ponieważ cztery wybrane odcienie są równomiernie rozmieszczone na kole, tworząc „podwójną harmonię”.

Jeśli użyjesz kroplomierza Photoshopa na tych kolorach, zobaczysz, że żaden z nich nie jest w pełni nasycony. Desaturacja koloru może pomóc w kolorach, które normalnie kolidowałyby (byłyby zbyt kontrastowe dla wygody), aby koegzystować bardziej pokojowo. W takim przypadku użycie kolorów o zbliżonym nasyceniu i wartości również pomaga im się zharmonizować. Jeśli całkowicie zdesaturujesz obraz - Ctl / Cmd-Shift-U, zobaczysz, co mam na myśli.

Epilog:

Trwało to trochę dłużej, ale nie sądziłbym, że dałbym ci odpowiedź, nie opisując całego niezbędnego tła. Mam nadzieję, że i tak się nie nudziłeś.

Polecam zasubskrybować magazyn Johna McWade'a „ Przed i po ”, ale w każdym razie natychmiast pobierz jego PDF koło kolorów do użytku w swojej pracy.

Kiedy już zrozumiesz, jak działa koło kolorów, i zrozumiesz podstawową teorię kolorów, zasoby takie jak Kuler będą znacznie bardziej przydatne.


Świetna odpowiedź, Alan. Ponadto powinieneś wiedzieć, że Ipsum Studios wypuszcza sześć nowych ekscytujących wariantów Booger na 2012 r., W tym Crunchy Yellow, Nasal Dairy Spray i I'm Clear Stuck On You (przezroczysta gładka glazura).
Lauren-Clear-Monica-Ipsum

1
Łał! Nie mogę się doczekać. Bądź nadal moim bijącym sercem! :-D
Alan Gilbertson
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.