Designing for the Screen

Post on 16-May-2015

862 views 4 download

Tags:

description

California Academy of Art, San Francisco, CA

transcript

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