G R A P H I C D E S I G N MPA 635: Data Visualization September - - PowerPoint PPT Presentation

G R A P H I C D E S I G N

MPA 635: Data Visualization September 11, 2018

P L A N F O R T O D A Y Truth, beauty, stories, design Technical details CRAP

T R U T H , B E A U T Y, S TO R I E S , D E S I G N

S O U R C E S O F T R U T H

Revelation Science Humanities

W H Y S H O U L D W E E V E N C A R E A B O U T D E S I G N ?

• mgoodness so pretty

Everyone uses Comic Sans, so it must be good I don’t need to waste time with design. My data and findings will speak for themselves. P l u s , A v a t a r u s e s P a p y r u s a s t h e s u b t i t l e f

• n

t , s

• i

t ’ s d e f i n i t e l y g r e a t How great is Times New Roman, amirite?

C O N T E N T + F O R M

Art is how we translate core, essential content to different forms for specific audiences

C O N T E N T + F O R M

Stories are how we translate core, essential content to different forms for specific audiences

S T O R I E S

A need to tell and hear stories is essential to the species Homo sapiens—second in necessity apparently after nourishment and before love and shelter

Reynolds Price, from A Palpable God

B E A U T Y, S T O R I E S , & T R U T H

Truth comes from aesthetic combination of content and form Facts require beauty to be true There are aesthetic principles we can follow to create beauty—and truth

T E C H N I C A L D E TA I L S

I M A G E T Y P E S

JPEG: Photographs

Bitmaps

PNG/GIF: Images with limited colors SVG: Vectors online

Vectors

PDF (or EPS): Anything vector based

V E C T O R S

PDF SVG

B I T M A P S

PNG JPEG

PNG • 130 KB

PNG • 130 KB

JPG • 75% quality • 161 KB

JPG • 161 KB

JPG • 10% quality × 2 • 88 KB

JPG • 10% quality × 2 • 88 KB

I N D E F E N S E O F T H E J P E G

RAW • No compression • 27.1 MB • ! JPEG • 75% quality • 3.2 MB JPEG • 10% quality • 654 KB PNG • 32.9 MB • !

RAW • No compression • 27.1 MB • ! JPEG • 75% quality • 3.2 MB

JPEG • 10% quality • 654 KB JPEG • 2% quality • 575 KB

W H I C H F O R M A T S H O U L D I U S E & W H Y ?

W H A T P R O G R A M S D O I U S E ?

GIMP Scribus Inkscape

Photos

Photoshop

Documents

InDesign

Vectors

Illustrator Canva Gravit Designer

C R A P

P R I N C I P L E S O F D E S I G N "Good design is as much about having a good eye from birth as it is about learning and using principles and rules."

Katie Olson, MPA 635, Fall 2018

C O N T R A S T Don’t be a wimp. “If two items are not exactly the same, make them different. Really different.”

T Y P O G R A P H I C C O N T R A S T

Serif Sans Serif Slab Serif Script Decorative Lorem ipsum dolor sit amet Lo Lorem em ip ipsu sum do dolor s r sit am amet et

Lorem ipsum dolor sit amet

Lor

• rem ip

ipsu sum dol

• lor
• r s

sit ame amet

Lo Lorem ip ipsu sum do dolor r sit sit am amet

C O L O R C O N T R A S T

http://color.adobe.com http://colorbrewer2.org/

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility…

Article I.

Section 1. All legislative Powers herein granted shall be vested in a Congress of the United States, which shall consist of a Senate and House of Representatives. We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility…

Article I.

Section 1. All legislative Powers herein granted shall be vested in a Congress of the United States, which shall consist of a Senate and House of Representatives.

C O M P A R E T H E C O N T R A S T

R E P E T I T I O N “Repeat some aspect

• f the design throughout

the entire piece.”

A L I G N M E N T “Every item should have a visual connection with something else on the page.”

P R O X I M I T Y “Group related items together.”

Contrast Repetition Alignment Proximity

C R A P R E V I E W

CRAP PRACTICE