Transcript Document

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/ARTiculationFinal/Ma
inPages/LineMain.htm
• http://www.getty.edu/education/for_teachers
/building_lessons/elements.html - line
• http://char.txa.cornell.edu/language/element
/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.force9.co.uk/web-colors/
http://www.efg2.com/Lab/Library/Color/index.ht
ml
• http://www.makart.com/resources/artclass/cwheel.
html
• http://www.ncsu.edu/scivis/lessons/colormodels/c
olor_models2.html
Value:the lightness or darkness
regardless of color
Space: an area above, around
between etc.
Form: 3d objects, real or
implied
Shape: a 2D 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/AndyGoldsworthy/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%3A%2F%
2Fwww.geocities.com%2FCollegePark%2FClassr
oom%2F6949%2Fpage3.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/
principl.htm
• http://www.brigantine.atlnet.org/Gigapalette
GALLERY/websites/ARTiculationFinal/Ma
inPages/PrinciplesMain.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.k12.ca.us/tier2/tier2info99/rules.html
• http://www.goshen.edu/art/ed/Compose.htm
• http://desktoppub.about.com/cs/basics/f/dtp_rules.
htm
• http://www.grantasticdesigns.com/5rules.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
Form Texture
Shape
Space
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_pod2.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_texture2.htm
•Bear, J. H. (2006). Value. Retrieved July 24, 2006, from
•http://desktoppub.about.com/od/elements/l/aa_color1.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_lines1.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&lgnF=Y&webtag=a
b-desktoppub3
•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%
3A%2F%2Fwww.geocities.com%2FCollegePark%2FClassroom%2F6949%2Fpage3.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/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/graphic6.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/10anatom/index.html
•Maeder, R. E. (1996). The mathematica programmer web site. Retrieved July 24, 2006,
from http://www.mathconsult.ch/showroom/pubs/MathProg/htmls/p1-6.htm
•McClurg-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/pattern1.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