Category Archives: Look and Feel

Colour Your World

Recently I’ve been reading Vandelay Design’s blog. Vandelay has several galleries showing a huge listing of colourful web sites. The sites catch your eye and make you want to see what else the company has to offer.

dolour and design

Colour and Design

I thought it might be fun to take a look at colour.

On the cool side of the colour wheel are blues, greens, and purples. These colours tend to have a calming effect. On the other end of the cool spectrum they tend to be antiseptic and impersonal. It is here in the cool spectrum that you find the universal favorite colour, blue.

On the warm side of the colour wheel are red, yellow, and orange. These are the colours that stimulate us. It is no surprise that they are related to the strong emotions of either optimism and love or anger and violence. Orange is the colour that people tend to love or hate.

Mixed colours like orange (yellow and red), purple (red and blue), and green (yellow and blue) take attributes from both of their parent colours. With the optimism of yellow and the calming favorite blue, green is the favorite mixed colour. It is considered a pleasant background colour by many and an energetic colour in its brighter forms.

When it comes to web sites high intensity colours, while stimulating, can overload your visual senses. You need to balance the intensity and saturation of the colours you use. The eye needs a place to rest. While some sites do not degrade to greyscale well, many other sites have assembled the right balance of colour and accessibility. Let’s go out and colour our world!

Resources:

Now You See It – Maybe?

As I have been researching topics for my post this week I ran across a concept that specifically applied to a web site I am designing. The web site uses the colors of crayon green and crayon yellow. As I looked at the header I was designing, I wondered how well the colors would look to someone who was color blind. I wasn’t sure if I had enough contrast.

According to Wikipedia: “Contrast is the difference in visual properties that makes an object … distinguishable from other objects and the background.”

shades of contrast

Shades of Contrast

7 – 8% of the population is color blind. Another portion of the population has low-vision needs. According to the Web Designer Depot there is more to contrast than color. “Creating a structure of importance using size, shape and color is what gives a page impact and legibility to the reader.”

According to A List Apart contrast “…it’s the essential ingredient that makes content accessible to every viewer.” Accessibility is an important component of design. If you want people to read your text and see your graphics you need contrast.

I guess I better get back to work and check the various components of contrast: size, shape, color, position, hierarchy of visual importance, etc. Contrast is “…about finding better and more efficient ways of communicating the message behind the design.” Wish me well!

Resources: