Design Principles Web Design. Design Principles Contrast Repetition Alignment Proximity.
The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The...
Transcript of The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The...
![Page 1: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/1.jpg)
The Principles of Design
![Page 2: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/2.jpg)
The Principles of Design
• The principles of design are used to arrange the elements of design.
• Through the careful arrangement of the elements of design a composition is created.
![Page 3: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/3.jpg)
The Principles of Design
• Unity and Variety• Balance• Scale and Proportion• Rhythm• Emphasis
![Page 4: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/4.jpg)
Unity
• Unity in a design is what holds the design together; it keeps the design from appearing cobbled together or random.
• The importance of unity cannot be ignored!
![Page 5: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/5.jpg)
How do you achieve unity in a design?
• Through careful control of the elements of design.– Repetition of an element– Strict parameters of an element
![Page 6: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/6.jpg)
Variety
• Unity in design is of the utmost importance, however, repeating the exact same element is uninteresting and uninspired. Therefore, there must be variety within the unified design.
![Page 7: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/7.jpg)
How do you achieve variety in a design?
• Use one or two elements as the dominant element(s)
• Keep tight control over the dominant elements
• Vary the aspects of the dominant element
![Page 8: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/8.jpg)
Examples
• Line– Choose a dominant type of line and change its
path, width, continuity, sharpness, consistency, or length.
• Color scheme– Create a tight color scheme, but vary the
intensities, tints, tones and shades of those colors. • Texture
– Star Wars, Liaisons• Shape
– Liaisons, 3PO
![Page 9: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/9.jpg)
![Page 10: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/10.jpg)
![Page 11: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/11.jpg)
![Page 12: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/12.jpg)
![Page 13: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/13.jpg)
![Page 14: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/14.jpg)
![Page 15: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/15.jpg)
![Page 16: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/16.jpg)
![Page 17: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/17.jpg)
![Page 18: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/18.jpg)
![Page 19: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/19.jpg)
Balance
• The equal distribution of weight or force among visual units.
• Visual balance creates equilibrium/harmony
• Imbalance creates uneasiness/tension
![Page 20: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/20.jpg)
Types of Balance
• Symmetrical• Asymmetrical • Radial• Horizontal• Vertical
![Page 21: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/21.jpg)
![Page 22: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/22.jpg)
![Page 23: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/23.jpg)
![Page 24: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/24.jpg)
![Page 25: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/25.jpg)
![Page 26: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/26.jpg)
![Page 27: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/27.jpg)
![Page 28: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/28.jpg)
![Page 29: The Principles of Designfaculty.uca.edu/smeador/Fundamentals/Lectures_files... · • The principles of design are used to arrange the elements of design. • Through the careful](https://reader035.fdocuments.us/reader035/viewer/2022071021/5fd585cd113c6d656a38aac3/html5/thumbnails/29.jpg)