California Academy of Art, San Francisco, CA

1. Click to edit Master title style
Henrik Olsen - Creative Director at Hot Studio
CCA, Information Design
Graphic design & visual information

2. Page 2
A few examples of beautiful displays of information…

3. Page 3

4. Page 4

5. Page 5

6. Page 6

7. Page 7

8. Page 8

9. Page 9

10. Page 10

11. Page 11

12. Page 12

13. Page 13

14. Page 14

15. Page 15

16. Page 16

17. Page 17

18. Page 18

19. Page 19

20. Page 20

21. Page 21
Graphic design of common charts and graphs
Bar-charts
Pie-charts
Line-chart
Graphs
Maps
Timelines
Scatter Plot

22. Page 22

23. Page 23
Graphic design of common charts and graphs

24. Page 24
Graphic design of common charts and graphs

25. Page 25
Graphic design of common charts and graphs

26. Page 26

27. Page 27

28. Page 28
Example of poorly designed information presentation

29. Page 29
Example of poorly designed information presentation

30. Page 30
Introductions: Hot Studio
The use of motion and time…

31. Page 31

32. Page 32
Introductions: Hot Studio

33. Page 33
Introductions: Hot Studio

34. Page 34
The process
Once you have conducted your research, organized the data, analyzed
the data, then you can begin the visual design process:
• Understand the goals for the design
• Sketch a variety of concepts and layouts
• Simplify, simplify, simplify
• Use your graphic design skills
• Color - Composition - Type - Image - Medium

35. Page 35
The process

36. Page 36
The process
Think about:
• How can you use color to illustrate information?
• How can you use composition to clarify the information?
• How can typography be used to simplify and clarify the
information?
• What imagery will help viewers understand and
remember the information?
• Which medium should be used to convey the
information?

37. Page 37
Sample:
Designing a layout in a ‘self-help’ book

38. Page 38

39. Page 39

40. Page 40

41. Page 41
Thank you!
Henrik Olsen
Creative Director, Hot Studio