#ff0000, #ffffff & #0000ff
DESCRIPTION
David Kirkby Did an excellent talk on the imact of Colour on design for http://fesuffolk.co.uk on 28 May 2012TRANSCRIPT
#ff0000, #ffffff & #0000ff
Monday, 28 May 2012
Title
Who am I and why am I here?
Monday, 28 May 2012
I studied art and design, tried to get into VFX and then worked in video and DTP before web. I like painting, colours, art, texture and long walks in the moonlight but the police have put me under a curfew after the last time.
white - clean, sterile, perfectionred - anger, passion, sexualgreen - decay, health, nature
blue - cold, healthy, knowledgeorange - deceit, aggression, action yellow - sickness, richness, caution
black - moody, serious, evil
Snooooore....
Monday, 28 May 2012
Pink was a manly colour up to the 1900s as it was close to redVirgin Mary wears blue in paintings as it was more feminineWhite was the colour of mourning for medieval queensPurple - over 70% prepubescent children preferred purple
RedSouth Africa - mourning
GreenChina - infidelity
PurpleThailand - mourning
BlackEast - Wealth
Monday, 28 May 2012
Cultural differences around the world. Be careful when selecting colours
Monday, 28 May 2012
Cave paintings. Primative man slapping paint around on a bit of stone but it was a form of communication.
Monday, 28 May 2012
Age of target audience is importantChildren like big, bold, primary colours, adults tend to go for more subtle tones(frakking Disney go and stick in muted colours on CP homepage just to throw a spanner in the works)
Monday, 28 May 2012
RGB - Additive colours. They are emitted from monitors/TVs/projectors/glowing thingy’s and are projecting colour. Websites will use RGB for graphics
Monday, 28 May 2012
RGB - additive. ooooo purty. Its like some cosmic ride maaaaaaan.We can see the colours blend together to make different colours
Monday, 28 May 2012
CMYK - Subtractive colours. Used in print and called subtractive because light hits the colour and all of it is absorbed except for that colour
Monday, 28 May 2012
CMYK - being all subtractive n sheeet
Monday, 28 May 2012
RGB and CMY put together
Monday, 28 May 2012
oooo it’s a colour wheel
Monday, 28 May 2012
If we extend the colour wheel into 3d space we can see this All colours can be expressed with HSV (aka HSB)Hue Saturation Value/Hue Saturation Brightness
Hue
Monday, 28 May 2012
Hue Laurie. ho ho ho.
Monday, 28 May 2012
Hue is the colour (inc shades) of colour. When we say red, green, blue etc... we mean the hueIn the visible spectrum there’s no brown, pink or magenta
Monday, 28 May 2012
Jean Capeinick - Nature morte aux oranges et citronsPredominate hues are yellow and orange
Monday, 28 May 2012
Benjamin Williams Leader - A Welsh CornfieldUses primary colours (red, yellow and blue) as well as green
Saturation
Monday, 28 May 2012
Monday, 28 May 2012
Cristofano Allori - Judith with the head of HolofernesRich artists could afford more saturated paints
Monday, 28 May 2012
Jehan Georges - The fortune TellerThis shows contrast between Saturation and value. The eye will linger longer on the white in the middle, the red robes will draw the eye but the main focus is the teller.
Value
Monday, 28 May 2012
Monday, 28 May 2012
Value - Brightness of the colourAlthough I’ve used black here it could be any colour
Monday, 28 May 2012
Goya - The shooting of May 3rd 1808Very high value in the main figure and he is surrounded by dark/low valueIts helping to make him ‘pop’ as the main focus of the image
Monday, 28 May 2012
Painter wheel with HSV
Use of colour on the web
Monday, 28 May 2012
Monday, 28 May 2012
2nd time showingGoing to refer back to the fact kids like big colours
Monday, 28 May 2012
Readability
Monday, 28 May 2012
“undesign” trend http://sixrevisions.com/web_design/undesign-portfolio-website/ Still has colour but used sparingly.
Monday, 28 May 2012
BrandingBlue, white and Yellow. All used within the logo and replicated across the site.
Monday, 28 May 2012
Branding
<---------------- Whaaaaaa?
Monday, 28 May 2012
FAIL!
Monday, 28 May 2012
Navigation and grouping
Monday, 28 May 2012
Well sorted layout. Reflects the same look as their physical versions as web design/layout is based on print
Monday, 28 May 2012
All broadsheets use colour for sections. Helps with navigation and area identificationThe Guardian even colours its own logo but sport and 2012 are both greenBranding confusing? Not really, they rely on the text to convey the brand
Monday, 28 May 2012
Vibrant. Strong colours to be eye catching
Monday, 28 May 2012
Overuse of strong colours to be eye catchingTabloids try to be your friend
Monday, 28 May 2012
Very serious papers by gollyPink on the FT to reflect its physical paper
Monday, 28 May 2012
No colours other than the rather strange ones used on rolloversVhaat is dat orange dat the WSJ is vearink, darlink?
Accessibility
Monday, 28 May 2012
...and I quote “If colour alone is used to convey information, people who cannot differentiate between certain colours and users with devices that have non-colour or non-visual displays will not receive the information. When foreground and background colours are too close to the same hue, they may not provide sufficient contrast when viewed using monochrome displays or by people with different types of colour deficits.”
Monday, 28 May 2012
ColourblindnessCommon in men - about one in 20Far fewer women - around one in 200This graphic is from the Ishihara test to determine colour blindness
<---------------- Whaaaaaa?
<---------------- Double whaaaaa?
Monday, 28 May 2012
colour contrast fail! The text is too damn hard to read. While they may not feel that the statement of ownership is not important, its still information that is hard to read. Someone may actually want to read what it says.
Monday, 28 May 2012
Tools to aid with colour accessibilityhttp://snook.ca/technical/colour_contrast/colour.html
Don't rely on colour alone
www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-colour.html
Monday, 28 May 2012another quote “Colour is an important asset in design of Web content, enhancing its aesthetic appeal, its usability, and its accessibility. However, some users have difficulty perceiving colour. People with partial sight often experience limited colour vision, and many older users do not see colour well. In addition, people using text-only, limited-colour or monochrome displays and browsers will be unable to access information that is presented only in colour.”
Monday, 28 May 2012
In conclusion, colour is a very important part of design. Its emotional, it can convey meaning but it can also be abused. Good grief, thats vague isn’t it?
Monday, 28 May 2012
Any questions? (I hope not)