Pytania testowe dotyczące metody fabryki wzorców. Metoda fabryczna

Dobór koloru to jeden z najważniejszych etapów w procesie tworzenia dobrego projektu.

Aby Ci to ułatwić, postanowiliśmy zebrać wybór najlepszych usług do tworzenia schematów kolorów. Pomogą Ci zaoszczędzić czas i nadal uzyskać przyzwoite rezultaty.

01. Adobe Color CC

Adobe zmieniło nazwę swojego projektu Kuler na Color

Być może znasz to narzędzie pod jego dawną nazwą - Adobe Kuler. Jednak niedawno firma Adobe zmieniła nazwę jednej ze swoich popularnych aplikacji internetowych na Adobe Color CC.

Umożliwia wybieranie, tworzenie i zapisywanie różnych schematów kolorów, z których każdy może zawierać do pięciu kolorów. Narzędzie dostępne jest zarówno w wersji przeglądarkowej, jak i desktopowej. Jeśli używasz wersji komputerowej, możesz wyeksportować schemat kolorów bezpośrednio do programów Photoshop, Illustrator i InDesign.

02. Kula koloru Mudcube

Jeśli nie masz pewności co do schematu kolorów, Mudcude ma własną galerię gotowych zasobów

Mudcube Color Sphere to bardzo przydatne miniaturowe źródło informacji dla projektantów, które nie tylko oferuje kody szesnastkowe dla wybranych kolorów, ale także umożliwia tworzenie schematów kolorów dla własnych projektów. Warto również dodać, że Mudcube posiada własną galerię gotowych zasobów, które również można wykorzystać.

03. Sprawdź moje kolory

Narzędzie Check my Colors zostało zaprojektowane specjalnie do oceny i wyboru kombinacji kolorów tła i pierwszego planu dla wszystkich elementów DOM. A także po to, aby dowiedzieć się, czy elementy są ze sobą wystarczająco harmonijne. Wszystkie testy opierają się na algorytmach rekomendowanych przez konsorcjum World Wide Web ( W3C).

04. Aplikacja Kolor

Aplikacja pomoże Ci poznać wartości RGB, HEX i HSLA wybranych kolorów

Narzędzie iOS Aplikacja Color pozwoli Ci łatwo i prosto określić kolory, korzystając z dużej palety barw. Pozwala poznać wartości kolorów RGB, HEX i HSLA, a także stworzyć własne schematy kolorów dla witryny.

05. Łowca kolorów

Color Hunter generuje schemat kolorów na podstawie wybranego obrazu

Jest to bardzo wygodne narzędzie, zwłaszcza jeśli potrzebujesz znaleźć konkretny kolor. Wybierz obraz i prześlij go do Color Hunter. Narzędzie utworzy paletę kolorów na podstawie wybranego obrazu. Jest to świetna metoda tworzenia własnych zestawień kolorystycznych.

06. Blaszane Oko

Jeśli potrzebujesz uzyskać konkretny kolor, po prostu wpisz wartość HEX w adresie URL

Ta witryna korzysta z bazy danych zawierającej 10 milionów obrazów, dostępnych bezpłatnie na licencji Creative Commons, które twórcy starannie pobrali z serwisu Flickr. Można je wykorzystać do wygenerowania odpowiednich schematów kolorów.

07. Kolor

Wygodna miniaturowa aplikacja internetowa. Najedź myszką na ekran i wybierz żądany kolor, a następnie przewiń trochę, aby wybrać odcień. Następnie narzędzie wygeneruje wszystkie niezbędne kody HEX, które możesz wykorzystać we własnych projektach. Jedno z najłatwiejszych w użyciu narzędzi.

08. SpyColor.com

Darmowy generator schematów kolorów, który dostarcza informacji o kolorach, a także pozwala na konwersję ich do dowolnego schematu ( RGB, CMYK i inni ). Dostępnych jest tutaj wiele formatów schematów kolorów, w tym procesowe, monochromatyczne i inne.

09. Inspiracje projektowe

