• Like
Game design 2 (2013): Lecture 13 - Colour
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Game design 2 (2013): Lecture 13 - Colour

  • 1,545 views
Published

Use of colour as information design in games.

Use of colour as information design in games.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,545
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
12
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 2013 Game Design 2 Lecture 13: Colour http://gcugd2.com david.farrell@gcu.ac.uk
  • 2. Half and Half • Half on using colour in information design • Half on what colour is and how to choose
  • 3. Books
  • 4. Tufte’s uses of colour 1. to label (colour as noun) 2. to measure (colour as quantity) 3. to represent / imitate reality (colour as representation) 4. to enliven or decorate (colour as beauty)
  • 5. Colour in Games • Team identification (label) • Item highlighting (label) • Mood, tone & aesthetics (enliven) • Convey information (measure) • Represent reality (representation)
  • 6. To Label (team)
  • 7. To label
  • 8. To label
  • 9. To Enliven
  • 10. To Enliven / Represent
  • 11. Label
  • 12. Measurement
  • 13. Information Design • Games don’t do a great job of information design - but they use colour fairly well. • Consider Tufte’s uses of colour in your designs.
  • 14. Part 2 • Choosing colour
  • 15. What is Colour?
  • 16. Rods & Cones • Rods & Cones • Tuned to RGB • Uneven distribution • 64% red, 34% green, 2% blue • Can distinguish red better than blue • Yellow shades particularly similar
  • 17. Magenta?
  • 18. Colour Models • Red, Green, Blue (Thissen 163) • Cyan, Magenta,Yellow, Key (Fox 52) • Hue, Lightness, Saturation (Thissen 162)
  • 19. Colour Wheel • Newton Wheel • Red,Yellow, Green • Blended for hues • add whites (tint) • or black (shade)
  • 20. Combining Colours
  • 21. Color Jack Text http://www.bit.ly/colorjack
  • 22. Tip: Industry Palettes • Find industry photograph • Extract main colours
  • 23. Tip: Mood Palettes • Find mood photograph • Extract main colours
  • 24. DeGraeve Extractor http://www.bit.ly/degraeve
  • 25. Assembling a Palette • Select 3 to 5 colours from colour wheel • Also select a neutral and highlight colour • Experiment with tint and shade • Contrast is important • Consider the colour blind • Consider cultural implications
  • 26. Colour Blind • 1 in 12 people • Resources exist which can model colour blindness. • http://www.wearecolorblind.com
  • 27. Cultural Minefield
  • 28. Use Colour Sparingly • It is easy to emphasise something on unobtrusive colours. • On glaring colours it is difficult to emphasise something.
  • 29. Tufte “Above all, do no harm.”