Designing for the Screen

1,059 views

Published on

California Academy of Art, San Francisco, CA

Published in: Design, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,059
On SlideShare
0
From Embeds
0
Number of Embeds
194
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing for the Screen

  1. 1. Click to edit Master title style Henrik Olsen - Creative Director at Hot Studio CCA, Information Design Graphic design & visual information
  2. 2. Page 2 A few examples of beautiful displays of information…
  3. 3. Page 3
  4. 4. Page 4
  5. 5. Page 5
  6. 6. Page 6
  7. 7. Page 7
  8. 8. Page 8
  9. 9. Page 9
  10. 10. Page 10
  11. 11. Page 11
  12. 12. Page 12
  13. 13. Page 13
  14. 14. Page 14
  15. 15. Page 15
  16. 16. Page 16
  17. 17. Page 17
  18. 18. Page 18
  19. 19. Page 19
  20. 20. Page 20
  21. 21. Page 21 Graphic design of common charts and graphs Bar-charts Pie-charts Line-chart Graphs Maps Timelines Scatter Plot
  22. 22. Page 22
  23. 23. Page 23 Graphic design of common charts and graphs
  24. 24. Page 24 Graphic design of common charts and graphs
  25. 25. Page 25 Graphic design of common charts and graphs
  26. 26. Page 26
  27. 27. Page 27
  28. 28. Page 28 Example of poorly designed information presentation
  29. 29. Page 29 Example of poorly designed information presentation
  30. 30. Page 30 Introductions: Hot Studio The use of motion and time…
  31. 31. Page 31
  32. 32. Page 32 Introductions: Hot Studio
  33. 33. Page 33 Introductions: Hot Studio
  34. 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. 35. Page 35 The process
  36. 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. 37. Page 37 Sample: Designing a layout in a ‘self-help’ book
  38. 38. Page 38
  39. 39. Page 39
  40. 40. Page 40
  41. 41. Page 41 Thank you! Henrik Olsen Creative Director, Hot Studio

×