W Designspiration możesz wybrać maksymalnie pięć odcieni za pomocą wygodnej, całostronicowej palety, która ułatwia znalezienie dokładnie takich schematów kolorów HTML, których szukasz. Następnie witryna wygeneruje stronę ze wszystkimi obrazami w bazie danych, które mają podobną kombinację kolorów. Podane zostaną również wartości HEX, które możesz wykorzystać we własnych projektach. Obrazy można zapisywać w kolekcjach na stronie.

10. Eksplorator kolorów

Jedno z najbardziej wyrafinowanych narzędzi internetowych, które oferuje wiele funkcji związanych z projektowaniem, dostosowywaniem i analizą schematów kolorów. Oto kilka narzędzi, które pomogą Ci to określić Ważność schematów kolorów WCAG, a także wygeneruj własne palety kolorów.

11. Generator schematów kolorów szesnastkowych

Poręczne małe narzędzie do generowania kombinacji kolorów na podstawie jednego wybranego odcienia. Wstaw wartość szesnastkową koloru, a narzędzie udostępni zestaw pasujących kolorów, których możesz używać wraz z kolorem głównym.

12. Miłośnicy KOLORU

COLOURlovers to społeczność umożliwiająca udostępnianie schematów kolorów. Tutaj możesz czerpać inspiracje z zestawów kolorów innych użytkowników, a także tworzyć i udostępniać własne.

13. Projektant schematów kolorów

To narzędzie online oferuje ciekawe sposoby generowania schematów kolorów, umożliwiając dostosowanie ich jasności i kontrastu. Tutaj możesz stworzyć kilka popularnych modeli matematycznych schematów kolorów, w tym monochromatycznych.

14. COPASO

Jedno z narzędzi ze strony COLOURlovers. Na szczególną uwagę zasługuje jednak COPASO, ponieważ jest to niesamowite rozwiązanie typu „wszystko w jednym”, które pozwala w łatwy sposób wygenerować gotowe schematy kolorów dla witryny. Dostępnych jest wiele narzędzi do wyboru kolorów, a wszystkie są umieszczone w przyjaznym dla użytkownika i prostym interfejsie. Ponadto możesz dodawać notatki do palet, przesyłać obrazy itp.

15. Mod kolorów

Colourmod to oprogramowanie, które pozwala wybrać indywidualne kolory z obszaru widżetów, niezależnie od tego, czy używasz komputera Mac, czy Konfabulatora w systemie Windows. Nie jest to bardzo proste narzędzie do pracy z paletami kolorów, ale pomoże Ci szybko i łatwo określić kolory bez konieczności pobierania ciężkich programów.

16. ColorZilla

ColorZilla jest dostępna zarówno dla przeglądarki Chrome, jak i Firefox

Projekt ten zaczął się jako wtyczka do przeglądarki Firefox, ale dziś jest dostępny także dla przeglądarki Google Chrome. ColorZilla to rozszerzenie zawierające kilka narzędzi przeznaczonych do pracy z kolorami, w tym paletę, generator gradientów CSS i zakraplacz.

17. Kolormunki

Wygodne narzędzie online do wyboru schematów kolorów od twórców Colormunki. Pozwala łatwo tworzyć przyciągające wzrok palety kolorów z próbek opartych na Pantone przy użyciu wielu technik.

18.colr.org

Colr.org pozwala ustawić zakres kolorów dowolnego obrazu

Narzędzie to pozwala na szczegółową analizę kolorów obrazu, która zwykle jest zautomatyzowana w innych narzędziach. Dzięki temu dobierzesz najbardziej odpowiedni kolor. Zalecamy sprawdzenie tego narzędzia, chociaż jego interfejs nie jest tak zaawansowany jak inne aplikacje.

19. Chwytak koloru

To poręczne narzędzie tworzy palety kolorów z dowolnego obrazu. Wpisz adres URL obrazu, który chcesz poddać analizie, a usługa automatycznie wygeneruje wykres 3D z informacją o zastosowanych kolorach. Chociaż ta aplikacja nie nadaje się całkowicie do wybierania schematu kolorów dla witryny internetowej, można jej używać do badania obrazów i ich charakterystyki kolorystycznej.

20. Blender kolorów

ColorBlender generuje paletę pięciu pasujących kolorów

