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. Jaki wybrać program do projektowania grafiki na potrzeby stron www? Dziś chciałem poruszyć temat programów do projektowania grafiki na potrzeby...
3. Rejestracja strony internetowej w sądzie czyżby to była fikcja? W związku z otrzymanym ostatnio e-mailem od Piotra na temat...
4. Skąd czerpać inspiracje do projektowania stron Jako, że brak inspiracji często towarzyszy mi przy projektowaniu grafiki...
5. Dodatek do Firefoxa analizujący szybkość strony Dziś chciałbym zaprezentować wam dodatek do przeglądarki FireFox „YSlow”, który...