crap design

16
+ C.R.A.P. Design Principles Adapted from http://bit.ly/sjnw & Robin Williams “Non-Designers Design Book”

Upload: lisa-dawley

Post on 27-Jan-2015

128 views

Category:

Documents


6 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Crap design

+

C.R.A.P. Design PrinciplesAdapted from http://bit.ly/sjnw & Robin Williams “Non-Designers Design Book”

Page 2: Crap design

+Contrast

Elements that aren’t the same should be very different so they stand out. Making them “slightly different” confuses the user into seeing a relation that doesn’t exist.

Page 3: Crap design
Page 4: Crap design
Page 5: Crap design
Page 6: Crap design

+Repetition

Repeat visual elements of the design throughout the piece. You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc. This helps develop the organization and strengthens the unity.

1. Headings and subheadings. 2. Colors3. Rules 4. Images5. Graphical elements & logos

Page 7: Crap design

+

Before After

Repetition

Page 8: Crap design

+Repetition

Page 9: Crap design

+Alignment

Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.

Page 10: Crap design

+Alignment Examples

No alignment

Left alignment

Page 11: Crap design

+More alignments

Right alignmentCentered alignment

Page 12: Crap design

+Proximity

Elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.

Page 13: Crap design

Before After

Page 14: Crap design

Before

After

Page 15: Crap design

+Fonts

Page 16: Crap design

+Activity: rebuild this page

Instructor informationLisa Dawley, Ph.D.

[email protected] hobbies include raising koi, playing World of Warcraft, traveling, and imagining the impossible.*Classes: EdTech 512, EdTech 597