Week 1: The Four Basic Principles of Design
description
Transcript of Week 1: The Four Basic Principles of Design
![Page 1: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/1.jpg)
Week 1: The Four Basic Principles of Design
Proximity, Alignment, Repetition and Contrast
![Page 2: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/2.jpg)
ProximityGrouping of related items together
The proximity, or closeness, implies relationship
The basic purpose of proximity is to organize
![Page 3: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/3.jpg)
Proximity Grouping of related items together The proximity, or closeness, implies
relationship The basic purpose of proximity is to organize
![Page 4: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/4.jpg)
Proximity
![Page 5: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/5.jpg)
Proximity (examples by Lesa Snider, Macworld.com)
Before After
![Page 6: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/6.jpg)
Proximity (artdesignstudio.com)
![Page 7: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/7.jpg)
Proximity USE ALL CAPS SPARINGLY White space is good. It gives your eyes a
break.
![Page 8: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/8.jpg)
AlignmentNothing should be placed on a page arbitrarily.
Every item should have a visual connection with something else on the page.
Unity is an important concept in design.
![Page 9: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/9.jpg)
Alignment Nothing should be placed on a page arbitrarily.
Every item should have a visual connection with something else on the page.
Unity is an important concept in design.
![Page 10: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/10.jpg)
Alignment (examples from http://desktoppub.)about.com/od/designprinciples/l/aa_pod2.htm)
Before After
![Page 11: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/11.jpg)
Alignment (oxfordgarden.com)
![Page 12: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/12.jpg)
Repetition Repeat some aspect of the design throughout
the entire piece.
Bookman Old Style Subheads Triangle bullets and a light typeface (Gills
Sans MT) Bullets are all indented the same Everything is aligned the same
![Page 13: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/13.jpg)
Repetition Business card, letterhead and envelope
![Page 14: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/14.jpg)
Contrast Contrast is created when two elements are
different. If two items are not exactly the same, then make them different. Really Different.
![Page 15: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/15.jpg)
Contrast (http://www.letsmakeitadate.com/)
![Page 16: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/16.jpg)
Contrast Before
After
![Page 17: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/17.jpg)
![Page 18: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/18.jpg)
![Page 19: Week 1: The Four Basic Principles of Design](https://reader035.fdocuments.in/reader035/viewer/2022062521/568163ce550346895dd5136a/html5/thumbnails/19.jpg)