Design and Multimedia How to Create Aesthetically Pleasing

Design and Multimedia How to Create Aesthetically Pleasing Multimedia Products Certain materials are included under the fair use exemption of the U. S. Copyright Law and have been prepared according to the educational multimedia fair use guidelines and are restricted from further use.

The Elements of Art

Line: a mark made by a moving point. It can divide the surface area to help with organization. It can point to things and create depth It can lead your eye and create pattern, even when broken Lines can also be implied, such as the diagonal created here with the beginning letters.

Line Links • http: //www. brigantine. atlnet. org/Gigapalette GALLERY/websites/ARTiculation. Final/Ma in. Pages/Line. Main. htm • http: //www. getty. edu/education/for_teacher s/building_lessons/elements. html - line • http: //char. txa. cornell. edu/language/element. htm

Color: The optical effect of light rays bouncing or absorbing from a surface

Color Sites • • http: //www. worqx. com/color/ http: //www. metatoggle. com/design_crs/color. html http: //www. mywebsite. force 9. co. uk/web-colors/ http: //www. efg 2. com/Lab/Library/Color/index. ht ml • http: //www. makart. com/resources/artclass/cwheel. html • http: //www. ncsu. edu/scivis/lessons/colormodels/c olor_models 2. html

Value: the lightness or darkness regardless of color

Space: an area above, around between etc.

Form: 3 d objects, real or implied

Shape: a 2 D area enclosed by an edge • Geometric • Organic

Line, Value and Shape Combined

Texture: the surface quality, realistic or implied

Elements • http: //www. writedesignonline. com/historyculture/Andy. Goldsworthy/overview. htm#line • http: //www. artsconnected. org/toolkit/index. html • http: //desktoppub. about. com/gi/dynamic/offsite. ht m? zi=1/XJ&sdn=desktoppub&zu=http%3 A%2 F% 2 Fwww. geocities. com%2 FCollege. Park%2 FClassr oom%2 F 6949%2 Fpage 3. html

Principles of Design • • Balance Rhythm Proportion Contrast Unity/Proximity Repetition White Space

Balance

Balance

Rhythm: repeating art elements to create pattern

Repetition: Uses a one-dimensional arrangement of identical intervals between elements to create predictable, reassuring patterns. Harmony: Uses rhythm to emphasize a particular "beat" within a arrangement of intervals. Discord: Uses large, contrasting intervals between elements to maximize tensions and heighten recognition.

Repetition

Proportion: The relationship between sizes

Contrast

Contrast and Type Yellow text on a white background or blue text on a black background, are difficult to read due to the low level of contrast between figure and ground. Some color combinations, such as red text on a blue background, cause illusions when positioned together.

Unity

Alignment

Whitespace

Principles • http: //www. digitalweb. com/articles/principles_of_design/ • http: //www. johnlovett. com/test. htm • http: //char. txa. cornell. edu/language/principl. htm • http: //www. brigantine. atlnet. org/Gigapalette GALLERY/websites/ARTiculation. Final/Ma in. Pages/Principles. Main. htm

Good Web Designs • • http: //www. webdesignfromscratch. com/ current-style. cfm http: //www. webbyawards. com/webbys/ current. php http: //www. math. duke. edu/education/ccp/ resources/write/design/graphicindex. html http: //www. mowa. org/

Rules of Graphic Design • http: //pblmm. k 12. ca. us/tier 2 info 99/rules. html • http: //www. goshen. edu/art/ed/Compose. htm • http: //desktoppub. about. com/cs/basics/f/dtp_rules. htm • http: //www. grantasticdesigns. com/5 rules. html • http: //cherylstephens. com/professional/communic ation/Design. pdf • http: //www. digitalweb. com/articles/principles_and_elements_of_des ign/

Your Rubric

Color Value Line Shape Space Form Texture Balance Proportion Rhythm Contrast Repetition Unity Best Site Award Design & Multimedia

Image Sources in Alphabetical Order All images have been hyperlinked to their source • Bartel, M. (2000). Some ideas about composition and design. Retrieved July 24, 2006, from http: //www. goshen. edu/art/ed/Compose. htm • Bear, J. H. (2006). Illustrating the principals of design. • Retrieved July 24, 2006, from • http: //desktoppub. about. com/od/designprinciples/l/aa_pod 2. htm • Bear, J. H. (2006). Hues, tints, shades and saturation colors. • Retrieved July 24, 2006, from http: //desktoppub. about. com/od/howcolorworks/l/aa_colorhues. htm • Bear, J. H. (2006). Lines rule!. Retrieved July 24, 2006, from http: //desktoppub. about. com/od/layout/l/aa_linesrules. htm • Bear, J. H. (2006). Perception of color. • Retrieved July 24, 2006, from http: //desktoppub. about. com/od/howcolorworks/l/aa_colorsee. htm

