Design Principles
description
Transcript of Design Principles
![Page 1: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/1.jpg)
+
Design Principles
June 2, 2010
![Page 2: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/2.jpg)
+Design Principles
Proportion Contrast Harmony Balance Rhythm Focus Unity
![Page 3: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/3.jpg)
+Balance
We’re talking about VISUAL weight
Symmetrical, or asymmetrical?
![Page 4: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/4.jpg)
+
![Page 5: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/5.jpg)
+
![Page 6: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/6.jpg)
+
![Page 7: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/7.jpg)
+
![Page 8: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/8.jpg)
+
![Page 9: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/9.jpg)
+
![Page 10: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/10.jpg)
+
![Page 11: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/11.jpg)
+
![Page 12: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/12.jpg)
+
![Page 13: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/13.jpg)
+
![Page 14: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/14.jpg)
+
![Page 15: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/15.jpg)
+
![Page 16: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/16.jpg)
+
![Page 17: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/17.jpg)
+
![Page 18: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/18.jpg)
+
![Page 19: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/19.jpg)
+Use color with balance too
![Page 20: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/20.jpg)
+
![Page 21: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/21.jpg)
+
![Page 22: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/22.jpg)
+
![Page 23: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/23.jpg)
+
![Page 24: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/24.jpg)
+This is a good example of alignment too
![Page 25: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/25.jpg)
+When do I use them?
Asymmetry is often: Dramatic More visually stimulating High energy
That’s why it’s a favorite of celebrities and teenagers
![Page 26: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/26.jpg)
+Asymmetrical
![Page 27: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/27.jpg)
+Symmetry
More traditional, calming Classic A favorite of:
![Page 28: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/28.jpg)
+Disney Characters & Wholesome Pop stars
![Page 29: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/29.jpg)
+HOWEVER
You can “vamp up” a symmetrical design by using extreme contrast or extreme versions of other design principles
Size and shape relationships attract attention to the unexpected or the exaggerate
Both types of balance strive to achieve relative equal weightand visual appeal
![Page 30: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/30.jpg)
+Proportion
3:5 Difference between one element’s size and another If everything is big, nothing is big
![Page 31: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/31.jpg)
+Which makes better use of proportion?
![Page 32: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/32.jpg)
+
![Page 33: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/33.jpg)
+
![Page 34: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/34.jpg)
+
![Page 35: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/35.jpg)
+
![Page 36: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/36.jpg)
+
![Page 37: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/37.jpg)
+
![Page 38: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/38.jpg)
+Optical Center
![Page 39: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/39.jpg)
+Optical Center
![Page 40: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/40.jpg)
+Optical Center
![Page 41: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/41.jpg)
+Optical Center
![Page 42: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/42.jpg)
+Design Principles quiz
Monday Design Principles homework also is due Keep in mind relationships between:
Size Shape Tone/color Type Line
![Page 43: Design Principles](https://reader035.fdocuments.us/reader035/viewer/2022081520/56816266550346895dd2d095/html5/thumbnails/43.jpg)
+
Size Shape Tone/color Type Line
Rhythm Harmony Contrast Proportion Optical
center