Presentation Sketchbook

12
Information Instruction Ideas Sketching to Communicate

Transcript of Presentation Sketchbook

Page 1: Presentation Sketchbook

Information Instruction Ideas

Sketching to Communicate

Page 2: Presentation Sketchbook

What Can We Visually Communicate?

Narrative

Mapping Systems

Relationships

Show Change

Event Flow

Quantity

Ideas

Instructions

Page 3: Presentation Sketchbook

10%

20%

80%

Rates of Retention

Hear

Read

See & Do

Why Use Sketching as a Communication Tool?

Memory Retention

Attention Span

Organizing

Comprehension

Focal Point

Page 4: Presentation Sketchbook

InformationCharts

Who?

What?

When?

Where?

Why?

Calendars

Maps

Plans

Page 5: Presentation Sketchbook

InstructionSigns

Packaging

Manuals

Labels

Page 6: Presentation Sketchbook
Page 7: Presentation Sketchbook

IdeasStories

Page 8: Presentation Sketchbook

IdeasDesigns

Fashion

Industrial

Interior

Architecture

Web

Graphic

Landscape

Jewelry

Furniture

Lighting

Packaging

Page 9: Presentation Sketchbook

Visual vs VerbalTry this activity!You will need paper, a pencil and some kind of coloring materials (colored pencils, crayons, markers, etc)

Click above to hear description!

Page 10: Presentation Sketchbook

Results

Page 11: Presentation Sketchbook

Sketching for Communication

Any sketch can communicate something:

Emotions

Thoughts

Opinions

Etc.

Click here for Sketching Tips

Page 12: Presentation Sketchbook

SourcesSlide 1: http://www.uxmag.com/design/shades-of-grey-thoughts-on-sketchingSlide 2:http://www.google.com/imgres?imgurl=http://farm4.static.flickr.com/http://www.slideshare.net/themoleskin/sketching-to-communicate-share-stories-and-solve-problemsSlide 3:http://www.smartdraw.com/resources/learningcenter/ecourses/ec5_communicating_visually/l1_overview/Slide 4:http://www.google.com/imgres?imgurl=http://static-p4.fotolia.com/jpg/http://www.google.com/imgres?imgurl=http://plan-max.co.uk/files/images/sample-sketch.jpg&imgrefurl=http://www.plan-max.co.uk/links http://www.google.com/imgres?imgurl=http://test2.danieleastwell.co.uk/usability/images/calendar-sketch.jpg&imgrefurlhttp://www.google.com/imgres?imgurl=http://www.iapad.org/images/map_soc_sicot.gif&imgrefurlSlide 5:http://www.google.com/imgres?imgurl=http://silvertimes.files.wordpress.com/2009/09/handicap.jpg&imgrefurlhttp://www.google.com/imgres?imgurl=http://www.lhsc.on.ca/_images/No_Phone.jpg&imgrefurlhttp://www.google.com/imgres?imgurl=http://www.lunawebs.com/img/vector-drawings/instruction-manual-illustration.jpg&imgrefurlSlide 6:http://www.youtube.com/watch?v=1mvGDRvebGgSlide 7:http://www.google.com/imgres?imgurl=http://www.theanimationblog.com/wp-content/uploads/2009/05/up-storyboards1.jpg&imgrefurlhttp://www.google.com/imgres?imgurl=http://filminbusan.files.wordpress.com/2009/07/upposter.jpg&imgrefurlSlide 8:http://www.google.com/imgres?imgurl=http://www.brookbanham.com/sketches/index.blog/1564418/shoe-design-demo/shoedesigndemo2copy.jpg&imgrefurlhttp://www.google.com/imgres?imgurl=http://manolobrides.com/images/2008/11/peter_langner.jpgSlide 11:http://browse.deviantart.com/traditional/drawings/?order=24&offset=288#/d2vo0y4http://browse.deviantart.com/traditional/drawings/?order=24&offset=408#/d2voahq