Jedno z najprostszych narzędzi, które pozwala dostosować kolor i uzyskać pięć kolorów, które łączą się ze sobą w czasie rzeczywistym. Wygenerowaną paletę można pobrać w programie Photoshop lub Illustrator jako plik EPS.

21. GrayBit

GrayBit pozwala analizować strony internetowe, aby zrozumieć, jak wyglądałyby w skali szarości

To narzędzie pomoże Ci zobaczyć, jak Twoja witryna wygląda w odcieniach szarości. Doskonała usługa, która pomoże w kontrastowym zidentyfikowaniu problematycznych obszarów.

22. KOLOR

Narzędzie, które może służyć jako źródło inspiracji lub do udostępniania schematów kolorów. Oczywiście ten zasób nie pomoże w generowaniu schematów, ale zdecydowanie powinieneś o tym pamiętać.

23. Widmo Shutterstocka

Obrazy można filtrować według balansu kolorów i jasności

Czasami najłatwiejszym sposobem sprawdzenia, czy schemat kolorów będzie do siebie pasować, jest obejrzenie obrazów stockowych. Prawie wszystkie główne witryny giełdowe oferują podobne narzędzia, ale Shutterstock Spectrum ma bardzo przyjazny dla użytkownika interfejs. Po użyciu suwaka do zdefiniowania kolorów możesz określić słowa kluczowe, które pomogą określić tematykę zdjęć. Ponadto można filtrować obrazy według balansu kolorów i jasności.

Chłopaki, włożyliśmy w tę stronę całą naszą duszę. Dziękuję za to
że odkrywasz to piękno. Dziękuję za inspirację i gęsią skórkę.
Dołącz do nas na Facebook I W kontakcie z

Schemat nr 1. Kombinacja uzupełniająca

Kolory uzupełniające lub uzupełniające, kontrastujące to kolory, które znajdują się po przeciwnych stronach koła kolorów Itten. Ich połączenie wygląda bardzo żywo i energetycznie, szczególnie przy maksymalnym nasyceniu kolorów.

Schemat nr 2. Triada - połączenie 3 kolorów

Połączenie 3 kolorów leżących w tej samej odległości od siebie. Zapewnia wysoki kontrast przy zachowaniu harmonii. Kompozycja ta wygląda dość żywo nawet przy zastosowaniu bladych i nasyconych barw.

Schemat nr 3. Podobna kombinacja

Kombinacja od 2 do 5 kolorów znajdujących się obok siebie na kole barw (najlepiej 2–3 kolory). Wrażenie: spokojny, zachęcający. Przykład połączenia podobnych stonowanych kolorów: żółto-pomarańczowy, żółty, żółto-zielony, zielony, niebiesko-zielony.

Schemat nr 4. Połączenie oddzielno-uzupełniające

Odmiana uzupełniającej kombinacji kolorów, ale zamiast koloru przeciwnego stosuje się kolory sąsiednie. Połączenie koloru głównego i dwóch dodatkowych. Ten schemat wygląda prawie tak samo kontrastowo, ale nie tak intensywnie. Jeśli nie masz pewności, czy potrafisz poprawnie używać kombinacji uzupełniających, użyj kombinacji oddzielno-uzupełniających.

Schemat nr 5. Tetrad - połączenie 4 kolorów

Schemat kolorów, w którym jeden kolor jest kolorem głównym, dwa uzupełniające, a kolejny podkreśla akcenty. Przykład: niebiesko-zielony, niebiesko-fioletowy, czerwono-pomarańczowy, żółto-pomarańczowy.

Schemat nr 6. Kwadrat

Kombinacje poszczególnych kolorów

