Basic Elements of Design
description
Transcript of Basic Elements of Design
![Page 1: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/1.jpg)
Basic Elements of Design
A summary of the book by Robin Williams “Non-Designer’s Design Book”
![Page 2: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/2.jpg)
Principles of Design
Contrast
Repetition
Alignment
Proximity
If two things are not the same, make
them REALLY different.
![Page 3: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/3.jpg)
Contrast
One of the most effective ways to add visual interest to your page is…
![Page 4: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/4.jpg)
Key idea:
For contrast to be effective, make them different, really different.
Contrast is created when two elements are different.
Contrast
![Page 5: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/5.jpg)
color
http://desktoppub.about.com/od/contrast/ss/contrast_5.htm
picture elements
http://www.palmer-photoart.com/img/KiwiContrast.jpg
You can create contrast through…Contrast
![Page 6: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/6.jpg)
http://www.famefoundry.com/wp-content/uploads/2009/07/Bad-MySpace-Design-620.jpg
Two items on the same page can not be similar.
Contrast
![Page 7: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/7.jpg)
Our eyes like contrast. Make two elements on the page that are not the same, such as two typefaces or two line widths or two colors, very different.
Look at each of the three
versions:
How has the designer increased the contrast in the
text elements from version to version?
In the colors?
In the size of elements?
The graphics?
In the spatial relationships?
One purpose of contrast is to create an interest on the page.
Contrast
![Page 8: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/8.jpg)
http://www.famefoundry.com/wp-content/uploads/2009/07/Bad-MySpace-Design-620.jpg
One purpose of contrast is to aid in the organization of information.
Contrast
![Page 9: Basic Elements of Design](https://reader036.fdocuments.net/reader036/viewer/2022062808/568152fb550346895dc11b76/html5/thumbnails/9.jpg)
Bad contrast is just as bad as no contrast!
DDMPRocks!
This is hard on the eye making it difficult to stay on the page.
DDMPRocks!
Much better use of color to create good contrast.
Contrast