any colour you like
DESCRIPTION
Several considerations regarding colours in the context of (Web) design. A presentation delivered at Summer Web 2013 workshop on Web technologies: http://swapps.wordpress.com/TRANSCRIPT
![Page 1: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/1.jpg)
Dr. Sabin Buraga Faculty of Computer Science “A.I. Cuza” University of Iasi, Romania www.purl.org/net/busaco
any colour you like
![Page 2: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/2.jpg)
www.designingsocialinterfaces.com
![Page 3: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/3.jpg)
any topic you like
design visual dimensions colour harmony & context symbolism colour blindness
![Page 4: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/4.jpg)
design
I’ve been amazed at how often those outside the discipline of design assume that what designers do is decoration. Good design is problem solving.
—Jeff Veen
![Page 5: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/5.jpg)
design
![Page 6: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/6.jpg)
design
creative thinking user research content information architecture information design design deliverables
![Page 7: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/7.jpg)
design
http://garrettdimon.com/pages/improving_interface_design
![Page 8: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/8.jpg)
visual design
layout grid flow typography visual dimensions
![Page 9: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/9.jpg)
visual dimensions
value hue
![Page 10: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/10.jpg)
visual dimensions
value hue texture shape position orientation size
![Page 11: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/11.jpg)
colour semantics syntax highlighting colour-pick control
![Page 12: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/12.jpg)
colour
primary colours red yellow blue
![Page 13: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/13.jpg)
colour
secondary colours green orange purple
![Page 14: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/14.jpg)
colour wheel
![Page 15: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/15.jpg)
colour harmony
a pleasing arrangement of things (in our context: colours) visual aesthetics
www.interaction-design.org/encyclopedia/visual_aesthetics.html
![Page 16: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/16.jpg)
colour harmony
www.interaction-design.org/encyclopedia/visual_aesthetics.html
visual aesthetics as a differentiating factor
![Page 17: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/17.jpg)
colour harmony
visual aesthetics user satisfaction + positive emotion user experience (UX)
![Page 18: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/18.jpg)
colour harmony
complement harmony
![Page 19: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/19.jpg)
colour harmony
triad harmony
![Page 20: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/20.jpg)
colour harmony
triad harmony
![Page 21: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/21.jpg)
colour harmony
tetrad harmony
![Page 22: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/22.jpg)
colour harmony
accented analogue harmony
![Page 23: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/23.jpg)
colour context
various contrast effects of different colour backgrounds for the same object
www.colormatters.com
![Page 24: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/24.jpg)
colour context
colour juxtaposing could be “dangerous”
www.sitepoint.com/principles-of-design-colour/
![Page 25: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/25.jpg)
colour palettes
www.colourlovers.com/palettes
![Page 26: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/26.jpg)
colour libraries
www.colorexplorer.com
![Page 27: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/27.jpg)
discussion
![Page 28: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/28.jpg)
discussion
![Page 29: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/29.jpg)
discussion
![Page 30: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/30.jpg)
colour symbolism
colour as visual code psychological (emotional) effects “women perceive men to be more attractive […] when seen on a red background and in red clothing” A.J. Elliot et al., “Red, rank, and romance in women viewing men”, J Exp Psychol Gen. 139 (3), 2010
![Page 31: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/31.jpg)
colour symbolism
certain colours have multiple (cultural/philosophical/social) semantics green = victory (ancient Greece) versus green = fertility (Middle Ages)
http://plato.stanford.edu/entries/color/
![Page 32: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/32.jpg)
colour symbolism Happy Yellow
Pure White
Good Luck Green
Dignity Dark Blue
High Technology Silver
Mourning Black
Expensive Gold
Inexpensive Brown
Deity White
Bad Luck Black
Favorite Color Blue
Least Favorite Color Dark Yellow
colour semantics survey results (130,000+ answers) www.colormatters.com/color-symbolism
![Page 33: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/33.jpg)
colour blindness
inability or decreased ability to see colours or to perceive colour differences, under normal lighting conditions
![Page 34: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/34.jpg)
colour blindness
original image normal vision: 85.5%
dichromacy 2.4% males, 0.03% females
www.vischeck.com
![Page 35: Any Colour You Like](https://reader034.vdocument.in/reader034/viewer/2022051514/548701b5b47959ce0c8b53a6/html5/thumbnails/35.jpg)
Dr. Sabin Buraga Faculty of Computer Science, “A.I. Cuza” University of Iasi, Romania
www.purl.org/net/busaco
any colour you like