Biały: pasuje do wszystkiego. Najlepsze połączenie z niebieskim, czerwonym i czarnym.
Beżowy: z niebieskim, brązowym, szmaragdowym, czarnym, czerwonym, białym.
Szary: z fuksją, czerwonym, fioletowym, różowym, niebieskim.
Różowy: z brązem, bielą, miętową zielenią, oliwką, szarością, turkusem, błękitem.
Fuksja (głęboki róż): z szarością, brązem, limonką, miętową zielenią, brązem.
Czerwony: z żółtym, białym, brązowym, zielonym, niebieskim i czarnym.
Pomidor czerwony: niebieski, miętowo-zielony, piaskowy, kremowo-biały, szary.
Wiśniowa czerwień: lazurowa, szara, jasnopomarańczowa, piaskowa, jasnożółta, beżowa.
Malinowa czerwień: kolor biały, czarny, róż damasceński.
Brązowy: jasnoniebieski, kremowy, różowy, płowy, zielony, beżowy.
Jasnobrązowy: jasnożółty, kremowo-biały, niebieski, zielony, fioletowy, czerwony.
Ciemnobrązowy: cytrynowożółty, niebieski, miętowo-zielony, fioletowo-różowy, limonkowy.
Podpalany: różowy, ciemnobrązowy, niebieski, zielony, fioletowy.
Pomarańczowy: niebieski, niebieski, liliowy, fioletowy, biały, czarny.
Jasnopomarańczowy: szary, brązowy, oliwkowy.
Ciemnopomarańczowy: jasnożółty, oliwkowy, brązowy, wiśniowy.
Żółty: niebieski, liliowy, jasnoniebieski, fioletowy, szary, czarny.
Cytrynowy żółty: wiśniowy, brązowy, niebieski, szary.
Jasnożółty: fuksja, szary, brązowy, odcienie czerwieni, brązu, błękitu, fioletu.
Złocisty żółty: szary, brązowy, lazurowy, czerwony, czarny.
Oliwkowy: pomarańczowy, jasnobrązowy, brązowy.
Zielony: złoty brąz, pomarańczowy, jasnozielony, żółty, brązowy, szary, kremowy, czarny, kremowo biały.
Kolor sałatki: brązowy, podpalany, płowy, szary, ciemnoniebieski, czerwony, szary.
Turkus: fuksja, wiśniowa czerwień, żółty, brązowy, kremowy, ciemny fiolet.
Elektryczny błękit jest piękny w połączeniu ze złotożółtym, brązowym, jasnobrązowym, szarym lub srebrnym.
Niebieski: czerwony, szary, brązowy, pomarańczowy, różowy, biały, żółty.
Ciemnoniebieski: jasnofioletowy, jasnoniebieski, żółtawo-zielony, brązowy, szary, bladożółty, pomarańczowy, zielony, czerwony, biały.
Liliowy: pomarańczowy, różowy, ciemny fiolet, oliwkowy, szary, żółty, biały.
Ciemnofioletowy: złoty brąz, jasnożółty, szary, turkusowy, miętowy zielony, jasnopomarańczowy.
Czerń jest uniwersalna, elegancka, wygląda we wszystkich zestawieniach, najlepiej z pomarańczem, różem, jasnozieloną, białą, czerwoną, liliową czy żółtą.

Wybór schematu kolorów strony internetowej jest jednym z ważnych punktów w procesie projektowania. Wybór kombinacji kolorów jest dość złożonym i kreatywnym procesem. Na szczęście istnieje wiele usług, które mogą w znaczący sposób pomóc w dokonaniu właściwego wyboru.

Niektóre z zasobów wymienionych w tej recenzji zapewniają możliwość wyboru spośród dużej liczby gotowych schematów kolorów, podczas gdy inne pozwalają na interaktywne budowanie własnego schematu.

Chłodnica

Adobe Kuler zawiera dużą bibliotekę gotowych schematów kolorów. Diagram można wyświetlić w trybie online i pobrać go do wykorzystania w produktach Adobe Creative Suite.

Color Lovers ma obecnie prawie 2 miliony schematów kolorów stworzonych przez użytkowników. Możesz je przeglądać sortując według daty, oceny, liczby wyświetleń.

ColoRotate posiada bibliotekę gotowych schematów kolorów. Możesz także stworzyć własny diagram za pomocą unikalnego narzędzia 3D. Schematu kolorów można używać bezpośrednio w programach Photoshop i Fireworks za pomocą wtyczki ColoRotate.

Color Scheme Designer pozwala wybrać rodzaj schematu kolorów (mono, uzupełniający, triada, tetrad, analogowy). Następnie możesz dostosować kolory i zobaczyć efekt schematu na przykładzie.

ColorSchemer posiada dużą bibliotekę schematów kolorów tworzonych przez użytkowników. Możesz je sortować według daty opublikowania, oceny lub liczby pobrań.

