Infographics: Piktochart & Canva

Slides:



Advertisements
Similar presentations
February 24, 2015 Allison Kidd, ATRC. Direct Services for CSU Students & Employees with Disabilities Ensure Equal Access to Technology & Electronic Information.
Advertisements

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
William H. Bowers – Designing Look and Feel Cooper 19.
Newsletters and Brochures
Visual Literacy Staff Development Presentation Kipps Elementary School November 2009 Presented by Juliane Meek.
Glogster EETT Training Mathew Swerdloff November 30, 2010.
Social software YEFI P. TELAUMBANUA What is Social Software? It is a kind of an interactive tools handle mediated interactions between a pair or.
Interface Design.
Review of Applications By Phoebe Stewart. Introduction I shall be talking about the features, strengths and weaknesses of two different apps, a learning.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Discovering Computers Fundamentals, Third Edition CGS 1000 Introduction to Computers and Technology Spring 2007.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
LIBRARIES MEET THE GRID: Librarians in Cyberspace Virginia Allen Beth Avery.
Michele Liggins Jessica Mercado. Technology is integrated throughout the Common Core standards, even at the elementary level. Example: K.W.6-
Quick & Pretty: Designing Marketing Materials (Without being a Designer)! Sarah E. Fancher November 5, 2015.
10 Effective Website Tips Luana Mattey For Professionals in Private Practice Get Online, Get Found, Get Clients.
Propel Your Stories - and More - to the Next Level With Content Curation Melony Shemberger, Ed.D. Assistant Professor of Journalism and Mass Communication.
TEaCH By Design Michelle, Stephanie, Lindsey, Grant, Anastasia.
Q Education Transform Resources. Intel® is Committed to Transforming Education for the Next Generation Intel supports education transformation 
Propel Your Stories - and More - to the Next Level With Content Curation Melony Shemberger, Ed.D. Assistant Professor of Journalism and Mass Communication.
Software Review/ Emerging Technology/Innovative Uses Rashi Ratliff Edu 214 June 16, 2015.
What is an infographic?.
Social media at seed.
Some tips on which visuals to use (and which not to use) and when
Imaging and Design for Online Environment
Readability and Legibility
Infographics Template types.
How To Use These Slides:
POWERFUL PRESENTATIONS! tips & tricks
External Text Structure
Interact 2: Communicating
Depth and Complexity Icons
Chapter 19 Presentation Design
Unit 3, Lesson 8 Making Presentations That Get Attention
Using infographics in the Geography classroom
Guide to: Effective NGO website.
Creative Ways to Communicate with Residents
Basic Principles of Layout
Introduction Position your online or offline business
How To Use These Slides:
PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.
The Basics of Microsoft Word 2007 Excel
Objective % Explain concepts used to create websites.
Creating & Managing for Teaching Purposes
Chapter 19 Presentation Design
Research Presentation
The Tech Classroom – YouTube
A picture is worth a thousand words.
Meeting, training & teaching in the interactive iWorld
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Blogging topics NERDY GOALS.
Document Design Justine Nielsen April 28, 2003
The Basics of Microsoft Word 2007 Excel
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Social Media Social media
ENDANGERED ANIMALS A RESEARCH PROJECT
APPROPRIATE POINT OF CARE DIAGNOSTICS
Bobby Wan ST Electronics
The Basics of Microsoft Word 2007 Excel
Objective Explain concepts used to create websites.
Charts A chart is a graphic or visual representation of data
Creating and Embedding an Evaluation Culture in WP Project Work
Communications 101: tips and tools
Best Simplest Ways To Learn Digital Marketing Presented By:- Abhinav Shashtri.
Best Practices for Great Presentations
How to Create Effective PowerPoint Presentations
GROUP 4 PROFED06. Definitio n Advantage s of Printe d Media Disadvantages of Printed Media Designing Printed Material Being Used.
Pulse Virtual Training
T-shirt Design Software For Magento - SetuBridge
Research Presentation
Presentation transcript:

Infographics: Piktochart & Canva What is an infographic? Information graphics or infographics are graphic visual representations of information, data or knowledge intended to present information quickly and clearly. They can improve cognition by utilizing graphics to enhance the human visual system's ability to see patterns and trends. I will be talking about some basics on infographics, how I learned and now teach these programs followed by some basic design principles and then offer some more resources before providing a quick look at Piktochart and Canva. 1 Nickolas Falk Priddy Library - The Universities at Shady Grove University of Maryland Libraries

