Your SlideShare is downloading. ×
0
Dr. Sabin BuragaFaculty of Computer Science“A.I. Cuza” University of Iasi, Romaniawww.purl.org/net/busacoany colour you like
www.designingsocialinterfaces.com
any topic you likedesignvisual dimensionscolourharmony & contextsymbolismcolour blindness
designI’ve been amazed at how often thoseoutside the discipline of design assumethat what designers do is decoration.Good ...
design
designcreative thinkinguser researchcontentinformation architectureinformation designdesign deliverables
designhttp://garrettdimon.com/pages/improving_interface_design
visual designlayoutgridflowtypographyvisual dimensions
visual dimensionsvaluehue
visual dimensionsvaluehuetextureshapepositionorientationsize
colour semanticssyntax highlightingcolour-pick control
colourprimary coloursred yellow blue
coloursecondary coloursgreen orange purple
colour wheel
colour harmonya pleasing arrangement of things(in our context: colours)visual aestheticswww.interaction-design.org/encycl...
colour harmonywww.interaction-design.org/encyclopedia/visual_aesthetics.htmlvisual aesthetics as a differentiating factor
colour harmonyvisual aestheticsuser satisfaction + positive emotionuser experience (UX)
colour harmonycomplement harmony
colour harmonytriad harmony
colour harmonytriad harmony
colour harmonytetrad harmony
colour harmonyaccented analogue harmony
colour contextvarious contrast effects of different colourbackgrounds for the same objectwww.colormatters.com
colour contextcolour juxtaposing could be “dangerous”www.sitepoint.com/principles-of-design-colour/
colour paletteswww.colourlovers.com/palettes
colour librarieswww.colorexplorer.com
discussion
discussion
discussion
colour symbolismcolour as visual codepsychological (emotional) effects“women perceive men to be more attractive […]when s...
colour symbolismcertain colours have multiple(cultural/philosophical/social) semanticsgreen = victory (ancient Greece)vers...
colour symbolismHappy YellowPure WhiteGood Luck GreenDignity Dark BlueHigh Technology SilverMourning BlackExpensive GoldIn...
colour blindnessinability or decreased abilityto see colours orto perceive colour differences,under normal lighting condit...
colour blindnessoriginal imagenormal vision: 85.5%dichromacy2.4% males, 0.03% femaleswww.vischeck.com
Dr. Sabin BuragaFaculty of Computer Science, “A.I. Cuza” University of Iasi, Romaniawww.purl.org/net/busacoany colour you ...
Upcoming SlideShare
Loading in...5
×

Any Colour You Like

2,213

Published on

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/

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,213
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Any Colour You Like"

  1. 1. Dr. Sabin BuragaFaculty of Computer Science“A.I. Cuza” University of Iasi, Romaniawww.purl.org/net/busacoany colour you like
  2. 2. www.designingsocialinterfaces.com
  3. 3. any topic you likedesignvisual dimensionscolourharmony & contextsymbolismcolour blindness
  4. 4. designI’ve been amazed at how often thoseoutside the discipline of design assumethat what designers do is decoration.Good design is problem solving.—Jeff Veen
  5. 5. design
  6. 6. designcreative thinkinguser researchcontentinformation architectureinformation designdesign deliverables
  7. 7. designhttp://garrettdimon.com/pages/improving_interface_design
  8. 8. visual designlayoutgridflowtypographyvisual dimensions
  9. 9. visual dimensionsvaluehue
  10. 10. visual dimensionsvaluehuetextureshapepositionorientationsize
  11. 11. colour semanticssyntax highlightingcolour-pick control
  12. 12. colourprimary coloursred yellow blue
  13. 13. coloursecondary coloursgreen orange purple
  14. 14. colour wheel
  15. 15. colour harmonya pleasing arrangement of things(in our context: colours)visual aestheticswww.interaction-design.org/encyclopedia/visual_aesthetics.html
  16. 16. colour harmonywww.interaction-design.org/encyclopedia/visual_aesthetics.htmlvisual aesthetics as a differentiating factor
  17. 17. colour harmonyvisual aestheticsuser satisfaction + positive emotionuser experience (UX)
  18. 18. colour harmonycomplement harmony
  19. 19. colour harmonytriad harmony
  20. 20. colour harmonytriad harmony
  21. 21. colour harmonytetrad harmony
  22. 22. colour harmonyaccented analogue harmony
  23. 23. colour contextvarious contrast effects of different colourbackgrounds for the same objectwww.colormatters.com
  24. 24. colour contextcolour juxtaposing could be “dangerous”www.sitepoint.com/principles-of-design-colour/
  25. 25. colour paletteswww.colourlovers.com/palettes
  26. 26. colour librarieswww.colorexplorer.com
  27. 27. discussion
  28. 28. discussion
  29. 29. discussion
  30. 30. colour symbolismcolour 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 womenviewing men”, J Exp Psychol Gen. 139 (3), 2010
  31. 31. colour symbolismcertain colours have multiple(cultural/philosophical/social) semanticsgreen = victory (ancient Greece)versusgreen = fertility (Middle Ages)http://plato.stanford.edu/entries/color/
  32. 32. colour symbolismHappy YellowPure WhiteGood Luck GreenDignity Dark BlueHigh Technology SilverMourning BlackExpensive GoldInexpensive BrownDeity WhiteBad Luck BlackFavorite Color BlueLeast Favorite Color Dark Yellowcolour semantics survey results (130,000+ answers)www.colormatters.com/color-symbolism
  33. 33. colour blindnessinability or decreased abilityto see colours orto perceive colour differences,under normal lighting conditions
  34. 34. colour blindnessoriginal imagenormal vision: 85.5%dichromacy2.4% males, 0.03% femaleswww.vischeck.com
  35. 35. Dr. Sabin BuragaFaculty of Computer Science, “A.I. Cuza” University of Iasi, Romaniawww.purl.org/net/busacoany colour you like
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×