Using Illustrations             in Technical Communication  ASTC Conference – October 2011         Charles Cave
Purpose of my talk            Purpose of my talk• Types of illustrations – sketches technical  Types of illustrations  ske...
Visual preferenceVisual preference
Balti ChickenIllustration
Series  Ofsteps
Callout  two step lookup     Callout – two step lookupLetters          Callout – 2 step lookup
CalloutCallout – good example (1 step)
Callout  with structureCallout – with structure
http://www.youtube.com/jonakashima
Origami CraneOrigami Crane
Drawings    Vs     Vs Photographs     g p
Annotations
Electric kitchen scalesElectric kitchen scales
Care and maintenance ?Care and maintenance ?
Flowchart
Flowchart templateFlowchart template
Swim laneSwim‐lane
Icon Libraries  Visio or PowerpointIcon Libraries – Visio or Powerpoint
Uses of Illustrations             Uses of Illustrations•   Show finished result (cookbook)    Show finished result (cookbo...
Types of Illustrations            Types of Illustrations•   Sketches (hand drawn/scan, tablet)    Sketches (hand drawn/sca...
Practicalities
Line Art                   Line Art•   Drawing by hand  scanner or camera    Drawing by hand – scanner or camera•   Drawin...
Powerpoint ‐ Shapes
Powerpoint ‐ Smart Art             Smart Art
Seasons          SummerSpring             Autumn          Winter
Visio
Photographs• Camera, tripod, lighting, Image editor    – Photoshop, GIMP (software)•   Composition, backgrounds          p...
Image Files                Image Files• JPEG format• I  Image size – width and height         i      idth d h i ht• Compre...
Video•   Camera, tripod, lighting•   Composition, backgrounds, action•   More effort  to update or recreate               ...
Conclusion
How can you develop your skills?How can you develop your skills?
1. Draw every day!1. Draw every day!
2. Storyboards             2. Storyboards• Sketches to show just enough information  Sketches to show just enough informat...
3. Carry digital/video camera always 3. Carry digital/video camera always• Photograph what you write about it  Photograph ...
4. Learn to use drawing s/w       4. Learn to use drawing s/w•   Powerpoint – Shapes Smart Art Photo effects              ...
5. Befriend your Graphic Designer5. Befriend your Graphic Designer                 www.designcrowd.com                    ...
Think Visual!
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Using Illustrations in Technical Communications
Upcoming SlideShare
Loading in …5
×

Using Illustrations in Technical Communications

1,004 views

Published on

Presentation delivered to the ASTC Conference in Sydney - October 27th 2011

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,004
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Using Illustrations in Technical Communications

  1. 1. Using Illustrations  in Technical Communication ASTC Conference – October 2011 Charles Cave
  2. 2. Purpose of my talk Purpose of my talk• Types of illustrations – sketches technical Types of illustrations  sketches, technical  drawings, photographs, video• How to choose How to choose• How to make illustrations• Get your feedback and ideas charles.cave@ir.com
  3. 3. Visual preferenceVisual preference
  4. 4. Balti ChickenIllustration
  5. 5. Series Ofsteps
  6. 6. Callout  two step lookup Callout – two step lookupLetters Callout – 2 step lookup
  7. 7. CalloutCallout – good example (1 step)
  8. 8. Callout  with structureCallout – with structure
  9. 9. http://www.youtube.com/jonakashima
  10. 10. Origami CraneOrigami Crane
  11. 11. Drawings Vs  Vs Photographs g p
  12. 12. Annotations
  13. 13. Electric kitchen scalesElectric kitchen scales
  14. 14. Care and maintenance ?Care and maintenance ?
  15. 15. Flowchart
  16. 16. Flowchart templateFlowchart template
  17. 17. Swim laneSwim‐lane
  18. 18. Icon Libraries  Visio or PowerpointIcon Libraries – Visio or Powerpoint
  19. 19. Uses of Illustrations Uses of Illustrations• Show finished result (cookbook) Show finished result (cookbook)• Label components (call out)• Show steps i Sh in a process ( i (origami) i)• Demonstration (cookbook)• Visual index (bird field guide) • Visual identification (spices, birds) Visual identification (spices birds)
  20. 20. Types of Illustrations Types of Illustrations• Sketches (hand drawn/scan, tablet) Sketches (hand drawn/scan, tablet)• Line art  (scan) • Vector art (Adobe Illustrator, Inkscape) Vector art (Adobe Illustrator Inkscape)• Technical drawing (Visio, 2D or 3D CAD, Dia)• PowerPoint – D P P i t Drawings and Smart Art i dS tA t• Screen captures (Snagit)• Photographs• Video – YouTube ‐ Camtasia
  21. 21. Practicalities
  22. 22. Line Art Line Art• Drawing by hand  scanner or camera Drawing by hand – scanner or camera• Drawing by computer• File sizes  il i• Easy to update 
  23. 23. Powerpoint ‐ Shapes
  24. 24. Powerpoint ‐ Smart Art Smart Art
  25. 25. Seasons SummerSpring Autumn Winter
  26. 26. Visio
  27. 27. Photographs• Camera, tripod, lighting, Image editor – Photoshop, GIMP (software)• Composition, backgrounds p , g• Difficulty of updating or recreating• All the steps can be seen at once ‐ All the steps can be seen at once overview• File size – image size, compression (JPG)
  28. 28. Image Files Image Files• JPEG format• I Image size – width and height i idth d h i ht• Compression
  29. 29. Video• Camera, tripod, lighting• Composition, backgrounds, action• More effort  to update or recreate p• Quicker to create than showing steps• User can pause, rewind and replay User can pause rewind and replay
  30. 30. Conclusion
  31. 31. How can you develop your skills?How can you develop your skills?
  32. 32. 1. Draw every day!1. Draw every day!
  33. 33. 2. Storyboards 2. Storyboards• Sketches to show just enough information Sketches to show just enough information
  34. 34. 3. Carry digital/video camera always 3. Carry digital/video camera always• Photograph what you write about it Photograph what you write about it• Video record demonstrations and procedures
  35. 35. 4. Learn to use drawing s/w 4. Learn to use drawing s/w• Powerpoint – Shapes Smart Art Photo effects Shapes, Smart Art, Photo effects• Visio – Symbol libraries• Dia – O i Open Source program like Visio S lik i i• Open Office ‐ Draw• Inkscape (free equivalent  Adobe Illustrator)  p www.inkscape.org g
  36. 36. 5. Befriend your Graphic Designer5. Befriend your Graphic Designer www.designcrowd.com g www.freelance.com www.elance.com
  37. 37. Think Visual!

×