Design & Social Graphics

Lena Groeger, ProPublica, Fall 2015

1.Design Basics: 4 Principles to Make 100% of your Projects Better

2. Useful Tools: A RoundUp

3. The Ultimate Tool: Photoshop

Resources, Tutorials, Etc

Online Tools

Vox's Meme

NPR's Lunchbox






A Guide to Visual Design

Design Principles for News Apps and Graphics

The Non-Designers Design Book

A 20 Minute Intro to Typography Basics

Thinking with Type

The Art & Science of Communicating through Type

Five simple steps to better typography

Web Design is 95% Typography

Designing With Grid-Based Approach

Grid Anatomy

Kuler Color Wheel

Color Oracle


Illustrator Basics: A Tutorial

Illustrator Tools

Getting Started with Photoshop

Photoshop Tips & Tricks

How to Make Animated Gifs in Photoshop


Don't Fear the Internet Video Series

Let's make a webpage Tutorial

HTML Beginner Tutorial

CSS Beginner Tutorial

Intro to Web Fundamentals by Scott Murray

The 30 CSS Selectors you Must Memorize

Meet Your Web Inspector by Dan Nguyen