basic elements of design a summary of the book by robin williams “non-designer’s design book”
TRANSCRIPT
![Page 1: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/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 A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/2.jpg)
Principles of Design
All Print ads
Power Point
Web design
Good design is good design no matter what the format
•
•
•
![Page 3: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/3.jpg)
Contrast......
Repetition…
Alignment…
Proximity…
If two things are not the same,
make them REALLY different.
Repeated elements strengthens organization.
Give every element a visual connection to another element.
Items related to each other should be grouped close together.
Principles of Design
![Page 4: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/4.jpg)
Proximity
What does the word proximity mean?
Each student will be issued a note card. You will have three minutes to group yourselves into groups of things that are similar.
At the end of 3 minutes select a representative who will tell the class what cards you have and what you all have in common.
![Page 5: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/5.jpg)
Key idea:
Group related items together.
Proximity
![Page 6: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/6.jpg)
Problems:
The two items in top left are in close proximity but not related
Gaps separate related items
•
•
Implies a relationshipProximity
![Page 7: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/7.jpg)
Solution:
Regroup information Change to caps/lower case Use squared edges Let image break out of box
••
••
Proximity
![Page 8: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/8.jpg)
1. When several objects are in close proximity to each other, they became more organized.
2. You understand where to begin reading and when you are finished.
3. White space (area void of text and graphics) becomes more organized.
1. When several objects are in close proximity to each other, they became more organized.
2. You understand where to begin reading and when you are finished.
3. White space (area void of text and graphics) becomes more organized.
Proximity
![Page 9: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/9.jpg)
What could the designer do to make the navigation bar easier to scan?Proximity
![Page 10: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/10.jpg)
Elements that are intellectually connected should also be visually connected.
Proximity
![Page 11: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/11.jpg)
Squint your eyes and count the
number of visual elements.
If there are more than 3-5 items, can
some be grouped in closer proximity to become one visual
unit?
Avoid too many separate elements on the page. Don’t stick things in the corners and in the middle. Don’t create relationships with elements that don’t belong together. If they’re not related, move them very far apart.
Proximity
![Page 12: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/12.jpg)
![Page 13: Basic Elements of Design A summary of the book by Robin Williams “Non-Designer’s Design Book”](https://reader035.vdocuments.net/reader035/viewer/2022062408/56649f175503460f94c2e68f/html5/thumbnails/13.jpg)
Basic Design Elements Packet1. Complete your notes using this PowerPoint.
2. Look through the magazine and find an ad that demonstrates good use of proximity.
3. Label with a Sharpie the elements that are separated.
4. Choose which one of the three ideas on the yellow sheet. Sketch out your text using the Principle of Proximity in the top left quadrant of your sketch sheet. Do not draw any pictures or elements, use only the text.