Related resources
Other articles
- Outside Europe »
- How to create layers in Photoshop »
- Changing eye colour to Blue in Photoshop »
- How to unlock a layer in Photoshop »
- How to rotate an image in Photoshop »
- How to group layers in Photoshop »
- Choosing a colour palette for web design »
- Deciding on HTML or Macromedia Flash »
- Creating reflections in Photoshop »
- Selectively removing colour »
Other videos
Selective colourization in Photoshop
We show how to selectively restore colour to areas of an image.
2:09
Creating a website in Photoshop part 1
Part 1 of a 3 part set. How to build a website from start to finish in Photoshop.
8:09
Creating vector images in Photoshop
Create a vector image from a flat, raster image. What are vectors, anyway?
3:37
Levelling photographs using Photoshops ruler tool
A very quick and effective way to level up any photographs using ruler tool.
1:43
Sharpen photographs using Photoshop's high pass filter
We show how to use Photoshop's high pass filter to sharpen an image.
1:39
Firstly, it has to be said: there is no such thing as the ultimate colour palette for a website.
What works great on one webpage, may look hideous on another. Besides, colour perception can be so different from person to person. Its almost impossible to find the golden rule of using colours in web design. Of course there are better and worse colour schemes on various websites but I guess we can use the term better only from our subjective point of view.
Sometimes however one or another website is perceived by majority of users as good or pleasing. How is it possible that in some cases most people would say I like it whereas sometimes they would say its awful ? Well, there is no simple answer - but thankfully there are some guidelines to make things look better.
Since were little, we perceive the world as full of colour and learn it that way. While learning, we encounter new things: objects, smells, tastes, textures etc and we somehow attach that experience with our feelings. Magically in our memories we store those feelings as images, very often full of colours.
Thanks to that, each colour brings us certain emotions. Luckily (or unfortunately in our case) each person identifies colours differently because each of us grew up in different environment.
Through using statistics we could try to find the meaning of colours. In the research done among young people in USA, most of them would find Blue as a symbol of success, intelligence and trust, Yellow as fun and joy, and Black as complicated or technological. Of course, Green was always perceived as rich :)
Creating a nice colour palette for our website and using it properly, is actually one of the most important part of creating the layout. Firstly, we have to match the colours to the subject of the website. For example, we wouldnt use a Yellow colour for a dentist, or Blue for a site ran by Harley-Davidson lovers. We should push our imagination and try get a feeling of the subject.
In our case, a dentist website would do much better in White and Blue; whereas a Harley website would be more appealing in Black, Silver and perhaps Red. The second important thing is to compose colours with the elements of the layout. All colours should blend, and all content has to be readable. Remember websites are mostly about information.
It is worth mentioning the concept of contrast. As we know the most common page elements are: header, menu, sidebars, content , footer, search box, banners etc. It is usually good to make some of them stand out more; whereas other should be faded. Thats where colour comes in very handy.
Strong colours should be used mostly for the elements that have to get users attention. Text MUST be easy to read, so its probably a good idea to make the background in light, soft colour with no texture. All other elements have to be placed across the page, so their colours do not blend.
Another thing is to stay with 2 or 3 colours on one page. There is no rule against that but from our experience, websites usually look more subtle and focused if no more than 3 swatches are used.
if you push it to 6 or 10 it may even difficult to read so from commercial point of view , your client will not be happy ;)
During the process of designing a website you always should keep in mind 4 main objectives regarding colours:
- Site should be pretty
- All elements should match
- Keep text readable
- Match the colours to the subject of the site
- Make site attractive
To get all this right is not easy to do! I encourage you to do some digging on the Internet. With a little effort and luck youll find something thats inspiring, some new colour schemes or interesting contrasts. Remember web design should be fun ;)







Comments
There are no comments for this post