Good design
comes from…
Good design
comes from…
C is for…
R is for…
A is for…
P is for…
Don’t be afraid to
make different
items very different
This is too close (30pt)
This is too close (28pt)
This is better!
(40pt)
This is better! (24pt)
Take extra care
with backgrounds
Using different
typefaces can
enhance contrast
This is too close
(Garamond)
This is too close
(Baskerville Old Face)
This is better!
(Gotham Black)
This is better!
(Century Gothic)
Makes a design
easier to navigate
and use
Color, shape,
texture, line
thickness, size, etc.
Helps create a
connection
between related
items
Nothing should be
placed arbitrarily
Related items
should be grouped
together
Separate items
require space to
communicate their
difference
Going beyond
the big four
The invisible glue
that holds a design
together
They help establish
rhythm throughout
They help define
proportion
The biggest
concern when it
comes to web
design
Keep it simple
Don’t use more
than three different
fonts
Keep line length
between 45-75
characters
Use adequate line
height
1
2
3
4
5
6
Don’t use too many
unless you know
what you’re doing
Careful, colors
have different
meanings in
different cultures
Be wary of contrast
Don’t use as the
only method to
convey meaning
Keep it simple
http://styleguides.io/examples.html
http://www.awwwards.com/
http://line25.com/
Good Design Comes From... C.R.A.P.

Good Design Comes From... C.R.A.P.