SlideShare a Scribd company logo
1 of 20
Tech Tool Thursday:
Quick and free visual tools
Presented by Amy Harris, Michelle Folkman, & Beth Filar Williams

February 27, 2014
POLL

What do you think of when you hear
“visual” tools?

Please type thoughts in the chat box.
AGENDA

•
•
•
•
•
•

UDL overview
Infographics (easel.ly)
Jing
Pixlr
Color & fonts & UDL
Questions
UDL
Universal Design for Learning is an instructional design philosophy with a
focus on accessibility for students with learning differences.

UDL has 3 main principles:
● Multiple means of representation
● Multiple means of expression
● Multiple means of engagement
Multiple Means of Representation
● Provide information in a variety of formats

● Online tutorials give students the opportunity to replay as needed (but
please caption them!)
● Illustrations and graphical representations (like infographics) can better
illustrate concepts than text
Multiple Means of Engagement
● Providing students with the option to work in a variety of media
● Focus on composition, not just writing
● Does the media or the message matter more?
POLL
Have you created an infographic?
A. Yes using photoshop or from “scratch”
B. Yes using a free online tool
C. Not yet!
D. I don’t even know what an infographic is?!
Infographics
A graphical method for visually representing information, data or
knowledge, with goal of showing complex information quickly &
clearly.
More info & free tool options in our toolkit: http://bit.ly/1dtTCqK
easelly

http://vimeo.com/37781587

•
•
•
•
•

Register/log in to wordpress to be able to create.
Set of templates called Vthemes.
Add objects, backgrounds, shapes, text or upload images.
Share: download as jpg; a weblink to image, or embed code.
Your visual can be set to private (default) or public.

http://www.easel.ly/
easelly

Let’s demo!
Jing
•
•
•
•
•
•
•

FREE download - sits on your computer desktop
Must create account with Screencast.com
Use to capture what you see (a screenshot)
Allows basic markup on screenshot (text, arrows, highlight, colors)
Can also record video up to 5 min
Save on desktop OR on screencast.com (2 GB storage)
Share: email, weblink, embed, download

http://www.techsmith.com/jing-features.html
Jing

Let’s demo!
Pixlr
•
•
•
•
•
•

FREE cloud based, image
creator and editor tool.
Can download o-matic
Flash based
Mobile app (iOS or Android)
Screen-grabbing tool (for FF or
Chrome) Pixlr Grabber
Share via imm.io is (a one-click
easy image sharer)

Three applications: http://pixlr.com/
● Pixlr Editor - most used, like photoshop-lite, “photo editor”
● Pixlr Express - for quick adjustments, effects, fun overlaps, “image express”
● Pixlr-o-matic - vintage image effects, connects to FB, more most fun
Pixlr

Let’s demo!
Color and fonts
Color Scheme Designer http://colorschemedesigner.com/
create sets of color
Google Fonts http://www.google.com/fonts
hundreds of open source fonts
Color Scheme Designer
Google Fonts
Google Fonts

Font Book (Mac)

Control Panel - Fonts
(Windows)
UDL & Font
Consider students with low vision, colorblindness, and other vision
difficulties when choosing colors for videos or presentations.
● White or light yellow text on a dark background is the most visible
● Also consider space between lines (should be 25-30% of the font size)

If lines are too close together, it is difficult to find the beginning of a new
line

For more information, visit
http://www.lighthouse.org/accessibility/design/accessible-printdesign/making-text-legible/
Questions?

By Tsahi Levent-Levi (CC by 2.0) http://www.flickr.com/photos/86979666@N00/7623744452/

More Related Content

What's hot (11)

Presentation tools
Presentation toolsPresentation tools
Presentation tools
 
Niamh presentation
Niamh presentationNiamh presentation
Niamh presentation
 
Best presentation tool
Best presentation toolBest presentation tool
Best presentation tool
 
App specially for u!
App specially for u!App specially for u!
App specially for u!
 
