INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they...
Transcript of INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they...
![Page 1: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/1.jpg)
INFOGRAPHICSFOREDUCATION
CRITICALRACEINITIATIVE
UNIVERSITYOFMARYLAND
COLLEGEPARK,MD
![Page 2: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/2.jpg)
SUMMARY
• Whatareinfographicsandwhydotheymatterforeducation?
• HowdoIpreparetomakeanInfographic?
• WhattoolsdoIneedtomakeanInfographic?
• WhatarethefirststepstocreatinganInfographic?
• HowdoIgettoacompletedinfographic?
• Whatarebestpracticesforinfographicsasaformofpublicengagement?
![Page 3: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/3.jpg)
WHATAREINFOGRAPHICS?WHYDOINFOGRAPHICSMATTERFOREDUCATION?
![Page 4: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/4.jpg)
INFOGRAPHICSARESNAPSHOTSOFINFORMATION
• Infographicsarevisualrepresentationsofknowledgethatmakeuseofinformationanddatainadditiontographics
• Infographicshaveuseinawiderangeoffieldsincludingbusiness,publichealth,andevenacademia
• Infographicsthatrelyonacademicjournalarticles,books,orreportsfortheirinformationmakecomplicatedwritingaccessibletoallreaders
• Infographicscomeinmultipleformats:print,digital,andevenvideo.Thesemultipleformatsprovideawayofsharingresearcheasilyacrossawiderangeofplatforms
• Infographicsareaninnovativewaytoengagewithwrittenmaterialasaformofnotesaskingidealforthevisuallearner
![Page 5: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/5.jpg)
PREPARATIONFORINFOGRAPHICCREATIONBRINGTHEDATA
![Page 6: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/6.jpg)
INFOGRAPHICSREQUIRE:
• DataorInformation• Thisistheknowledge/insightyourInfographiccommunicates
• Wireframe• ThisistheoutlinethatwillguideyoutoyourfinalInfographic
• HereyouwilldecidethedimensionsofyourInfographic• Trydifferenttypesofsizes.Startwith600pxwideand2000pxtallifuncertain
• Title• Thisishowyouappealtoreaders
• Citation• Thisiswhereyougivecreditwherecreditisdue
• Visuals• Colors
• GraphicsImageCredit:Pinterest
![Page 7: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/7.jpg)
DATASOURCES• Createyourowndataset
• Forexamples• TheAmericanFactFinder:http://factfinder.census.gov/faces/nav/jsf/pages/index.xhtml• GooglePublicData:https://www.google.com/publicdata/directory
• Recreateadatasetfromanacademicarticle• UseGoogleScholar,JSTOR,andotheronlinedatabases.• ALWAYSciteyoursources
• Summarizefindingsinanacademicarticlesorbooks• Focusonresearchquestions,findings,andconclusions• Alwaysrecreateimagesorgraphsfoundinoriginalarticlesunlesstheauthor
permitsyoutousethem.• ALWAYSciteyoursources
![Page 8: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/8.jpg)
PROGRAMSFORINFOGRAPHICPRODUCTIONUSEGRAPHICDESIGNORONLINEPROGRAMS
![Page 9: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/9.jpg)
TYPESOFPROGRAMS
FreeOnlinePrograms
• Piktochart :https://piktochart.com
• Providesover400templatesandotherfeatureslikeiconsandimages.
• ProvidesdatavisualactionstoolsforExcel,GoogleSpreadsheetandsurveymonkey
• Nographicdesignexperiencenecessary
• GIMP:http://www.gimp.org
• Imageeditorthatallows3rdpartypluginstoenhanceoptions
• Comeswithdocumentation,tutorials,andcanbeusedtomakemorethaninfographicsalone.
• Similartotoolsforpurchase
ProgramsforPurchase
• AdobeIllustrator - mostpopularhttp://www.adobe.com/products/illustrator.html
• AutodeskGraphics(Appleproductsonly)
• CorelDraw(Windowsonly)
![Page 10: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/10.jpg)
TOOLSNEEDEDINGRAPHICEDITINGPROGRAMS
Youwillmostfrequentlyuse:
• Selectiontool
• Directselection
• TypingTool
• Rectangle
• LineSegment
• Fill
• Stroke
• Eyedropper
• Insertimage(notpictured)
![Page 11: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/11.jpg)
EXAMPLES• Useexistinginfographicsasdesignguides• http://infographic-directory.com/about/
• Pinterest• Search‘infographics’+thewordforwhich
topicyou’reinterested
• TwitterorMedium• Searchfor‘infographic’toseemostrecent
• Governmentwebsites• CDC:ZikaVirus
• Whitehouse:Tonsofoptions
• NOAA:Tonsofoptions
ImageCredit:BaltimoreBrew
![Page 12: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/12.jpg)
PLANNINGTHEINFOGRAPHICUSINGWIREFRAMESANDTEMPLATES
![Page 13: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/13.jpg)
COLLECTINGYOURDATA
• Yourinfographicshouldhavethefollowingkeypiecesofinformation:
• ResearchQuestion(s)
• Method(s)
• Results/Findings
• Conclusion
• Discussion
• Createabriefoutlinethatwillgiveyouanideaofwhatyouwillincludeintheinfographic
![Page 14: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/14.jpg)
YOURINFOGRAPHICNEEDSATLEASTFOUR
LAYERS
• Background• Placecolorsforyourbackground+frame
• Text• Placelayerabovebackground+yourshape/images
layer• Usetexttooltoinserttextwhereyouprefer
• BrandingLayer• Placethesourceinformationhere• Placecopyrightinformationhere• Placebrandorpersonalnamehere• Shouldbeattheendofyourinfographicinsize12
fontorsmaller• Shapes/images
• Placeaboveyourbackgroundlayerbutbelowyourtextlayer
• Insertimageshereaswellasshapesyoucreatewiththevarioustools
LAYERSADDDEPTHTOYOURVISUAL
![Page 15: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/15.jpg)
WIREFRAMING
ImageCredit:TheDailyEgg
• Theskeletonofvisualthatyoubuildyourinfographic• Makealayoutsimilartotherighttogiveyourselfa
generalideaofwhereyouwilllayyourcontent
• Chooseimagesandshapes• Willyourfeaturemostlyrectangles?Circles?Stars?
Decideonthemandplaceanoteofthemonthewireframe
• Decidetheamountofspaceeachpieceofcontentwilltake
• WriteOut:• Title• Source +copyrightinformation• Notesofwhatwillgoineachsection
![Page 16: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/16.jpg)
CREATINGTHEINFOGRAPHICHOWTOGOFORWIREFRAMETOFINISHEDPRODUCT
![Page 17: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/17.jpg)
GETTINGTOTHEFINISHEDPRODUCT
• Addyourwireframeasalayerthatyouwillrefertoasyouconstructanddeletelater
• Startwithacolorscheme• Usewebsiteslikehttp://www.color-hex.com tomakesureyourcolorsare
complementary
• Selectafontthatyouwillkeepuniformthroughouttheinfographic• Weightthetextdependingonitsemphasis
• Nextfillinthecolorsofyourshapesandplaceyourimages
• Lastly,fillinyourtextincludingyourcitationandcopyrightinformation
ImageCredit:EmeraldGroupPublishing
![Page 18: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/18.jpg)
TOREMEMBER
• UseYouTube,Ask.com,etc.fortutorialsongraphicdesignprograms• Neverplagiarize
• Alwaysciteyoursources
• Keepcolorschemesandfontsuniform• Solidcolorsaremoreappealingthatpatterns
• Forimagesandartwork,alwayscreateoriginalcontentorusewithpermissionoforiginalcreator
• Infographicstakealongtimetocreate.Paceyourself,takebreaks,andifyoudesire,startoverfresh
• Practicemakesperfect
![Page 19: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/19.jpg)
INFOGRAPHICSFORPUBLICENGAGEMENTHOWTOAMPLIFYYOURINFLUENCE
![Page 20: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/20.jpg)
SOCIALMEDIA
• WheretoShare
• Flickr
• Imgur
• Google+
• Blogsandforumsspecifictoyourfield
• Emailnewsletter
• Includeagalleryofinfographicsonyourpersonalwebsite
• Whattoshare
• Useahashtagrelevanttotheresearchintheinfographic
• Ashortcaption
• TheinfographicitselfasaPNGfileoptimizedforwebandJPGforallelse
• Mentionthecreatorsofyoursource/dataiftheyhavesocialmedia
• Yourcontactinformation
![Page 21: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/21.jpg)
TRADITIONALMEDIA
• Includeaninfographicwithapressreleaseorpitchtomainstreamnewsoutletstoadvertiseyourwork
• Offeryourinfographictobeprintedinmagazinesornewspapers
• Goingtogiveononairinterview?Provideyourinfographicasacutawayimage
![Page 22: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/22.jpg)
PUBLICIZINGINACADEMIA
• Shareyourinfographicwithpopularblogsinyourfield
• Doingatalkoraconference?Handoutyourinfographictoaudiencemembers
• Createinfographicsforotheracademics.Shareyourworkwiththemandgetfeedback.
• Includeyourinfographicsinyourteachingmaterials
• Shareyourinfographic(andarticle)withacademicswhomightfindyourworkinteresting
![Page 23: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/23.jpg)
RESOURCES
• InfographicsforDummies
• Lynda.com
• AdobeCreativeCloudDesignToolsAll-in-OneForDummies
• Howtocreateinfographics
• Howdoyoucreateinfographics?
Herearesomeoptionstogetyoustartedlearningaboutinfographicsandgraphicdesign
![Page 24: INFOGRAPHICS FOR EDUCATION - · PDF fileSUMMARY • What are infographics and why do they matter for education? • How do I prepare to make an Infographic? • What tools do I need](https://reader033.fdocuments.net/reader033/viewer/2022051600/5ab08e847f8b9a7e1d8b4eed/html5/thumbnails/24.jpg)
ANYMOREQUESTIONS?
• ContactMelissaBrownathttp://www.blackfeminisms.com/about/contact-me/ withanycommentsorquestions