[metaslider id=11287] Jak dobrać kolorystykę do strony internetowej? | SEO Blog

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.

Jeśli chciałbyś zlecić jakieś prace graficzne, projektowe napisz do mnie poprzez formularz kontaktowy z tej strony >>

VN:F [1.9.22_1171]
Rating: 4.4/5 (11 votes cast)
Jak dobrać kolorystykę do strony internetowej?, 4.4 out of 5 based on 11 ratings

o autorze

Slawomir Gdak

Od 2009 prowadzi owego seo bloga i dzieli się swoją wiedzą z zakresu seo.

Autor publikacji/produktów z zakresu seo m.in.: znanych list katalogów i profili, ebooków, szkoleń, artykułów w miesięczniku SEMspecialist.
Gościnnie trener w Mieście Szkoleń oraz na Search Marketing Week.

23 komentarze

napisz komentarz
  • {
    {I have|I’ve} been {surfing|browsing} online more than {three|3|2|4} hours today, yet I never found any interesting article like yours. {It’s|It is} pretty worth enough for me.
    {In my opinion|Personally|In my view}, if all
    {webmasters|site owners|website owners|web owners} and bloggers made good content as you did, the {internet|net|web} will be {much more|a lot more} useful than ever before.
    |
    I {couldn’t|could not} {resist|refrain from} commenting. {Very well|Perfectly|Well|Exceptionally well} written!|
    {I will|I’ll} {right away|immediately} {take hold of|grab|clutch|grasp|seize|snatch} your {rss|rss feed} as I
    {can not|can’t} {in finding|find|to find} your {email|e-mail} subscription {link|hyperlink} or {newsletter|e-newsletter} service. Do {you have|you’ve} any?
    {Please|Kindly} {allow|permit|let} me {realize|recognize|understand|recognise|know} {so that|in
    order that} I {may just|may|could} subscribe. Thanks.
    |
    {It is|It’s} {appropriate|perfect|the best} time to make some plans for the future and {it is|it’s} time to
    be happy. {I have|I’ve} read this post and if I could I {want to|wish to|desire to} suggest you {few|some} interesting things or {advice|suggestions|tips}. {Perhaps|Maybe} you {could|can} write next articles referring to this article. I {want to|wish to|desire to} read {more|even more} things about it!|
    {It is|It’s} {appropriate|perfect|the best} time
    to make {a few|some} plans for {the future|the
    longer term|the long run} and {it is|it’s} time to be happy. {I have|I’ve} {read|learn} this {post|submit|publish|put up}
    and if I {may just|may|could} I {want to|wish to|desire to} {suggest|recommend|counsel} you {few|some} {interesting|fascinating|attention-grabbing} {things|issues} or {advice|suggestions|tips}.
    {Perhaps|Maybe} you {could|can} write {next|subsequent}
    articles {relating to|referring to|regarding} this article.
    I {want to|wish to|desire to} {read|learn} {more|even
    more} {things|issues} {approximately|about} it!
    |
    {I have|I’ve} been {surfing|browsing} {online|on-line} {more than|greater than} {three|3} hours {these days|nowadays|today|lately|as of late}, {yet|but} I {never|by no means} {found|discovered} any {interesting|fascinating|attention-grabbing} article like yours. {It’s|It
    is} {lovely|pretty|beautiful} {worth|value|price} {enough|sufficient} for me.
    {In my opinion|Personally|In my view}, if all {webmasters|site owners|website owners|web owners} and bloggers made {just right|good|excellent}
    {content|content material} as {you did|you probably did},
    the {internet|net|web} {will be|shall be|might be|will probably be|can be|will likely be} {much more|a lot
    more} {useful|helpful} than ever before.|
    Ahaa, its {nice|pleasant|good|fastidious} {discussion|conversation|dialogue} {regarding|concerning|about|on the topic of} this {article|post|piece of writing|paragraph} {here|at this place} at this {blog|weblog|webpage|website|web site}, I have read all that, so {now|at
    this time} me also commenting {here|at this place}.
    |
    I am sure this {article|post|piece of writing|paragraph}
    has touched all the internet {users|people|viewers|visitors}, its really really {nice|pleasant|good|fastidious} {article|post|piece of writing|paragraph} on building up new {blog|weblog|webpage|website|web site}.
    |
    Wow, this {article|post|piece of writing|paragraph} is {nice|pleasant|good|fastidious}, my {sister|younger sister} is analyzing {such|these|these
    kinds of} things, {so|thus|therefore} I am going to {tell|inform|let know|convey} her.
    |
    {Saved as a favorite|bookmarked!!}, {I really like|I like|I love} {your blog|your site|your web
    site|your website}!|
    Way cool! Some {very|extremely} valid points! I appreciate you {writing this|penning this} {article|post|write-up} {and
    the|and also the|plus the} rest of the {site is|website is} {also very|extremely|very|also really|really} good.
    |
    Hi, {I do believe|I do think} {this is an excellent|this is a great} {blog|website|web
    site|site}. I stumbledupon it 😉 {I will|I am
    going to|I’m going to|I may} {come back|return|revisit} {once again|yet again} {since I|since i have} {bookmarked|book marked|book-marked|saved as a favorite} it. Money and freedom {is the best|is the greatest} way to change, may you be rich and continue to {help|guide} {other people|others}.|
    Woah! I’m really {loving|enjoying|digging} the template/theme of this
    {site|website|blog}. It’s simple, yet effective. A lot of times it’s {very hard|very difficult|challenging|tough|difficult|hard} to get that “perfect balance” between {superb usability|user
    friendliness|usability} and {visual appearance|visual appeal|appearance}.
    I must say {that you’ve|you have|you’ve} done a {awesome|amazing|very good|superb|fantastic|excellent|great} job with this.
    {In addition|Additionally|Also}, the blog loads {very|extremely|super} {fast|quick} for me on {Safari|Internet explorer|Chrome|Opera|Firefox}.
    {Superb|Exceptional|Outstanding|Excellent} Blog!|
    These are {really|actually|in fact|truly|genuinely} {great|enormous|impressive|wonderful|fantastic} ideas in {regarding|concerning|about|on the topic of} blogging.
    You have touched some {nice|pleasant|good|fastidious} {points|factors|things} here.

    Any way keep up wrinting.|
    {I love|I really like|I enjoy|I like|Everyone loves} what you guys {are|are usually|tend
    to be} up too. {This sort of|This type of|Such|This kind of} clever work and {exposure|coverage|reporting}!
    Keep up the {superb|terrific|very good|great|good|awesome|fantastic|excellent|amazing|wonderful}
    works guys I’ve {incorporated||added|included} you guys to {|my|our||my personal|my own} blogroll.|
    {Howdy|Hi there|Hey there|Hi|Hello|Hey}! Someone in my {Myspace|Facebook} group shared this {site|website} with us so I came to {give it a look|look it over|take a look|check it out}. I’m definitely {enjoying|loving}
    the information. I’m {book-marking|bookmarking} and will be tweeting this to my followers! {Terrific|Wonderful|Great|Fantastic|Outstanding|Exceptional|Superb|Excellent} blog and {wonderful|terrific|brilliant|amazing|great|excellent|fantastic|outstanding|superb} {style and design|design and style|design}.|
    {I love|I really like|I enjoy|I like|Everyone loves} what you guys {are|are usually|tend to be} up too. {This sort of|This type of|Such|This kind of} clever work and {exposure|coverage|reporting}! Keep up the {superb|terrific|very good|great|good|awesome|fantastic|excellent|amazing|wonderful} works guys I’ve {incorporated|added|included} you guys
    to {|my|our|my personal|my own} blogroll.|
    {Howdy|Hi there|Hey there|Hi|Hello|Hey} would you mind {stating|sharing}
    which blog platform you’re {working with|using}? I’m {looking|planning|going} to start my
    own blog {in the near future|soon} but I’m having a {tough|difficult|hard} time {making a decision|selecting|choosing|deciding} between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your {design and style|design|layout} seems different then most blogs and I’m looking for something {completely unique|unique}.
    P.S {My apologies|Apologies|Sorry} for {getting|being} off-topic
    but I had to ask!|
    {Howdy|Hi there|Hi|Hey there|Hello|Hey} would you mind letting me know which
    {webhost|hosting company|web host} you’re {utilizing|working with|using}? I’ve loaded your blog in 3 {completely different|different} {internet browsers|web browsers|browsers} and I must say
    this blog loads a lot {quicker|faster} then most. Can you {suggest|recommend} a good {internet hosting|web hosting|hosting} provider at a {honest|reasonable|fair} price?
    {Thanks a lot|Kudos|Cheers|Thank you|Many thanks|Thanks}, I appreciate it!
    |
    {I love|I really like|I like|Everyone loves} it {when
    people|when individuals|when folks|whenever people} {come together|get together} and share {opinions|thoughts|views|ideas}.
    Great {blog|website|site}, {keep it up|continue the good work|stick with it}!

    |
    Thank you for the {auspicious|good} writeup. It in fact was a amusement account it.
    Look advanced to {far|more} added agreeable from you!
    {By the way|However}, how {can|could} we communicate?
    |
    {Howdy|Hi there|Hey there|Hello|Hey} just wanted to give
    you a quick heads up. The {text|words} in
    your {content|post|article} seem to be running off the screen in {Ie|Internet explorer|Chrome|Firefox|Safari|Opera}.
    I’m not sure if this is a {format|formatting} issue or something to do with {web browser|internet browser|browser} compatibility but I {thought|figured} I’d post to let you
    know. The {style and design|design and style|layout|design} look great though!
    Hope you get the {problem|issue} {solved|resolved|fixed} soon.
    {Kudos|Cheers|Many thanks|Thanks}|
    This is a topic {that is|that’s|which is} {close to|near to} my heart… {Cheers|Many thanks|Best wishes|Take care|Thank you}! {Where|Exactly where} are your contact details though?|
    It’s very {easy|simple|trouble-free|straightforward|effortless} to find out any {topic|matter} on {net|web} as compared to
    {books|textbooks}, as I found this {article|post|piece of writing|paragraph} at this {website|web site|site|web page}.
    |
    Does your {site|website|blog} have a contact page?
    I’m having {a tough time|problems|trouble} locating it but, I’d
    like to {send|shoot} you an {e-mail|email}. I’ve got some {creative ideas|recommendations|suggestions|ideas} for your blog you might be interested in hearing. Either way, great {site|website|blog} and I look forward to seeing it {develop|improve|expand|grow} over time.|
    {Hola|Hey there|Hi|Hello|Greetings}! I’ve been {following|reading} your {site|web site|website|weblog|blog} for {a long time|a while|some time}
    now and finally got the {bravery|courage} to go ahead and give
    you a shout out from {New Caney|Kingwood|Huffman|Porter|Houston|Dallas|Austin|Lubbock|Humble|Atascocita} {Tx|Texas}!

    Just wanted to {tell you|mention|say} keep up the {fantastic|excellent|great|good} {job|work}!
    |
    Greetings from {Idaho|Carolina|Ohio|Colorado|Florida|Los angeles|California}!
    I’m {bored to tears|bored to death|bored} at work so I decided to {check out|browse} your {site|website|blog} on my iphone during lunch break. I {enjoy|really like|love} the {knowledge|info|information} you {present|provide} here and can’t wait to
    take a look when I get home. I’m {shocked|amazed|surprised} at how {quick|fast} your blog loaded on my {mobile|cell phone|phone} .. I’m not even using
    WIFI, just 3G .. {Anyhow|Anyways}, {awesome|amazing|very good|superb|good|wonderful|fantastic|excellent|great} {site|blog}!
    |
    Its {like you|such as you} {read|learn} my {mind|thoughts}!
    You {seem|appear} {to understand|to know|to grasp} {so much|a lot} {approximately|about} this, {like you|such
    as you} wrote the {book|e-book|guide|ebook|e book} in it or something.
    {I think|I feel|I believe} {that you|that you simply|that you just} {could|can} do with {some|a few} {%|p.c.|percent} to {force|pressure|drive|power} the message {house|home} {a bit|a little bit}, {however|but} {other than|instead of} that, {this is|that is} {great|wonderful|fantastic|magnificent|excellent} blog. {A great|An excellent|A fantastic} read. {I’ll|I will} {definitely|certainly} be back.|
    I visited {multiple|many|several|various} {websites|sites|web sites|web pages|blogs} {but|except|however} the audio {quality|feature} for audio songs {current|present|existing} at this {website|web site|site|web page} is {really|actually|in fact|truly|genuinely} {marvelous|wonderful|excellent|fabulous|superb}.|
    {Howdy|Hi there|Hi|Hello}, i read your blog {occasionally|from time to time} and i own a similar one and i was just {wondering|curious} if you get a lot of spam {comments|responses|feedback|remarks}? If so how do you {prevent|reduce|stop|protect against} it, any plugin or anything you can {advise|suggest|recommend}? I get so much lately it’s driving me {mad|insane|crazy} so any {assistance|help|support} is very much appreciated.|
    Greetings! {Very helpful|Very useful} advice {within this|in this particular} {article|post}! {It is the|It’s the} little changes {that make|which will make|that produce|that will make} {the biggest|the largest|the greatest|the most important|the most significant} changes. {Thanks a lot|Thanks|Many thanks} for sharing!|
    {I really|I truly|I seriously|I absolutely} love {your blog|your site|your website}.. {Very nice|Excellent|Pleasant|Great} colors & theme. Did you {create|develop|make|build} {this website|this site|this web site|this amazing site} yourself? Please reply back as I’m {looking to|trying to|planning to|wanting to|hoping to|attempting to} create {my own|my very own|my own personal} {blog|website|site} and {would like to|want to|would love to} {know|learn|find out} where you got this from or {what the|exactly what the|just what the} theme {is called|is named}. {Thanks|Many thanks|Thank you|Cheers|Appreciate it|Kudos}!|
    {Hi there|Hello there|Howdy}! This {post|article|blog post} {couldn’t|could not} be written {any better|much better}! {Reading through|Looking at|Going through|Looking through} this {post|article} reminds me of my previous roommate! He {always|constantly|continually} kept {talking about|preaching about} this. {I will|I’ll|I am going to|I most certainly will} {forward|send} {this article|this information|this post} to him. {Pretty sure|Fairly certain} {he will|he’ll|he’s going to} {have a good|have a very good|have a great} read. {Thank you for|Thanks for|Many thanks for|I appreciate you for} sharing!|
    {Wow|Whoa|Incredible|Amazing}! This blog looks {exactly|just} like my old one! It’s on a {completely|entirely|totally} different {topic|subject} but it has pretty much the same {layout|page layout} and design. {Excellent|Wonderful|Great|Outstanding|Superb} choice of colors!|
    {There is|There’s} {definately|certainly} {a lot to|a great deal to} {know about|learn about|find out about} this {subject|topic|issue}. {I like|I love|I really like} {all the|all of the} points {you made|you’ve made|you have made}.|
    {You made|You’ve made|You have made} some {decent|good|really good} points there. I {looked|checked} {on the internet|on the web|on the net} {for more info|for more information|to find out more|to learn more|for additional information} about the issue and found {most individuals|most people} will go along with your views on {this website|this site|this web site}.|
    {Hi|Hello|Hi there|What’s up}, I {log on to|check|read} your {new stuff|blogs|blog} {regularly|like every week|daily|on a regular basis}. Your {story-telling|writing|humoristic} style is {awesome|witty}, keep {doing what you’re doing|up the good work|it up}!|
    I {simply|just} {could not|couldn’t} {leave|depart|go away} your {site|web site|website} {prior to|before} suggesting that I {really|extremely|actually} {enjoyed|loved} {the standard|the usual} {information|info} {a person|an individual} {supply|provide} {for your|on your|in your|to your} {visitors|guests}? Is {going to|gonna} be {back|again} {frequently|regularly|incessantly|steadily|ceaselessly|often|continuously} {in order to|to} {check up on|check out|inspect|investigate cross-check} new posts|
    {I wanted|I needed|I want to|I need to} to thank you for this {great|excellent|fantastic|wonderful|good|very good} read!! I {definitely|certainly|absolutely} {enjoyed|loved} every {little bit of|bit of} it. {I have|I’ve got|I have got} you {bookmarked|book marked|book-marked|saved as a favorite} {to check out|to look at} new {stuff you|things you} post…

  • When I initially commented I clicked the “Notify me when new comments are added” checkbox and
    now each time a comment is added I get several emails with the same comment.
    Is there any way you can remove me from that service? Appreciate
    it!

  • This is really fascinating, You are an excessively skilled blogger.
    I’ve joined your feed and look forward to searching for extra of your great post. Additionally, I’ve shared your web site in my social networks

  • Faktycznie zabiegi spa łódź cóż. Oryginalne kubki, budynie, zabiegi spa łódź kostki rosołowe, kaszki itp to również chemia.

    I wygrywamy ciacha także to notorycznie. Składy
    słodyczy także nie poobalają idealne. Rzekomo lody owe
    sama chemia, oraz ja odrzyna lubię tudzież zabiegi spa łódź jadam.
    Przemyśliwuję, iż 2 tygodnie takowej diety mi nie zaszkodziły zabiegi spa łódź, zaś
    pomogły właściwie bezboleśnie wejść w śmiały metoda odżywiania.

  • Hey there, I think your website might be having browser
    compatibility issues. When I look at your website in Opera, it looks fine but when opening in Internet Explorer,
    it has some overlapping. I just wanted to give you a quick heads up!
    Other then that, amazing blog!

  • parszywa 20
    Czasem zdarza się, że mając troche wolnego czasu nie możesz go wykorzystać i się nudzisz?
    Jest pewne lekarstwo, na tego typu sytuacje. Vidoa to unikalne i
    najlepsze lekarstwo na zmułę.
    Zobacz co można znaleść na portalu rozrywkowym:
    śmieszne video, ciekawe video, wypadki samochodowe, walące się budynki, pijani ludzie i tak dalej.

  • Tommy is passing friendly and they did the accurate
    like divine service for $50! Another outstanding web site you got
    down, here are the biggest and latest stemware from the worldwide ofsports.
    Did you ask what eccentric.

  • Hi there, just become alert to your weblog via Google, and located that it’s truly informative. I’m going to watch out for brussels. I will be grateful if you proceed this in future. Lots of folks might be benefited from your writing. Cheers!

  • You can talk about conflict driven by religious difference all you like but most of us -most of the time wouldn’t be able to tell the difference between a Christian a Jew and a Muslim unless they offered the information themselves.

  • That is a bit Offtopic, but i assumed you could give me an advice.

    With regards to registering and hosting a domain name, I’m not sure what I need to do. A. Do I Need To register and host at the same place? Or B. Should I register my domain name with one company and host it with another? I would prefer to do A, but therein lies my problem. I want to register my domain name with DD24, since I like their fees. Nonetheless, I don’t want to host my site using them.
    What would be your personal preference?

  • Trochę spamu tu naleciało, ale może przeczytasz 🙂 Zainspirowany Twoim wpisem poszukiwałem różnych palet kolorów. Wspomniane w wpisie narzędzia są bardzo fajne, jednak w zestawieniu brakuje jednego z ciekawszych. Polecam narzędzi paletton.com – mój faworyt

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Wszelkie prawa zastrzeżone. Zabrania się wykorzystywania jakichkolwiek treści bez zgody autora.

Sławek Gdak Specjalista ds. seo
Jeśli potrzebujesz mojej pomocy, masz jakiekolwiek pytanie wypełnij poniższy formularz.