Jak dobrać kolorystykę do strony internetowej?

Jakiś czas temu stworzyłem szkic artykułu o doborze kolorystyki do strony. W związku z tym, że wczoraj Bartek Sidzina poruszył ten temat w komentarzu do artykułu pt.: „Skąd czerpać inspiracje do projektowania stron„ postanowiłem powrócić do niego.

Kolorystyka strony powinna być spójna z całą identyfikacją wizualną firmy. Najczęściej paletę kolorów strony pobieram z logo firmy klienta. Z reguły logo składa się z jednego lub dwóch kolorów co jest wystarczające jako podstawowa paleta barw strony. Czasem można dobrać jeszcze 1-2 kolory uzupełniające. Uważam, że 2-3 kolory podstawowe na stronie internetowej są wystarczające i nie ma potrzeby używania kilkudziesięciu jak to kiedyś były robione strony.

Wybrane 2-3 kolory powinny być kontrastowe. Kolory takie zawsze wybierałem wspomagając się stroną http://colorschemedesigner.com/previous/colorscheme2/index-en.html (nowsza wersja strony http://colorschemedesigner.com/). Wprowadzam kolor znajdujący się w logo, klikam Contrast i mam gotową paletę kolorów do strony. Dodatkowo można poeksperymentować z innymi ustawieniami Tetrad czy Analogic.

Dzięki temu narzędziu dobierzemy kolorystykę na przykład do linków, tła strony, tekstu… Dodatkowo po prawej stronie pod wybraną paletą są linki do webdesignu opartego o wybraną kolorystykę w formie szkicu.

Teraz narzędzia typu colorsheme zostały wzbogacone o nowe funkcje i są o wiele bardziej funkcjonalne. Muszę powiedzieć, że ostatnimi czasy bardzo duże wrażenie zrobił na mnie AdobeKuler. Ze wszystkich tego typu narzędzi AdobeKuler jest tym, który zawiera najwięcej funkcji i lepszego raczej nie znajdziecie. Biorąc pod uwagę fakt, że produkt stworzyła firma Adobe, która jest właścicielem najlepszego programu do obróbki zdjęć Adobe Photoshop nie ma w tym nic dziwnego.

W przypadku gdy firma posiada np. jakieś zdjęcia z których korzysta w materiałach marketingowych warto się nimi posłużyć w wyborze kolorystyki i wykorzystać je także do designu strony. Zdjęcia z pewnością wcześniej zostały także dobrane odpowiednio pod względem kolorystycznym. Do pobrania kolorystyki ze zdjęć także stworzono specjalne narzędzia przykładem jest ponownie AdobeKuler lub np. strona www.genopal.com.

Gorąco polecam Wam korzystanie z tego typu narzędzi są one naprawdę bardzo pomocne w tworzeniu palety kolorystycznej do strony internetowej i nie tylko. AdobeKuler uważam za jedno z podstawowych narzędzi w pracy grafika.

Narzędzia uniwersalne
http://kuler.adobe.com/#themes/rating?time=30
http://colorschemedesigner.com/

Kolory ze zdjęć
http://www.colr.org/
http://www.genopal.com/
http://www.degraeve.com/color-palette/

Pobieranie kolorów z całych stron
http://www.colorcombos.com/grabcolors.html

Pozostale narzędzia
http://slayeroffice.com/tools/color_palette/
http://www.defencemechanism.com/color/
http://www.colorschemer.com/online.html
http://neteffect.dk/colormatch/
http://gmazzocato.altervista.org/colorwheel/wheel.php
http://www.snook.ca/technical/colour_contrast/colour.html

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania „Zostaw komentarz”, a na pewno na niego odpowiem.

Podobne wpisy:

1. Projektowanie grafiki do strony internetowej, czyli jak zrobić layout Z sondy jaką umieściłem kilka miesięcy temu na blogu  wynikło,...
2. Rejestracja strony internetowej w sądzie czyżby to była fikcja? W związku z otrzymanym ostatnio e-mailem od Piotra na temat...
3. Dodatek do Firefoxa analizujący szybkość strony Dziś chciałbym zaprezentować wam dodatek do przeglądarki FireFox „YSlow”, który...
4. Makieta witryny – pierwszy szkic strony W jednym z poprzednich artykułów pt. „Jak z powodzeniem realizować...