Upload
gregory-byrd
View
219
Download
1
Tags:
Embed Size (px)
Citation preview
Think and Write Like a Designer to be a Better Analyzer and Creator of Design
For Infographics & Graphs
Question #1: Does It Need to be an Infographic?
Here? Yes. That’s damn creative.
Here? No, no, it doesn’t. There’s nothing interesting or creative going on here at all.
This could be a bullet list and get the job done quicker.
Colors next to each other on the wheel are called “analogous” and will look good together.
Colors opposite to each other on the wheel are called “complementary” and will provide maximum contrast.
Poor ContrastThis would be very hard to look at for a long period of time.
Good Contrast,This would technicallywork, but (on a personal note) still doesn’t look great.
Kind of Christmas-like, but technically the contrast is there.
Poor contrast. Consult your color wheel if your own eye can’t see how poor this looks!
Colors Have Reason and Good Contrast
No Reason for Different Colors(can be distracting)
Lack of Contrast and Confusing Patterns
Blue Background Does Not Contrast Enough For 4 Pieces to Stand Out
Are You Kidding Me?
Stop It.(bonus points for stereotypes)
MUCH BETTER
• Orange and Blue provide maximum contrast
• Pop or red provides contrast but are also analogous with the orange
• Different sizes of texts and images tell the eye exactly where to look
In Short
• Good contrast is aesthetically pleasing, tells the viewer what’s most important on the screen, and makes elements stand out
• Poor contrast leads to ugliness, confusion of focal points, and can make things hard to read or look at
• 7-8 different colors for no reason
• Some title/headings all caps– some not
• Underline can’t decide how far it wants to extend past words
Poor Repetition
Repetition: See, Not That Hard!
In Short
• Good repetition makes a site feel unified, coherent, and consistent
• A lack of repetition is confusing and hurts the coherence and identity of a site
I Don’t Have Time for This
The Designer Hates You
I Hate the Designer
Proximity Changes the World!
In Short
• Good use of proximity leads to strong organization and letting someone know how to navigate a site
• Poor proximity makes navigation difficult and leads to frustration
Basic Grid: But Gets the Job Done
I Love This So Much
This familiar problem of misleading height of bars is technically an alignment problem.
If you can find any rhyme or reason to this alignment, beyond that’s just where stuff kinda fit, please let me know.
Good to Have a Legend, But It’s Just Kinda Mashed In There
In Short
• Good alignment is aesthetically pleasing and organizes sections of the site into logical and usable sections that are easy to find and work with
• Poor alignment is ugly, confusing to the eye, looks amateurish, and causes frustration
Nicely Symmetrical Balance with Plenty of Good White Space Left Over
Still As Good as it was Slides Ago
But . . . But . . . Why?