Presentation is loading. Please wait.

Presentation is loading. Please wait.

1.02 Investigate design principles and elements. Principles of Design.

Similar presentations


Presentation on theme: "1.02 Investigate design principles and elements. Principles of Design."— Presentation transcript:

1 1.02 Investigate design principles and elements. Principles of Design

2 The Six Principles of Design Alignment Balance Contrast Proximity/Unity Repetition/Consistency White space

3 Alignment Alignment of elements in a pattern or grid. Visual relationship between all of the elements in a layout, even if the elements are far apart. View an example at http://desktoppub.about.com/od/d esignprinciples/l/aa_pod2.htm http://desktoppub.about.com/od/d esignprinciples/l/aa_pod2.htm

4 Symmetrical Balance Elements of the design are centered or evenly divided both vertically and horizontally View examples at:

5 Asymmetrical Balance Off-center alignment created with an odd or mismatched number of elements.

6 Radial Balance With radial designs the elements radiate from or swirl around in a circular or spiral path.

7 Contrast The use of big and small elements, black and white text, squares and circles Adds emphasis to important information Adds appeal View an example at http://www.alifetimeofcolor.com/main.taf?p=3,1,1,9 http://www.alifetimeofcolor.com/main.taf?p=3,1,1,9

8 Proximity/Unity Grouping elements to demonstrate their relationship to each other. Makes it easier for the reader to understand the relationships between elements. Examples Captions placed with the pictures they describe. Images placed near the text they are depicting. View an example at http://desktoppub.about.com/od/designprinc iples/l/aa_pod2.htm http://desktoppub.about.com/od/designprinc iples/l/aa_pod2.htm

9 Repetition/Consistency Repeat some aspect of the design throughout the entire layout. Aids navigation Improves readability Examples Keying all side headings in the same typeface and color. Using the same formatting for all bulleted lists throughout the publication. View an example at http://desktoppub.about.com/od/designprincipl es/l/aa_pod2.htm http://desktoppub.about.com/od/designprincipl es/l/aa_pod2.htm

10 White Space Negative or space empty of any color Gives a design breathing room Smoothes transition between elements View an example at http://desktoppub.about.com/od/desig nprinciples/l/aa_pod2.htm http://desktoppub.about.com/od/desig nprinciples/l/aa_pod2.htm

11 Need to Know! The Rule of Thirds, Visual Center, Grids are included in the Principles of Design PowerPoint, but are not part of the six principles. They were included here because they were only two slides, but they are separate concepts. 2.02 Investigate design principles and elements. 11

12 Rule of Thirds and Grids Rule of Thirds – Using imaginary grids to visually divide the page into thirds vertically and/or horizontally and placing most important elements within those thirds. View an example at http://desktoppub.about.com/od/designprinciples/l/aa_p od2.htm http://desktoppub.about.com/od/designprinciples/l/aa_p od2.htm 123 Rule of Thirds Grids

13 Optical Center and Z-Pattern Optical Center – the spot the eye first sees when it encounters a page. It is slightly above and to the right of the actual center of the page. Place the most important design element here. Z-Pattern – the pattern eye follows when scanning a page. Place important elements along the Z-pattern. 123 Optical Center Z-Pattern

14 1.02 Activity 1.02 Principles of Design in Desktop Publishing Graphic Organizer (Journal) May Use 1.02 Principles of Design PowerPoint to complete activity. Remember the rules for Journal Entries!

15 Directions: Define the following terms: 1. Alignment 2. Symmetrical 3. Balance 4. Radial 5. Contrast 6. Proximity/Unity 7. Repetition/Consistency 8. White Space 1.02 Principles of Design in Desktop Publishing Graphic Organizer

16 1.02 Activity 1.02 Rule of Thirds, Optical Center, Z-Pattern and Grids May use the Internet for examples. Create in PowerPoint!

17 1.02 Elements of Design Located in netdocs Create in PowerPoint

18 1.02 Activity 1.02 In-Depth with Color Key (Journal) Questions in Black or Blue Ink. Answers in Red Ink.

19 1.02 In-Depth with Color Directions: For this activity, you will use the Internet to examine color in-depth. Go to http://desktoppub.about.com/od/elements/l/a a_color.htm and answer the questions listed below. http://desktoppub.about.com/od/elements/l/a a_color.htm 1. Read the introduction to color. http://desktoppub.about.com/od/elements/l/aa _color.htm http://desktoppub.about.com/od/elements/l/aa _color.htm

20 1.02 In-Depth with Color Click on the link for Color Wheels \http://desktoppub.about.com/od/howcolorwo rks/ss/Color-Basics-Desktop-Publishing.htmhttp://desktoppub.about.com/od/howcolorwo rks/ss/Color-Basics-Desktop-Publishing.htm 1. What are the primary colors?

21 1.02 In-Depth with Color Enter the link below for RGB Color & CMYK http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_3.htm http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_3.htm 2. How are colors shown on the computer monitor? 3.The amount of red, green, or blue in a color is known as: 4. RGB colors are translated digitally as:

22 1.02 In-Depth with Color Visit the link below for CMYK Color to answer the following questions. http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_4.htm http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_4.htm 5. Which colors do CMYK represent? 6. CMYK colors are translated digitally as:

23 1.02 In-Depth with Color Enter the link for Hue, tints, shades, saturation http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_7.htm http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_7.htm 7.In a color wheel, color is referred to as a.Saturation b.Shade c.Tint d.Hue

24 1.02 In-Depth with Color 8. Complete the equation: Hue plus black equals ___________ 9. Complete the equations: Hue plus white equals __________ 10.To lighten a hue, add: a. White b. Black c. Shade d. Tint

25 1.02 In-Depth with Color 11.Light hues are called: a.White b.Black c.Shade d.Tint

26 1.02 In-Depth with Color Enter the link for Fine-tuning Color Combinations http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_9.htm http://desktoppub.about.com/od/howcolorwor ks/ss/Color-Basics-Desktop-Publishing_9.htm

27 12. Describe how hues can be adjusted for a more positive effect. 13.How does paper selection affect color? 14.Which colors are calming? 15.Which colors are exciting? 16.Which colors are neutral?

28 Useful Websites http://desktoppub.about.com/od/designprinciples/l/aa_pod2.htm http://www.alifetimeofcolor.com/main.taf?p=3,1,1,8 http://desktoppub.about.com/od/elements/l/aa_lines1.htm http://desktoppub.about.com/od/elements/l/aa_lines2.htm http://desktoppub.about.com/od/elements/l/aa_lines3.htm http://desktoppub.about.com/od/elements/l/aa_texture1.htm http://desktoppub.about.com/od/elements/l/aa_texture2.htm http://upload.wikimedia.org/wikipedia/commons/2/28/RGB_illumination.jpg http://desktoppub.about.com/od/elements/l/aa_color3.htm http://en.wikipedia.org/wiki/Cmyk http://desktoppub.about.com/cs/color/a/symbolism.htm http://en.wikipedia.org/wiki/File:Saturationdemo.png http://www.ncsu.edu/scivis/lessons/colormodels/color_models2.html#saturation http://desktoppub.about.com/od/elements/l/aa_color.htm


Download ppt "1.02 Investigate design principles and elements. Principles of Design."

Similar presentations


Ads by Google