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