Top Banner
Kathy O’Leary Create Your Own Infographics
27

Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Mar 20, 2018

Download

Documents

dohanh
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Kathy O’Leary

Create Your Own Infographics

Page 2: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Why Use Infographics?

•  Makes Data more appealing

•  Gets attention

•  More likely to read through & remember data

Digestible bite-sized chunks of information

Page 3: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Everyone likes “eye candy”

Page 4: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE
Page 5: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE
Page 6: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Annual Report Data

before infographics

Page 7: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE
Page 8: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

!

Page 9: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Infographic Guidelines

•  Simplicity

•  Simple Graphics

•  Strong Title

•  Limited palette - 2-4 colors – Color palette ideas: https://color.adobe.com/explore/newest/?time=all

Page 10: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

• limit yourself to 1-2 Fonts •  Fonts can give your infographic a professional look.

•  Alternate font colors.

•  Large size contrast = interesting to view

INFORMATION

70 SQUIRRELS PREFER PEANUT BUTTER OVER JELLY

PEOPLE

9 OUT OF 10 MARKETERS WILL SHARE THIS

USE YOUR COLORS

ALTERNATE THE COLOR

OF YOUR TEXT TO

EMPHASIZE CERTAIN DATA

MIX AND MATCH SHAPES

OVER 100 SHAPES

Page 11: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Convey the message at a glance

•  Boil down data to one image

•  Use Hierarchy and Consistency

–  ie: Large and small, colors, images

•  Use as little text as possible

Page 12: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

• Use Basic Shapes or

Simple Images

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

You’ll notice that this infographic was created entirely from basic shapes and alternating font sizes. By focusing your design on two simple aspects, you can accomplish an intricate outcome. For an infographic of this style, I would suggest using no more than three colors and stick to one font to make things simpler.

400 BILLION STARS IN THE MILKY WAY

★  400 BILLION STARS IN THE MILKY WAY

Page 13: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

White Space is powerful

•  Too much will spread data too far apart

– Can break the flow

•  Too little give cramped feel

– Hard to read easily

•  When done, go back and adjust spacing

and the overall “flow”

Page 14: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

What software to use?

•  PowerPoint – 100s of shapes •  canva.com •  easel.ly •  piktochart •  vennage •  infogr.am •  visme.co •  I used Illustrator

Page 15: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

canva.com

• Set up free account

• Open Custom Design on homepage

- Set measurements to 8.5”x11”

• Upload images

- Your library logo

- Annual Report images from IFLS website

http://iflsweb.org/infographics

Page 16: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Use shapes to illustrate a story

5,018 45,864

83,038

Registered Borrowers Annual Visits

Total Circ Transactions

For more images in Canva: • Click on Search in the upper left • Choose Infographics or Shapes

Page 17: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

or use images…

5,018 45,864

83,038

Registered Borrowers Annual Visits

Total Circ Transactions

Page 18: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Creating Charts

•  onlinecharttool.com •  Can also use Excel or another means for charts •  Set up online account (free and simple) to save

your files for editing •  I use a Pie Chart – Donut – 2D •  Give it a title and set the data –  3 items and list the item name and value from your

annual report info. Choose colors that will make sense with your palette.

– Don’t show labels

Page 19: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

•  Choose the format to download

•  Download as a png to use over a ���color background.

•  Save your chart and data to edit later – or to create the second pie chart showing program attendance.

•  Open with an image editor such as picmonkey to crop the image. Canva has a crop option but its not working.

Page 20: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

•  Add title and labels to charts.

•  Revist the white space and spacing of entire page.

•  Download either a pdf (for printing) or jpg for use online

•  Canva will save your file so you can come back and edit it later.

Back in Canva…

Page 21: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Canva is still in beta

•  If you run into problems, they do respond to questions.

Page 22: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Using PowerPoint

•  Open a new presentation

•  Page set up to set size

•  Can Insert – Photo – Picture from File

•  Use Shapes and Symbols

•  Save As as PDF or JPEG

Page 23: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Create  a  sample  in  PowerPoint  

Page 24: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

In Conclusion

•  Use Good Data that will Tell Your Story

•  Clear Simple Graphics

•  Use enough white space – but not too much

•  Limit colors to 2-4

•  Keep it to one page

•  Use in print (pdf) and digitally (jpg)

Page 25: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Please Share with IFLS!

Page 26: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

Thank you for Attending

•  Good luck!

•  Share your results!

•  I will be at IFLS until March 19 if you have any questions.

•  Kathy O’Leary [email protected] or 715-839-5082 ext 118

Page 27: Create Your Own Infographics - iflsweb.org Webinar.pdfWhy Use Infographics? ... using no more than three colors and stick to one font to make things simpler. 400 BILLION STARS IN THE

More Resources:

•  https://www.canva.com/create/infographics/

•  piktochart.com/infographics-design-series-design-your-infographic-like-a-pro

•  http://www.slideshare.net/proformarich/how-to-easily-create-3-infographics-in-ppt-15961443