{"id":227,"date":"2009-03-22T16:31:10","date_gmt":"2009-03-22T15:31:10","guid":{"rendered":"https:\/\/www.blog.gdaq.pl\/?p=227"},"modified":"2024-02-19T17:02:59","modified_gmt":"2024-02-19T15:02:59","slug":"jak-dobrac-kolorystyke-strony","status":"publish","type":"post","link":"https:\/\/gdaq.pl\/blog\/2009\/03\/jak-dobrac-kolorystyke-strony\/","title":{"rendered":"Jak dobra\u0107 kolorystyk\u0119 do strony internetowej?"},"content":{"rendered":"
Jaki\u015b czas temu stworzy\u0142em szkic artyku\u0142u o doborze kolorystyki do strony. W zwi\u0105zku z tym, \u017ce wczoraj Bartek Sidzina poruszy\u0142 ten temat w komentarzu do artyku\u0142u pt.: “Sk\u0105d czerpa\u0107 inspiracje do projektowania stron”<\/em><\/a> postanowi\u0142em powr\u00f3ci\u0107 do niego.<\/p>\n

Kolorystyka strony powinna by\u0107 sp\u00f3jna z ca\u0142\u0105 identyfikacj\u0105 wizualn\u0105 firmy. Najcz\u0119\u015bciej palet\u0119 kolor\u00f3w strony pobieram z logo firmy klienta. Z regu\u0142y logo sk\u0142ada si\u0119 z jednego lub dw\u00f3ch kolor\u00f3w co jest wystarczaj\u0105ce jako podstawowa paleta barw strony. Czasem mo\u017cna dobra\u0107 jeszcze 1-2 kolory uzupe\u0142niaj\u0105ce. Uwa\u017cam, \u017ce 2-3 kolory podstawowe na stronie internetowej s\u0105 wystarczaj\u0105ce i nie ma potrzeby u\u017cywania kilkudziesi\u0119ciu jak to kiedy\u015b by\u0142y robione strony.<\/p>\n

Wybrane 2-3 kolory powinny by\u0107 kontrastowe. Kolory takie zawsze wybiera\u0142em wspomagaj\u0105c si\u0119 stron\u0105 https:\/\/colorschemedesigner.com\/previous\/colorscheme2\/index-en.html (nowsza wersja strony https:\/\/colorschemedesigner.com\/). Wprowadzam kolor znajduj\u0105cy si\u0119 w logo, klikam Contrast<\/em> i mam gotow\u0105 palet\u0119 kolor\u00f3w do strony. Dodatkowo mo\u017cna poeksperymentowa\u0107 z innymi ustawieniami Tetrad<\/em> czy Analogic.
\n<\/em><\/p>\n

Dzi\u0119ki temu narz\u0119dziu dobierzemy kolorystyk\u0119 na przyk\u0142ad do link\u00f3w, t\u0142a strony, tekstu… Dodatkowo po prawej stronie pod wybran\u0105 palet\u0105 s\u0105 linki do webdesignu opartego o wybran\u0105 kolorystyk\u0119 w formie szkicu.<\/p>\n

<\/p>\n

Teraz narz\u0119dzia typu colorsheme zosta\u0142y wzbogacone o nowe funkcje i s\u0105 o wiele bardziej funkcjonalne. Musz\u0119 powiedzie\u0107, \u017ce ostatnimi czasy bardzo du\u017ce wra\u017cenie zrobi\u0142 na mnie AdobeKuler. Ze wszystkich tego typu narz\u0119dzi AdobeKuler jest tym, kt\u00f3ry zawiera najwi\u0119cej funkcji i lepszego raczej nie znajdziecie. Bior\u0105c pod uwag\u0119 fakt, \u017ce produkt stworzy\u0142a firma Adobe, kt\u00f3ra jest w\u0142a\u015bcicielem najlepszego programu do obr\u00f3bki zdj\u0119\u0107 Adobe Photoshop nie ma w tym nic dziwnego.<\/p>\n

W przypadku gdy firma posiada np. jakie\u015b zdj\u0119cia z kt\u00f3rych korzysta w materia\u0142ach marketingowych warto si\u0119 nimi pos\u0142u\u017cy\u0107 w wyborze kolorystyki i wykorzysta\u0107 je tak\u017ce do designu strony. Zdj\u0119cia z pewno\u015bci\u0105 wcze\u015bniej zosta\u0142y tak\u017ce dobrane odpowiednio pod wzgl\u0119dem kolorystycznym. Do pobrania kolorystyki ze zdj\u0119\u0107 tak\u017ce stworzono specjalne narz\u0119dzia przyk\u0142adem jest ponownie AdobeKuler lub np. strona www.genopal.com.<\/p>\n

Gor\u0105co polecam Wam korzystanie z tego typu narz\u0119dzi s\u0105 one naprawd\u0119 bardzo pomocne w tworzeniu palety kolorystycznej do strony internetowej i nie tylko. AdobeKuler uwa\u017cam za jedno z podstawowych narz\u0119dzi w pracy grafika.<\/p>\n

Narz\u0119dzia uniwersalne<\/strong>
\nhttps:\/\/kuler.adobe.com\/#themes\/rating?time=30<\/a>
\nhttps:\/\/colorschemedesigner.com\/<\/p>\n

Kolory ze zdj\u0119\u0107<\/strong>
\nhttps:\/\/www.colr.org\/
\nhttps:\/\/www.genopal.com\/
\nhttps:\/\/www.degraeve.com\/color-palette\/<\/a><\/p>\n

Pobieranie kolor\u00f3w z ca\u0142ych stron<\/strong>
\nhttps:\/\/www.colorcombos.com\/grabcolors.html<\/a><\/p>\n

Pozostale narz\u0119dzia<\/strong>
\nhttps:\/\/slayeroffice.com\/tools\/color_palette\/
\nhttps:\/\/www.defencemechanism.com\/color\/<\/a>
\nhttps:\/\/www.colorschemer.com\/online.html
\nhttps:\/\/neteffect.dk\/colormatch\/
\nhttps:\/\/gmazzocato.altervista.org\/colorwheel\/wheel.php<\/a>
\nhttps:\/\/www.snook.ca\/technical\/colour_contrast\/colour.html<\/a><\/p>\n

Je\u015bli ten artyku\u0142 pom\u00f3g\u0142 Ci, masz co do niego jakie\u015b w\u0105tpliwo\u015bci lub pytania “Zostaw komentarz”, a na pewno na niego odpowiem.<\/h5>\n

Je\u015bli chcia\u0142by\u015b zleci\u0107 jakie\u015b prace graficzne, projektowe napisz do mnie poprzez formularz kontaktowy z tej strony >><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

Jaki\u015b czas temu stworzy\u0142em szkic artyku\u0142u o doborze kolorystyki do strony. W zwi\u0105zku z tym, \u017ce wczoraj Bartek Sidzina poruszy\u0142 ten temat w komentarzu do artyku\u0142u pt.: “Sk\u0105d czerpa\u0107 inspiracje do projektowania stron” postanowi\u0142em powr\u00f3ci\u0107 do niego. Kolorystyka strony powinna by\u0107 sp\u00f3jna z ca\u0142\u0105 identyfikacj\u0105 wizualn\u0105 firmy. Najcz\u0119\u015bciej palet\u0119 kolor\u00f3w strony pobieram z logo firmy […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":8,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":16302,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/posts\/227\/revisions\/16302"}],"wp:attachment":[{"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gdaq.pl\/blog\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}