Why Infographics? USA adults 65+ 59.8% percent of adults in the United States, age 65 and over had a flu shot within the year 2014. USA adults 65+ We are visual creatures: 90% of the information transmitted to the brain is visual, and that is processed 60,000x faster in the brain than text. (http://www.nngroup.com/articles/how-little-do-users-read/) General public has an increasingly shorter attention span; we tend to “scan” material as opposed to actually reading text. “a picture is worth a thousand words” Infographics have the ability to dissect a complex subject, and the ability to sustain the attention of readers while doing so. Infographics help cover “heavy” topics in an enjoyable way. For the print world, infographics can easily be exported to posters, brochures, leaflets when necessary as giveaways. For the mobile world, content as infographics is perfect for phones, tablets and other upcoming devices.

Learning Piktochart & Canva Piktochart Blog Canva Tutorials Subscribe! https://piktochart.com/blog/ The 5-Minute Tutorial https://piktochart.com/blog/how-to-create-infographic-in-5-minutes/ Tutorials https://designschool.canva.com/tutorials/ Similar layout to Piktochart Piktochart Can subscribe to the Piktochart Blog Sections on Latest posts, culture, design, education, marketing, popular and updates Searchable Canva Has a Learn menu with Tutorials on a range of functions; Advanced Tips, Backgrounds, Branding, Color, Fonts, Getting Started, Images, Layout, Shapes and Icons and Skills in Action 30 total, easy and interactive with both hands on and video Online courses specific to creativity and branding (Social Media coming soon)

Teaching Piktochart & Canva Ideas for Classroom Implementation https://piktochart.com/blog/category/education/ Premade Workshops and Lesson Plans https://designschool.canva.com/teaching-materials/ Piktochart Education section of blog Collaborative classroom integration How to use Piktochart in any classroom Using infographics in a flipped classroom Visual literacy Canva 4 premade workshops with accompanied lesson plans 1 learn Canva 2 fonts, colors, images 3 backgrounds, shapes and layouts 4 branding basics

Design Principles Simple, uncomplicated content and design Do not overuse colors Use good data A few simple guidelines… There are several guidelines to follow to make sure that you’re highlighting your content well and making the biggest impact on your audience. Keep it simple, stupid. Avoid overcomplicating both the content and the design. Choose a central theme and do not stray away from it. This is not your mama’s fridge. Remember, color is not always your friend. The colors you choose need to be appropriate for the overall theme and not overwhelming to your content. Don’t use rotten data. Data that is not current hurts the credibility of the graphic, so make sure that you do your research beforehand. A few simple guidelines to make everything much easier.

Hierarchy Hierarchy – Use a visual hierarchy to help the reader pick out the most important information. Our brain is trained to make connections between objects in our surroundings – if one object is bigger or bolder, our brain assumes it’s more important than a smaller one. In design, we use fonts, sizes, and visual elements to create the illusion of hierarchy between elements in a composition, and show readers what has more relevance.

Color Color – The colors you use in your design convey the moods and highlight important sections of your design. The rule of 3 colors - A super simple tool you can use whenever you are in doubt. You can’t go wrong with it. The rule of 3 colors is simple: pick one primary color. Then, pick two other complementary colors.

Consistency Consistency - Do you know what’s the key to Starbucks’ success? Every time you order a latte and a blueberry muffin, you get the same experience. The same principle applies to graphic design –  for a design to be compelling, all elements need to be related, work well with each other and be consistent.

Let’s Talk About Data Higher Education Institutions are now starting to purchase data sets. Government agencies publish data for free online. Journals are a great source to search for data or visualize their findings in your work. As you know data can come from a variety of sources; including you (data you collected) government agencies non-governmental organizations (NGOs) other researchers journal articles We have some sources for data sets listed in a libguide: http://libguides.shadygrove.umd.edu/infographics

Other Resources Our LibGuide http://libguides.shadygrove.umd.edu/PriddyLibraryWorkshops/infographics There are a lot of different resource available, we have compiled a libguide that offers multiple infographic software, font sources, icon & image sources, color tips and some select data sources. The majority of these resources are all free. We encourage other libraries to use this resource!

Let’s Keep in Touch! nfalk@umd.edu 301-738-6224