Designing for the Screen
0 likes369 views
This document appears to be a presentation by Henrik Olsen on information design and graphic design. It discusses examples of beautifully designed information and charts, including bar charts, pie charts and line charts. It also shows examples of poorly designed information. The presentation covers Hot Studio and the process of visual design, including understanding goals, sketching concepts, simplifying, and using design skills and elements like color, composition, typography and imagery. It provides a sample layout for a self-help book.
Designing for the Screen
- 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
- 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