Pictaculous to proste narzędzie do generowania schematów kolorów online. Możesz przesłać obraz, a usługa wygeneruje diagram do wykorzystania z obrazem.

Kolorowa Iglica

Color Spire to bardzo prosta w obsłudze usługa. Wybierasz kolor bazowy, a on sugeruje schemat kolorów. Możesz także zobaczyć wygląd diagramu na prostym szablonie.

Jednym z najważniejszych czynników przy tworzeniu niepowtarzalnego i rozpoznawalnego projektu jest kolor. Właściwy wybór schematu kolorów może zadecydować o sukcesie lub porażce witryny internetowej. Gdy użytkownik po raz pierwszy spojrzy na stronę internetową, wybrane przez Ciebie kolory wysyłają mu natychmiastową wiadomość na temat tej strony. Na szczęście istnieje wiele narzędzi, które pomogą Ci wybrać odpowiednią kolorystykę. Oto pięć najlepszych.

1. Chłodnica

Kuler z firmy Adobe od dawna uznawany jest za najlepszego asystenta profesjonalnego projektanta stron internetowych. W przeciwieństwie do konkurencji, istnieje tu duża społeczność i możesz dzielić się stworzonymi paletami lub przejmować schematy kolorów innych osób i modyfikować je według własnych potrzeb. Aby komunikować się w społeczności, musisz się zarejestrować i uzyskać identyfikator Adobe ID. Kolory w Kulerze są reprezentowane w różnych formatach, w tym RGB, CMYK, LAB i HSV.

Inspiracja może pojawić się pod wpływem najbardziej nieoczekiwanej okazji. Na przykład możesz natknąć się na piękne zdjęcie w atrakcyjnej kolorystyce. Ten generator palety kolorów został stworzony właśnie do obróbki takich zdjęć. Prześlij pliki w formatach JPG lub PNG i uzyskaj szczegółowy układ kluczowych kolorów. Bez względu na to, jaką reakcję próbujesz wywołać u odwiedzających, generator palety kolorów może pomóc w stworzeniu niepowtarzalnego wyglądu każdej witryny internetowej.

Poszczególne kolory nigdy nie wiszą w próżni, a każdy odcień ma wpływ na swoje otoczenie. Narzędzie Contrast-A wykorzystuje wysoce techniczne podejście do konfiguracji palet, dostarczając szczegółowych informacji na temat współczynnika luminancji oraz różnic w jasności i kolorze. To idealne narzędzie, jeśli chcesz stworzyć minimalistyczną stronę internetową z kilkoma kolorami, które się uzupełniają.

Ta popularna wtyczka do Firefoksa pozwala określić znaczenie poszczególnych kolorów bezpośrednio w przeglądarce i zmierzyć różnicę między nimi. Dostępna jest „przeglądarka schematów kolorów” umożliwiająca wybór poszczególnych kolorów z wcześniej wybranych zestawów. Łatwa w obsłudze i niezwykle bogata w funkcje wtyczka ColorZilla jest jak szwajcarski scyzoryk wśród rozszerzeń przeglądarek dla projektantów stron internetowych i artystów.

W przeciwieństwie do większości innych generatorów schematów kolorów „koła kolorów”, Colorotate wyświetla paletę na stożku 3D. Podobnie jak Kuler, użytkownicy mogą zapisywać i edytować swoje schematy kolorów, a także przeglądać palety stworzone przez innych projektantów. Narzędzie jest zintegrowane z popularnymi programami do projektowania Adobe Fireworks i Photoshop.

Jeśli chodzi o efektywne projektowanie stron internetowych, mówimy o intuicyjnych interfejsach i układach użytkownika, ale schematy kolorów mają równie duże znaczenie, jeśli nie większe. Wymienione tutaj narzędzia powinny wskazać Ci właściwy kierunek, aby za pierwszym razem wybrać świetną paletę kolorów dla swojej witryny. Istnieją inne przydatne narzędzia, które można znaleźć w Internecie, ale od nich możesz zacząć, aby znaleźć idealny arsenał pasujący do Twojego osobistego stylu. Powodzenia i udanego projektowania!