Embeddable Technology Activities For All Classrooms Spring 10 Ncties Presen...
Embeddable Technology Activities For All Classrooms   Spring 10 Ncties Presen...Embeddable Technology Activities For All Classrooms   Spring 10 Ncties Presen...
Embeddable Technology Activities For All Classrooms Spring 10 Ncties Presen...
 
Successful Synchronous Sessions in Six Steps (Using Adobe Connect)
Successful Synchronous Sessions in Six Steps (Using Adobe Connect)Successful Synchronous Sessions in Six Steps (Using Adobe Connect)
Successful Synchronous Sessions in Six Steps (Using Adobe Connect)
 
The One Device Primary Classroom by Gail Lovely
The One Device Primary Classroom by Gail LovelyThe One Device Primary Classroom by Gail Lovely
The One Device Primary Classroom by Gail Lovely
 
Wepresentationtools1
Wepresentationtools1Wepresentationtools1
Wepresentationtools1
 
Design Matters
Design MattersDesign Matters
Design Matters
 
Project based learning tools
Project based learning toolsProject based learning tools
Project based learning tools
 
Project-Based Learning: Top Web Tools
Project-Based Learning: Top Web ToolsProject-Based Learning: Top Web Tools
Project-Based Learning: Top Web Tools
 

Similar to Tech Tool Thursday: Quick and free visual tools in 30 minutes

empowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUempowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSU
aliyahdalogdogan
 
Development and collaboration tools
Development and collaboration toolsDevelopment and collaboration tools
Development and collaboration tools
Alba Amador
 
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom RevC:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
Jan Coley
 
Free At And Technology For Higher Incidence Special Needs
Free At And Technology For Higher Incidence Special NeedsFree At And Technology For Higher Incidence Special Needs
Free At And Technology For Higher Incidence Special Needs
Kate Ahern
 

Similar to Tech Tool Thursday: Quick and free visual tools in 30 minutes (20)

H5P content types 22.2.18
H5P content types 22.2.18H5P content types 22.2.18
H5P content types 22.2.18
 
Ten Bright Ideas for Improving Accessibility in Online Courses - Barry Dahl -...
Ten Bright Ideas for Improving Accessibility in Online Courses - Barry Dahl -...Ten Bright Ideas for Improving Accessibility in Online Courses - Barry Dahl -...
Ten Bright Ideas for Improving Accessibility in Online Courses - Barry Dahl -...
 
Introduction_to_Multimedia.ppt
Introduction_to_Multimedia.pptIntroduction_to_Multimedia.ppt
Introduction_to_Multimedia.ppt
 
Visual and interactive storytelling slides cmg 2015-final
Visual and interactive storytelling slides    cmg 2015-finalVisual and interactive storytelling slides    cmg 2015-final
Visual and interactive storytelling slides cmg 2015-final
 
empowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUempowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSU
 
Development and collaboration tools
Development and collaboration toolsDevelopment and collaboration tools
Development and collaboration tools
 
TTLgroup8.pptx
TTLgroup8.pptxTTLgroup8.pptx
TTLgroup8.pptx
 
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom RevC:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
C:\Documents And Settings\Coleyj\Desktop\Web2 0 Classroom Rev
 
A to z ict tools
A to z ict toolsA to z ict tools
A to z ict tools
 
Infographics - NCDA CPI Cleveland 2019 & Charlotte 2020
Infographics - NCDA CPI Cleveland 2019 & Charlotte 2020Infographics - NCDA CPI Cleveland 2019 & Charlotte 2020
Infographics - NCDA CPI Cleveland 2019 & Charlotte 2020
 
Best Prototyping Tools for UI UX Designers
Best Prototyping Tools for UI UX DesignersBest Prototyping Tools for UI UX Designers
Best Prototyping Tools for UI UX Designers
 
Spoken tutorials libreoffice
Spoken tutorials libreofficeSpoken tutorials libreoffice
Spoken tutorials libreoffice
 
Free At And Technology For Higher Incidence Special Needs
Free At And Technology For Higher Incidence Special NeedsFree At And Technology For Higher Incidence Special Needs
Free At And Technology For Higher Incidence Special Needs
 
