Post on 11-Jan-2016
description
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
Visual Design I
Let’s get started….Click on the rightarrows to go to each slide.
BASIC PRINCIPLES OF DESIGN
Balance
Proximity
Alignment
Repetition
Contrast
White Space
Effective design is based upon standard principles
8-10th grade – Visual Design ICli
ck on
the le
ft
arrows
to
go to
previo
us
slides
.
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 balance Asymmetrical balance
Off balanceClick images to link
to website examples
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?
list masthead
adClick images to link
to website examples
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?
website ad
Off balanceClick images to link
to website examples
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.
What is repeated in
each design?
website resume
adClick images to link
to website examples
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?
website Magazine cover
adClick images to link
to website examples
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?
website Movie poster
adClick images to link
to website examples
courtesy of ProProfs Quizmaker
FIRST: click the link below to take a short online
quiz in Principles of Design.
Test your knowledge………….
When you go to the site, you will type in
your name and follow the prompts.
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 fi
rst
projec
t
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 site
Your final task is to add constructive comments to 5 other student’s 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/
click r
ight
arrow fo
r
project
rubric
Principles of Design – Module 1 Advertising Rubric
Student Name
Design (possible 10 pt.) Advertisement is attractive in layout, design and organization. It includes a focal point and all necessary elements (use of balance, proximity, alignment, repetition, contrast and white space) to convey message. Grammar /Spelling (possible 10 pt.) There are no grammatical or spelling errors in the ad design. Punctuation is used properly. Illustrations and Photographs (possible 10 pt.) Components are chosen carefully to relate to the product, as well as enhance the advertisement. Message (possible 10 pt.) Piece has a compelling message created with a target audience in mind. Following Instructions (possible 10 pt.) The student has completed the Module, taken the Quiz in Principles of Design, watched the video, Created/scanned a rough sketch, created an ad online, Saved the ad and sketch in online student file, uploaded Ad to FaceBook class site, and added 5 comments to Classmates ads.
Total Points________________
possibl
e 50
points o
n 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