• Bear, J. H. (2006). Sixties color combinations. Retrieved July 24, 2006, from • http: //desktoppub. about. com/od/colorpalettes/l/blcpsixties. htm • Bear, J. H. (2006). Art deco color combinations. Retrieved July 24, 2006, from • http: //desktoppub. about. com/od/colorpalettes/l/blcpartdeco. htm • Bear, J. H. (2006). Current color combinations. Retrieved July 24, 2006, from http: //desktoppub. about. com/od/colorpalettes/l/blcpcurrentrave. htm • Bear, J. H. (2006). Texture. Retrieved July 24, 2006, from http: //desktoppub. about. com/od/elements/l/aa_texture 2. htm • Bear, J. H. (2006). Value. Retrieved July 24, 2006, from • http: //desktoppub. about. com/od/elements/l/aa_color 1. htm • Bear, J. H. (2006). Logo design. Retrieved July 24, 2006, from http: //desktoppub. about. com/od/logos/ss/logobasics_4. htm • Bear, J. H. (2006). Logo design. Retrieved July 24, 2006, from http: //desktoppub. about. com/od/logos/ss/logobasics_2. htm • Bear, J. H. (2006). Appearance of lines. Retrieved July 24, 2006, from http: //desktoppub. about. com/od/elements/l/aa_lines 1. htm

• Bear, J. H. (2006), Principals of design, Retrieved July 24, 2006, from http: //forums. about. com/n/pfx/forum. aspx? msg=32. 1&nav=messages&lgn. F=Y&webtag=a b-desktoppub 3 • Castigliano, C. (1998). Creating contrast: How to draw the eye. Retrieved July 24, 2006, from http: //www. metatoggle. com/design_crs/size. html • Clark, A. C. , & Wiebe, E. N. (2002, April 18). Color principles-hue, saturation, and value. Retrieved July 24, 2006, from http: //www. ncsu. edu/scivis/index. html • Elements of design (1997). Retrieved July 24, 2006, from http: //desktoppub. about. com/gi/dynamic/offsite. htm? zi=1/XJ&sdn=desktoppub&zu=http% 3 A%2 F%2 Fwww. geocities. com%2 FCollege. Park%2 FClassroom%2 F 6949%2 Fpage 3. html • Hurtado, J. L. (2001). Jorge l. hurtado portfolio web. Retrieved July 24, 2006, from http: //jorgehurtado. com/portfolio/web/index. html • Imagemaker Development Inc. (2000). Color theory. Retrieved July 24, 2006, from http: //www. colorcube. com/articles/theory. htm • J. Paul Getty Trust (n. d. ). The elements of art. Retrieved July 24, 2006, from http: //www. getty. edu/education/for_teachers/building_lessons/elements. html • Jacobs, J. , & Mueller, W. (2001, May 31). Design principles. Retrieved July 24, 2006, from http: //www. math. duke. edu/education/ccp/resources/write/design/graphic 6. html • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/element/wright. gif

• Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/element/cathedra. gif • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/element/dancer. gif • • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/element/color/printe. gif • • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/element/color/light. jpg • • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/element/form/boulder. gif • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/principl/italia. gif

• Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from http: //char. txa. cornell. edu/language/principl/whistl. gif • Jirousek, C. (1995). Art, design, and visual thinking. Retrieved July 24, 2006, from • http: //char. txa. cornell. edu/language/principl/rhythm/klee. gif • Kren, E. (n. d. ). Web gallery of art. Retrieved July 25, 2006, from http: //www. kfki. hu/~/arthp/html/l/leonardo/10 anatom/index. html • Maeder, R. E. (1996). The mathematica programmer web site. Retrieved July 24, 2006, from http: //www. mathconsult. ch/showroom/pubs/Math. Prog/htmls/p 1 -6. htm • Mc. Clurg-Genevese, J. D. (2006, April 17). Principles and elements of design. Retrieved July 25, 2006, from http: //www. digitalweb. com/articles/principles_and_elements_of_design/ • Sanford (1998). A lifetime of color. Retrieved July 24, 2006, from http: //www. sanfordartedventures. com/study/g_rhythm. html • The art window (n. d. ). Retrieved July 24, 2006, from http: //www. mmwindowtoart. com/foundations/shape. html • The art window (n. d. ). Retrieved July 24, 2006, from http: //www. mmwindowtoart. com/foundations/spatial. html

• The art window (n. d. ). Retrieved July 24, 2006, from http: //www. mmwindowtoart. com/foundations/repetition. html • The art window (n. d. ). Retrieved July 24, 2006, from http: //www. mmwindowtoart. com/foundations/pattern 1. html • Saw, J. T. (2001). Art 104: Design and composition. Retrieved July 25, 2006, from http: //daphne. palomar. edu/design/emphasis. html • Sanford (1998). A lifetime of color. Retrieved July 24, 2006, from • http: //www. sanford-artedventures. com/study/g_unity. html