TIA 2014 Engaging Project Choices Using Technology
TIA 2014   Engaging Project Choices Using TechnologyTIA 2014   Engaging Project Choices Using Technology
TIA 2014 Engaging Project Choices Using Technology
 
Rapid e learning tools (deMOOC presentation)
Rapid e learning tools (deMOOC presentation)Rapid e learning tools (deMOOC presentation)
Rapid e learning tools (deMOOC presentation)
 
Turn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback LoopsTurn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback Loops
 
Webtools
WebtoolsWebtools
Webtools
 
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
 
Telling Leadership Stories - NCLC, Feb. 2016
Telling Leadership Stories - NCLC, Feb. 2016Telling Leadership Stories - NCLC, Feb. 2016
Telling Leadership Stories - NCLC, Feb. 2016
 
Top 5 Presentation Tools
Top 5 Presentation ToolsTop 5 Presentation Tools
Top 5 Presentation Tools
 

More from UNCG University Libraries

Makerspace @uncg libraries presentation for LIS688 (june 2014)
Makerspace @uncg libraries presentation for LIS688 (june 2014)Makerspace @uncg libraries presentation for LIS688 (june 2014)
Makerspace @uncg libraries presentation for LIS688 (june 2014)
UNCG University Libraries
 
NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"
NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"
NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"
UNCG University Libraries
 

More from UNCG University Libraries (20)

