A collection of handouts, tools, and weblinks that support the creation of digital media.

 

Toggle to:  DATA VISUALIZATION     |     NARRATIVE STRUCTURES     |     DIGITAL FILES    |     COPYRIGHT & CREDITING     |     FONTS / TYPOGRAPHY

 

Check our TOOLKIT page for links and online tools.

_____________________________________________________________________________________________________________

DATA VISUALIZATION TIPS

  • Orderable & Nominal - explanation of different data types with illustrations 
  • Information is Beautiful - website with hundreds of examples of infographics. 
  • Flowing Data - website about how statisticians, designers, & data scientists use analysis, visualization, and exploration to understand data.
  • GitHub D3 Gallery - visual index of types of data visualizations such as bubble charts, voronoi diagrams, word clouds, and hive plots.

_____________________________________________________________________________________________________________ 

NARRATIVE STRUCTURES/ STORYTELLING 

  • Digital Storytelling - website details a variety of narrative structures and provides examples. It was created by UW-Madison's former Engage Program (a part of DoIT's Academic Technology unit ).  

___________________________________________________________________________________________________________

WORKING with DIGITAL FILES

  • Color Modes - CMYK vs RGB descriptions and examples
  • Raster vs Vector - descriptions and examples       
  • Social Media Image Sizes - scroll down this webpage for a cheat sheet for sizing images used in Facebook, Twitter, Google+, LinkedIn, Pinterest, Instagram, and YouTube

_____________________________________________________________________________________________________________

COPYRIGHT & CREDITING

  • Copyright Flowchart - an infographic developed to create a path for educators and students by Silvia Rosenthal Tolisano (aka Langwitches)
  • Copyright for Digital Media - a guide plus resources for students & instructors using images, video, and music prepared by the University of Wisconsin-Madison Libraries.

____________________________________________________________________________________________________________

FONTS / TYPOGRAPHY

  • DesignLab Font Poster - a resource for selecting the appropriate font for your work whether it's for a website, video, or printed document.
  • Choosing Fonts - a handout to help you choose the best typeface for your project. Shows examples of serif, sans serif, script, and decorative fonts.
  • WhatTheFont - saw a font and want to know what it is? use this website to find the closest match in their database.
  • 1001 Free Fonts - a collection of fonts: some are free for personal use and some are in the public domain; most can be purchased for commercial use, too.