Fourdesignprinciples

21
Four Design Principles Technology 6 Mrs. Lemley

description

 

Transcript of Fourdesignprinciples

Page 1: Fourdesignprinciples

Four Design Principles

Technology 6

Mrs. Lemley

Page 2: Fourdesignprinciples

What are the four basic design principles?

Page 3: Fourdesignprinciples

4 basic design principles:

o Alignmento Proximity

o Repetitiono Contrast

Page 4: Fourdesignprinciples

What is alignment?

Page 5: Fourdesignprinciples

This isn’t alignment.

This isn’t alignment.

This isn’t alignment.

Page 6: Fourdesignprinciples

This is alignment.

This is alignment.

This is alignment.

This is alignment.

This is alignment.

Page 7: Fourdesignprinciples

Alignmento Items on the page are lined

up with each other, both horizontally and vertically

o There are three basic alignments: centered, left justified and right justified

Page 8: Fourdesignprinciples

Don’t mix alignments

Please.

For the love of God.

It looks lousy.

And it’s confusing.

Page 9: Fourdesignprinciples

What is proximity?

Page 10: Fourdesignprinciples

This isn’t proximity.

This isn’t proximity either.

or alignment

Page 11: Fourdesignprinciples

Proximityo Refers to the relationships that

items develop when they are close together

o Implies items are related (for example, the bullets on this list appear related because they are in close proximity to each other

Page 12: Fourdesignprinciples

What is repetition?

Page 13: Fourdesignprinciples

This is not

repetition.

Page 14: Fourdesignprinciples

Repetitiono Refers to the idea that designers

should repeat certain elements to tie the disparate parts of a document together

o Makes it seem like the individual nodes (or slides) are all part of the same text

Page 15: Fourdesignprinciples

What design elements has this slide show repeated?

Page 16: Fourdesignprinciples

It has repeated:o Fontso Colorso Placemento And more…

Page 17: Fourdesignprinciples

What is contrast?

Page 18: Fourdesignprinciples

This isn’t contrast.

Nope. Not contrast either.

Page 19: Fourdesignprinciples

Contrasto Establishes a hierarchy of

information

o Can be obtained by manipulating font (style and size), color, background designs, etc.

o Establishes a focal point

Page 20: Fourdesignprinciples

Where is the focal point on this page?

o Is it this bullet?

o How about this one?

o Is it over here?

o How about here?

Page 21: Fourdesignprinciples

4 basic design principles:

o Alignmento Proximity

o Repetitiono Contrast