2. Welcome to Module 1 In this lesson you will learn the basic principles of design: Balance, Proximity, Alignment, Repetition, Contrast and White Space All links to resources are contained in this module. Any questions? Please email Ms. Talbot at talbotcy@msu.edu talbotcy@msu.edu Visual Design I Lets get started…. Click on the right arrows to go to each slide.

3. BASIC PRINCIPLES OF DESIGN Balance Proximity Alignment Repetition Contrast White Space Effective design is based upon standard principles 8-10 th grade – Visual Design I Click on the left arrows to go to previous slides.

4. Balance Balance in design is the distribution of elements across the design. Balance is a visual interpretation of gravity in the design. Large, dense elements appear to be heavier while smaller elements appear to be lighter. You can balance designs in three ways: symmetrical balance asymmetrical balance off-balance Where do your eyes go? Symmetrical balanceAsymmetrical balance Off balance Click images to link to website examples

5. Proximity The Principle of Proximity states that you group related items together, move them physically close to each other so the related items are seen as one cohesive group rather than a bunch of unrelated bits. Items or groups of information that are not related to each other should not be in close proximity (nearness) to the other elements, which gives the reader an instant visual clue to the organization and content of the page. What do you notice first? listmasthead ad Click images to link to website examples

6. Alignment The principle of alignment states that nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page. The principle of alignment forces you to be conscious- no longer can you just throw things on the page and see where they stick. When items are aligned on the page, the result is a stronger cohesive unit. Even when aligned elements are physically separated from each other, there is an invisible line that connects them, both in your eye and What is lined up on these pages? websitead Off balance Click images to link to website examples in your mind.

7. Repetition The Principle of Repetition states, Repeat some aspect of the design throughout the entire piece. The repetitive element may be a bold font, a thick rule (line), a certain bullet, color, design element, particular format, the spatial relationships, etc. Repetition can be thought of as consistency, and is a conscious effort to unify all parts of a design. What is repeated in each design? websiteresume ad Click images to link to website examples

8. Contrast The Principle of Contrast states, If two items are not exactly the same, then make them different. Really different. Contrast occurs when two elements on a page are different. For example, it could be different colors between the text and the background color. It could be a heading set in a big, bold, grungy font combined with a sans-serif font. It could be a difference between a large graphic and a small graphic or it could be a rough texture combined with a smooth texture. Our eyes like contrast. What did they do to create contrast? websiteMagazine cover ad Click images to link to website examples

9. White Space The Principle of White space is, simply put, the part of the design that "isn't" there. It is the space between visual elements an integral part of the message. White space tells you where one section ends and another begins. White space help frame and contain the design. It avoids visual clutter, looks clean. It helps to focus the viewer on something specific. Helps keep flow going. How does each design display white space? websiteMovie poster ad Click images to link to website examples

10. courtesy of ProProfs Quizmaker FIRST: click the link below to take a short online quiz in Principles of Design.quiz in Principles of Design Test your knowledge…………. When you go to the site, you will type in your name and follow the prompts.

11. courtesy of YouTube FIRST: view the video below by clicking on it: Principles of Design – The Video click the right arrow to take a look at our first project

12. Project 1 Your ad subject can be any of the following: a new TV show, restaurant, video game or concert First, you will create a rough sketch of ad (8 ½ x 11) You will then scan your ad sketch with text and description and email to teacher for approval. After approved, go to next step. You will create your ad online with Then save your ad as a png or pdf file, and upload to your student file (with your scanned sketch) After teacher final approval, you will upload your ad to our Visual Design FaceBook siteVisual Design FaceBook site Your final task is to add constructive comments to 5 other students ads on FaceBook and give them your feedback. Create an ad using the basic 6 principles of design REFERENCED TEXTS/WEBSITES: The Non-Designer's Design Book by Robin Williams, http://desktoppub.about.com/od/designprinciples, http://www.sitepoint.com/blogs/2009/11/18/principles-of-good-design-balance/The Non-Designer's Design Bookhttp://desktoppub.about.com/od/designprinciples http://www.sitepoint.com/blogs/2009/11/18/principles-of-good-design-balance/ click right arrow for project rubric

13. possible 50 points on this project!

14. Questions? If you have any questions regarding this project, please email me at: talbotcy@msu.edu talbotcy@msu.edu Good luck and have FUN with your first Visual Design project! -Ms. Talbot