Welcome to Module 1

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

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

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 Symmetrical balance Asymmetrical balance Where do your eyes go? Click images to link to website examples Off balance

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. list masthead What do you notice first? Click images to link to website examples ad

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 website ad What is lined up on these pages? Click images to link to website examples Off balance in your mind.

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. website resume What is repeated in each design? Click images to link to website examples ad

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. website Magazine cover What did they do to create contrast? Click images to link to website examples ad

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. website Movie poster How does each design display white space? Click images to link to website examples ad

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

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

Project 1 Create an ad using the basic 6 principles of design • 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 site • Your final task is to add constructive comments to 5 other student’s ads on FaceBook and give them your feedback. click right arrow for project rubric 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/

possible 50 points on this project!

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

Welcome to Module 1