The four design principles
-
Upload
kirkpatl -
Category
Technology
-
view
760 -
download
0
Transcript of The four design principles
![Page 1: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/1.jpg)
The Four Design PrinciplesThe Non-Designer’s Design Book 3rd Edition
Concepts and Techniques UsingMicrosoft Office 2007
![Page 2: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/2.jpg)
The four basic principlesContrast
Repetition
Alignment
Proximity
![Page 3: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/3.jpg)
Contrast
• Contrast on a page helps attract attention• Avoid merely similar elements– Separate elements should not be similar– If elements are not the same, make them
very different• Helps organization by separating elements• Don’t be a wimp!
![Page 4: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/4.jpg)
Sample – Poor Contrast
![Page 5: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/5.jpg)
Sample – Good Contrast
![Page 6: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/6.jpg)
Repetition
• Repeat visual elements to help organize and strengthen unity
• Adds visual interest to the page
Colors
Spatial Relationships
Font Sizes
Shapes
Images
Line Thickness
Textures
Fonts
![Page 7: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/7.jpg)
Alignment
• Elements should not be placed arbitrarily• Elements should have some visual
connection• Affects the mood of the piece• Creates a clean, sophisticated, fresh look
![Page 8: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/8.jpg)
Proximity
• Items relating to each other should be grouped close together
• Items groups together become one visual unit
• Helps organize information, reduce clutter, and gives the reader clear structure
![Page 9: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/9.jpg)
Sample – Poor Proximity
![Page 10: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/10.jpg)
Sample – Effective Proximity
![Page 11: The four design principles](https://reader036.fdocuments.in/reader036/viewer/2022062404/5549ec08b4c90512488b4faf/html5/thumbnails/11.jpg)
Final Tips – In publications, avoid…
• PUTTING TEXT IN ALL CAPS• Cluttering graphics/text too close together• Using too many fonts and colors in one
publication• Using INCONSISTENT formatting to
make a point