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 ? I don’t need to waste time with design. My data and findings will speak for themselves. omgoodness so pretty How great is Times New Roman, amirite? e h t s a s u r Everyone uses Comic Sans, y p a P s e s u r a t t a a v e A r g , s y u l l e P t n i i so it must be good f e d s ’ t i o s , t n o f e l t i t b u s

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 Bitmaps Vectors JPEG: Photographs PDF (or EPS): Anything vector based PNG/GIF: Images with limited colors SVG: Vectors online

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 ? InDesign Photoshop Illustrator Photos Documents Vectors GIMP Canva Inkscape Gravit Designer Scribus

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 “If two items are not exactly the same, make them different. Really different.” Don’t be a wimp.

T Y P O G R A P H I C C O N T R A S T Serif Lorem ipsum dolor sit amet Sans Serif Lo Lorem em ip ipsu sum do dolor s r sit am amet et Slab Serif Lorem ipsum dolor sit amet Lor orem ip ipsu sum dol olor or s sit ame amet Script Lo Lorem ip ipsu sum do dolor r sit sit am amet Decorative

C O L O R C O N T R A S T http://color.adobe.com http://colorbrewer2.org/

C O M P A R E T H E C O N T R A S T We the People of the United We the People of the United States, in Order to form a more States, in Order to form a more perfect Union, establish perfect Union, establish Justice, Justice, insure domestic insure domestic Tranquility… Tranquility… Article I. Article I. Section 1. All legislative Powers herein Section 1. All legislative Powers herein granted shall be vested in a granted shall be vested in a Congress of the United States, Congress of the United States, which shall consist of a Senate which shall consist of a Senate and House of Representatives. and House of Representatives.

R E P E T I T I O N “Repeat some aspect of 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.”

C R A P R E V I E W Contrast Repetition Alignment Proximity

CRAP PRACTICE