6412 Multimedia and Webpage Design Summer 2010 Unit A Page 27
Student Graphic Organizers and Practice Materials for
Unit 1.02 Principles of Designs
6412 Multimedia and Webpage Design Summer 2010 Unit A Page 27
1.02 Rule of Thirds, Optical Center, Z-Pattern and Grids
Directions: Visualize and add notes to describe the Rule of Thirds, Optical Center, Z-Pattern and Grids
6412 Multimedia and Webpage Design Summer 2010 Unit A Page 27
1.02 Elements of Design
Directions: Work with a partner to create your own community board to illustrate the assigned Element of Design. Be creative!
1. Group Assignment: Select one example of each line description below from magazines, periodicals, newspapers, brochures, flyers, and other publications.
· Horizontal
· Vertical
· Diagonal
· Curved or squiggly
· Patterned
· Textured
Cut and paste the examples on the Community Board and write a brief caption below each example describing how the line enhances the message of the publication.
· Do the lines organize?
· Do the lines make the reader look from left to right or top to bottom?
· What else do the lines do?
2. Group Assignment: Select one example of each shape from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.
· Circle
· Triangle
· Asymmetrical
· Square
Cut and paste the examples on the Community Board and write a brief caption below each example describing how the shape enhances the message of the publication.
· Do the shapes organize?
· Do the shapes send a message?
· What else do the lines do?
3. Group Assignment: Select four examples of mass from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.
· Mass that appears large because it is
· Mass that appears small because it is
· Mass that appears larger than it really is
· Mass that appears smaller than it really is
Cut and paste the examples on the Community Board and write a brief caption below each example describing how the mass affects the publication.
4. Group Assignment: Select four different examples of mass from magazines, periodicals, newspapers, brochures, flyers, and other publications.
· Background texture
· Texture applied to text
· Texture applied to shapes
· Synthetic texture, such as denim, leather, fur
· Environmental texture, such as grass, water, earth
Cut and paste the examples on the Community Board and write a brief caption below each example describing how the texture affects the publication.
5. Group Assignment: Select four examples of color from the list below from magazines, periodicals, newspapers, brochures, flyers, and other publications.
· Black and white colors
· Use of value
· Vibrant colors
· Washed out colors
Cut and paste the examples on the Community Board and write a brief caption below each example describing how the use of color and value affect the publication.
6412 Multimedia and Webpage Design Summer 2010 Unit A Page 27
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/aa_color.htm and answer the questions listed below.
1. Read the introduction to color.http://desktoppub.about.com/od/elements/l/aa_color.htm
2. Enter the link for Lesson 1: Value
http://desktoppub.about.com/od/elements/l/aa_color1.htm
a. List and describe ways in which value is used in desktop publishing
3. Visit the link below on the Technical Aspects of Color.
http://desktoppub.about.com/od/elements/l/aa_color2.htm
a. Click on the link for Color Wheels
http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing.htm
1) What are the primary colors?
2) What are complementary colors and how are they composed?
b. Enter the link below for RGB Color & CMYK
http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing_3.htm
1) How are colors shown on the computer monitor?
2) The amount of red, green, or blue in a color is known as:
3) RGB colors are translated digitally as
a. Hexadecimals
b. Percentages
c. Visit the link below for CMYK Color to answer the following questions.
http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing_4.htm
1) Which colors does CMYK represent?
2) CMYK colors are translated digitally as
a. Hexadecimals
b. Percentages
d. Enter the link for Hue, tints, shades, saturation
http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing_7.htm
1) In a color wheel, color is referred to as
a. Saturation
b. Shade
c. Tint
d. Hue
2) Complete the equation: Hue plus black equals ______
3) Complete the equations: Hue plus white equals ______
4) To lighten a hue, add:
a. White
b. Black
c. Shade
d. Tint
5) Light hues are called:
a. White
b. Black
c. Shade
d. Tint
e. Enter the link for Fine-tuning ColorCombinations
http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing_9.htm
1) Describe how hues can be adjusted for a more positive effect.
2) How does paper selection affect color?
3) Which colors are calming?
4) Which colors are exciting?
5) Which colors are mixed (cool and warm)?
6) Which colors are neutral?
f. Enter the link for Specifying Color
http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing_5.htm
1) How can multiple colors be created from a single color?
2) How can multiple colors be created from two or more colors?
3) Colors separated on the color wheel by another color
a. Harmonize
b. Contrast
c. Complement
d. Clash
4) Describe when harmonizing and contrasting colors are ineffective in a publication
g. Enter the link for
http://desktoppub.about.com/od/glossary/g/clashingcolors.htm
1) Colors that are directly opposite one another on the color wheel
a. Harmonize
b. Contrast
c. Complement
d. Clash
6412 Multimedia and Webpage Design Summer 2010 Unit A Page 27