Arduino Programming Basics - step by step screenshots (workshop #6)
Arduino Programming Basics - step by step screenshots (workshop #6) Arduino Programming Basics - step by step screenshots (workshop #6)
Arduino Programming Basics - step by step screenshots (workshop #6)
 
Arduino Programming Basics (workshop #6)
Arduino Programming Basics (workshop #6)Arduino Programming Basics (workshop #6)
Arduino Programming Basics (workshop #6)
 
Makerspace ehub workshops
Makerspace ehub workshops Makerspace ehub workshops
Makerspace ehub workshops
 
Arduino Introduction (Blinking LED) Presentation (workshop #5)
Arduino  Introduction (Blinking LED)  Presentation (workshop #5)Arduino  Introduction (Blinking LED)  Presentation (workshop #5)
Arduino Introduction (Blinking LED) Presentation (workshop #5)
 
Arduino Introduction (Blinking LEDs) - step by step screenshots (workshop #5)
Arduino Introduction (Blinking LEDs) - step by step screenshots  (workshop #5)Arduino Introduction (Blinking LEDs) - step by step screenshots  (workshop #5)
Arduino Introduction (Blinking LEDs) - step by step screenshots (workshop #5)
 
A History of African Americans at UNCG
A History of African Americans at UNCGA History of African Americans at UNCG
A History of African Americans at UNCG
 
Circuit Basics (workshop #4)
Circuit Basics (workshop #4)Circuit Basics (workshop #4)
Circuit Basics (workshop #4)
 
3D Design Basics with inkscape and tinkercad (workshops #3)
3D Design Basics with inkscape and tinkercad (workshops #3)3D Design Basics with inkscape and tinkercad (workshops #3)
3D Design Basics with inkscape and tinkercad (workshops #3)
 
Makers, making, and makerspaces online workshop #1
Makers, making, and makerspaces online workshop #1  Makers, making, and makerspaces online workshop #1
Makers, making, and makerspaces online workshop #1
 
Makerspace @uncg libraries presentation for LIS688 (june 2014)
Makerspace @uncg libraries presentation for LIS688 (june 2014)Makerspace @uncg libraries presentation for LIS688 (june 2014)
Makerspace @uncg libraries presentation for LIS688 (june 2014)
 
Tech Trends & Tutorial Project (LIS 631)
Tech Trends & Tutorial Project (LIS 631)Tech Trends & Tutorial Project (LIS 631)
Tech Trends & Tutorial Project (LIS 631)
 
Tech Tool Thursday: Pinterest in 30 minutes
Tech Tool Thursday: Pinterest in 30 minutesTech Tool Thursday: Pinterest in 30 minutes
Tech Tool Thursday: Pinterest in 30 minutes
 
NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"
NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"
NCLA 2013 Presentation by Mary Jane Conger "Three to Get Ready...Migration"
 
Teaching Music Librarianship Online
Teaching Music Librarianship OnlineTeaching Music Librarianship Online
Teaching Music Librarianship Online
 
Records Management at UNCG
Records Management at UNCGRecords Management at UNCG
Records Management at UNCG
 
Neo Black Society History Presentation
Neo Black Society History PresentationNeo Black Society History Presentation
Neo Black Society History Presentation
 
Campus life in 1913
Campus life in 1913Campus life in 1913
Campus life in 1913
 
Beyond power point
Beyond power pointBeyond power point
Beyond power point
 
Assessment101
Assessment101 Assessment101
Assessment101
 
Makerspaces
MakerspacesMakerspaces
Makerspaces
 

Recently uploaded

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 

Tech Tool Thursday: Quick and free visual tools in 30 minutes

  • 1. Tech Tool Thursday: Quick and free visual tools Presented by Amy Harris, Michelle Folkman, & Beth Filar Williams February 27, 2014
  • 2. POLL What do you think of when you hear “visual” tools? Please type thoughts in the chat box.
  • 4. UDL Universal Design for Learning is an instructional design philosophy with a focus on accessibility for students with learning differences. UDL has 3 main principles: ● Multiple means of representation ● Multiple means of expression ● Multiple means of engagement
  • 5. Multiple Means of Representation ● Provide information in a variety of formats ● Online tutorials give students the opportunity to replay as needed (but please caption them!) ● Illustrations and graphical representations (like infographics) can better illustrate concepts than text
  • 6. Multiple Means of Engagement ● Providing students with the option to work in a variety of media ● Focus on composition, not just writing ● Does the media or the message matter more?
  • 7. POLL Have you created an infographic? A. Yes using photoshop or from “scratch” B. Yes using a free online tool C. Not yet! D. I don’t even know what an infographic is?!
  • 8. Infographics A graphical method for visually representing information, data or knowledge, with goal of showing complex information quickly & clearly. More info & free tool options in our toolkit: http://bit.ly/1dtTCqK
  • 9. easelly http://vimeo.com/37781587 • • • • • Register/log in to wordpress to be able to create. Set of templates called Vthemes. Add objects, backgrounds, shapes, text or upload images. Share: download as jpg; a weblink to image, or embed code. Your visual can be set to private (default) or public. http://www.easel.ly/
  • 11. Jing • • • • • • • FREE download - sits on your computer desktop Must create account with Screencast.com Use to capture what you see (a screenshot) Allows basic markup on screenshot (text, arrows, highlight, colors) Can also record video up to 5 min Save on desktop OR on screencast.com (2 GB storage) Share: email, weblink, embed, download http://www.techsmith.com/jing-features.html
  • 13. Pixlr • • • • • • FREE cloud based, image creator and editor tool. Can download o-matic Flash based Mobile app (iOS or Android) Screen-grabbing tool (for FF or Chrome) Pixlr Grabber Share via imm.io is (a one-click easy image sharer) Three applications: http://pixlr.com/ ● Pixlr Editor - most used, like photoshop-lite, “photo editor” ● Pixlr Express - for quick adjustments, effects, fun overlaps, “image express” ● Pixlr-o-matic - vintage image effects, connects to FB, more most fun
  • 15. Color and fonts Color Scheme Designer http://colorschemedesigner.com/ create sets of color Google Fonts http://www.google.com/fonts hundreds of open source fonts
  • 18. Google Fonts Font Book (Mac) Control Panel - Fonts (Windows)
  • 19. UDL & Font Consider students with low vision, colorblindness, and other vision difficulties when choosing colors for videos or presentations. ● White or light yellow text on a dark background is the most visible ● Also consider space between lines (should be 25-30% of the font size) If lines are too close together, it is difficult to find the beginning of a new line For more information, visit http://www.lighthouse.org/accessibility/design/accessible-printdesign/making-text-legible/
  • 20. Questions? By Tsahi Levent-Levi (CC by 2.0) http://www.flickr.com/photos/86979666@N00/7623744452/