SlideServe
Télécharger Obtenir Pro
Menu
Accueil Pro
Préférences
ApparenceLight Aide et commentaires
© SlideServe · v2026

Introduction to Basic Principles of Design: Balance, Proximity, Alignment, and More

nevan avatar
nevan
13 diapositives · 288 Views · Sep 27, 2014

Welcome to Module 1 of Visual Design I, where you'll explore the fundamental principles of design, including balance, proximity, alignment, repetition, contrast, and white space. Each principle will be explained with visual examples and exercises. You'll learn how to group related items cohesively and how to use repetition for consistency in your designs. By the end of this module, you'll also have the opportunity to create an advertisement using these principles and share your work with peers for feedback. For questions, contact Ms. Talbot at talbotcy@msu.edu.

Introduction to Basic Principles of Design: Balance, Proximity, Alignment, and More - slide 1
01 / 13Introduction to Basic Principles of Design: Balance, Proximity, Alignment, and More
1 / 17

Télécharger la présentation

Introduction to Basic Principles of Design: Balance, Proximity, Alignment, and More
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation

  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

  2. 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

  3. 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

  4. 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

  5. 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.

  6. 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

  7. 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

  8. 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

  9. 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

  10. 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

  11. 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/

  12. possible 50 points on this project!

  13. 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