--- title: "Color coding: co to jest? Słownik pojęć" description: "Color coding to przypisanie stałych kolorów do kategorii, np. marek w grupie, linii produktów, działów na stronie albo stref w budynku." url: https://fluostudio.pl/baza-wiedzy/slownik/color-coding/ --- [Identyfikacja wizualna](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=identyfikacja) # Color coding Inaczej kodowanie kolorami, kodowanie barwne Color coding to przypisanie stałych kolorów do kategorii, np. marek w grupie, linii produktów, działów na stronie albo stref w budynku. Kolor działa wtedy jak etykieta, którą widać, zanim przeczyta się tekst. Linie metra, teczki w księgowości, kable w szafie serwerowej. Kolor mówi, co to jest, zanim ktoś przeczyta napis. W marce działa to tak samo, pod warunkiem że kolory są przypisane raz i na stałe. [Paleta kolorów](https://fluostudio.pl/baza-wiedzy/slownik/paleta-kolorow/) mówi, jakich barw marka używa. Color coding nadaje wybranym barwom znaczenie. ## Gdzie się sprawdza - **Grupa marek.** Gdy [marka matka i marki pod nią](https://fluostudio.pl/baza-wiedzy/slownik/architektura-marki/) mają logotypy w tym samym układzie, kolor pomaga je od siebie odróżnić. Tak jest w [Intima Clinic](https://fluostudio.pl/projekty/intima-clinic/): sześć marek, jeden układ znaku i osobne kolory. - **Strona.** Gdy każda marka albo dział ma swój kolor, łatwiej poruszać się po stronie i od razu wiadomo, w której części serwisu się jest. Po to kolory marek Intimy przeszły z druku na intimaclinic.pl. - **Budynek.** Kolory pięter i stref ułatwiają [wayfinding](https://fluostudio.pl/baza-wiedzy/slownik/wayfinding/). Zielona linia na podłodze prowadzi do rejestracji, niebieska do laboratorium. - **Produkty.** Warianty i linie produktów oznaczone kolorem łatwiej znaleźć na półce, a rozdziały katalogu po kolorowych brzegach stron. Etykiety [Zippy Tail](https://fluostudio.pl/projekty/zippy-tail/) dla kotów dostały te same kolory kategorii co seria dla psów. ## Kiedy kolor przestaje pomagać - **Gdy kolorów jest za dużo.** Przy kilkunastu kategoriach barwy zaczynają się mylić. Wtedy lepiej pogrupować kategorie albo dodać drugi wyróżnik. - **Gdy kolor jest jedyną informacją.** Około jeden na dwunastu mężczyzn ma zaburzenia widzenia barw, najczęściej czerwieni i zieleni. Kolor zawsze potrzebuje wsparcia: nazwy, numeru albo [ikony](https://fluostudio.pl/baza-wiedzy/slownik/ikonografia/). Na stronach wymagają tego też zasady [dostępności cyfrowej](https://fluostudio.pl/baza-wiedzy/slownik/dostepnosc-cyfrowa/). - **Gdy kolory się rozjeżdżają.** Ten sam zielony na ekranie, z drukarki i na tablicy łatwo zamienia się w trzy różne zielenie. Każdy kolor kodu trzeba więc zapisać dla wszystkich technik: RGB, CMYK, [Pantone](https://fluostudio.pl/baza-wiedzy/slownik/pantone/), a przy oznakowaniu często też w RAL, wzorniku farb i lakierów. ## W naszych projektach - ### [Intima Clinic](https://fluostudio.pl/projekty/intima-clinic/) Każdy instytut ma swój kolor: na wizytówkach, roll-upach i na stronie, gdzie od razu widać, w której części kliniki jesteś. - ### [Made in Podlasie](https://fluostudio.pl/projekty/made-in-podlasie/) Kolor tła opakowania zależy od rodzaju produktu (żółty dla zbożowych, jasny beż dla mącznych), więc kategorię widać z daleka, zanim ktoś przeczyta nazwę. - ### [Zippy Tail](https://fluostudio.pl/projekty/zippy-tail/) Kolor oznacza kategorię suplementu, a drugim wyróżnikiem jest poza zwierzęcia: przy stawach biegnie, przy trawieniu spokojnie spaceruje. ## Zobacz też - [Identyfikacja wizualna Paleta kolorów Paleta kolorów to ustalony zestaw barw marki z dokładnymi zapisami do druku i na ekran oraz zasadami, ile którego koloru używać. Bez takich zapisów każdy wykonawca dobiera odcień na oko.](https://fluostudio.pl/baza-wiedzy/slownik/paleta-kolorow/) - [Identyfikacja wizualna Wayfinding Wayfinding to system informacji wizualnej, który prowadzi ludzi przez budynek albo teren, od dojazdu i wejścia po właściwy gabinet czy halę. Tworzą go tablice, kierunkowskazy, piktogramy, numeracja i kolory.](https://fluostudio.pl/baza-wiedzy/slownik/wayfinding/) - [Branding Architektura marki Architektura marki to układ marek w jednej firmie: która jest główna, które działają pod nią i jak mocno każda pokazuje związek z marką matką. Od niej zależy, ile marek trzeba utrzymywać osobno.](https://fluostudio.pl/baza-wiedzy/slownik/architektura-marki/) - [Branding Submarka Submarka to marka działająca pod marką główną: ma własną nazwę i często własny znak, ale klient od razu widzi, do kogo należy. Wydziela się ją dla usługi, linii produktów albo grupy klientów.](https://fluostudio.pl/baza-wiedzy/slownik/submarka/) - [Strony www Dostępność cyfrowa Dostępność cyfrowa to projektowanie stron i aplikacji tak, żeby mogły z nich korzystać także osoby z niepełnosprawnościami, np. niewidome, słabowidzące, niesłyszące albo obsługujące komputer tylko klawiaturą.](https://fluostudio.pl/baza-wiedzy/slownik/dostepnosc-cyfrowa/) - [Identyfikacja wizualna Ikonografia Ikonografia to zestaw ikon marki narysowanych według wspólnych zasad: tej samej grubości linii, narożników, siatki i stylu. Dzięki temu ikony na stronie, w katalogu i w aplikacji wyglądają jak jedna rodzina.](https://fluostudio.pl/baza-wiedzy/slownik/ikonografia/) - [Druk i publikacje Pantone Pantone to system ponumerowanych kolorów farb mieszanych według gotowych receptur. Dzięki niemu kolor marki ma jeden numer i wzornik, z którym każda drukarnia może porównać wydruk.](https://fluostudio.pl/baza-wiedzy/slownik/pantone/) Hasło pojawia się też w: [Marka parasolowa](https://fluostudio.pl/baza-wiedzy/slownik/marka-parasolowa/), [Opakowanie](https://fluostudio.pl/baza-wiedzy/slownik/opakowanie/) ## Masz logo, ale nie masz systemu? Od tego zaczynamy. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. [Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)