Dr. Sabin Buraga Faculty of Computer Science “A.I. Cuza” University of Iasi, Romania www.purl.org/net/busaco

any colour you like

www.designingsocialinterfaces.com

any topic you like

design visual dimensions colour harmony & context symbolism colour blindness

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

design

design

creative thinking user research content information architecture information design design deliverables

design

http://garrettdimon.com/pages/improving_interface_design

visual design

layout grid flow typography visual dimensions

visual dimensions

value hue

visual dimensions

value hue texture shape position orientation size

colour semantics syntax highlighting colour-pick control

colour

primary colours red yellow blue

colour

secondary colours green orange purple

colour wheel

colour harmony

a pleasing arrangement of things (in our context: colours) visual aesthetics

www.interaction-design.org/encyclopedia/visual_aesthetics.html

colour harmony

www.interaction-design.org/encyclopedia/visual_aesthetics.html

visual aesthetics as a differentiating factor

colour harmony

visual aesthetics user satisfaction + positive emotion user experience (UX)

colour harmony

complement harmony

colour harmony

triad harmony

colour harmony

triad harmony

colour harmony

tetrad harmony

colour harmony

accented analogue harmony

colour context

various contrast effects of different colour backgrounds for the same object

www.colormatters.com

colour context

colour juxtaposing could be “dangerous”

www.sitepoint.com/principles-of-design-colour/

colour palettes

www.colourlovers.com/palettes

colour libraries

www.colorexplorer.com

discussion

discussion

discussion

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

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/

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

colour blindness

inability or decreased ability to see colours or to perceive colour differences, under normal lighting conditions

colour blindness

original image normal vision: 85.5%

dichromacy 2.4% males, 0.03% females

www.vischeck.com

Dr. Sabin Buraga Faculty of Computer Science, “A.I. Cuza” University of Iasi, Romania

www.purl.org/net/busaco

any colour you like