ELEMENTS OF DESIGN

1. ELEMENTS OF DESIGN

2. Elements of Design The building blocks of design.

3. Line A line is defined as a mark with length and direction, created by a point that moves across a surface. A line can vary in length, width, direction, curvature, and color. Line can be two-dimensional (a pencil line on paper), or implied three-dimensional.

5. Lines • Lines can be straight or curved. • How are lines used in the composition on this slide?

6. Lines • Lines can indicate motion or direction. • How are lines used in the composition on this slide?

7. Shape A flat figure, shape is created when actual or implied lines meet to surround a space. A change in color or shading can define a shape. Shapes can be divided into several types: geometric (square, triangle, circle) and organic (irregular in outline).

8. Shapes • Shapes are enclosed objects that can be created by line or created by color and value changes that define their edges.

10. Size This refers to variations in the proportions of objects, lines or shapes. There is a variation of sizes in objects either real orimagined.

12. Space Space is the empty or open area between, around, above, below, or within objects.

13. Shapes and forms are made by the space around and within them. Space is often called three-dimensional or two- dimensional. Positive space is filled by a shape or form. Negative space surrounds a shape or form. Space

15. Color Color is the perceived character of a surface according to the wavelength of light reflected from it.

16. Color has three dimensions: • HUE (another word for color, indicated by its name such as red or yellow) • VALUE (its lightness or darkness), • INTENSITY (its brightness or dullness).

18. Color definitions • Hue is another word for color. • Chroma is the intensity or purity of color. • Tint is a color mixed with white. • Tone is a color mixed with gray. • Shade is a color mixed with black.

19. Color and contrast • Using color can enhance or detract from a composition.www.lighthouse.org/color_contrast.htm • Color wheels help determine which colors are in greatest contrast. • Use Kuler from Adobe Labs to try out new color schemes: http://kuler.adobe.com/

20. Color Wheel

21. Color wheels • Analogous colors are a palette of compatible color combinations that blend well together. They are neighbors on the color wheel. They tend to live harmoniously because they are relatives to each other. • Complementary colors are opposite each other on the color wheel. They contrast, enhance and intensify each other. Therefore, complementary colors need to be used with caution.

22. Color in design • Use color to label or show hierarchy. • Use color to represent or imitate reality. • Use color to unify, separate, or emphasize. • Use color to decorate. • Use color consistently.

23. Color • Color theory encompasses a multitude of definitions, concepts and design applications. • All the information would fill several encyclopedias. As an introduction, here are a few basic concepts.

24. Primary ColorsRed,Yellow & Blue • A color circle, based on red, yellow and blue, is traditional in the field of art. Sir Isaac Newton developed the first circular diagram of colors in 1666. • Since then scientists and artists have studied and designed numerous variations of this concept. • Differences of opinion about the validity of one format over another continue to provoke debate. • In reality, any color circle or color wheel which presents a logically arranged sequence of pure hues has merit.

25. Primary ColorsRed,Yellow & Blue In traditional color theory, these are the 3 pigment colors that can not be mixed or formed by any combination of other colors. All other colors are derived from these 3 hues

26. Secondary Colors GREEN ORANGE PURPLE These are the colors formed by mixing the primary colors.

27. TERTIARY COLORS yellow-green. Yellow-orange blue-green red-orange blue-purple red-purple,

28. Analogous colors Analogous colors are any three colors which are side by side on a 12 part color wheel, such as yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates.

29. Complementary Colors Complementary colors are any two colors which are directly opposite each other, such as red and green and red-purple and yellow-green. In the illustration above, there are several variations of yellow-green in the leaves and several variations of red-purple in the orchid. These opposing colors create maximum contrast and maximum stability.

30. Nature Color Nature provides a perfect departure point for color harmony. In the illustration above, red yellow and green create a harmonious design, regardless of whether this combination fits into a technical formula for color harmony.

31. Color Context How color behaves in relation to other colors and shapes is a complex area of color theory. Compare the contrast effects of different color backgrounds for the same red square. Red appears more brilliant against a black background and somewhat duller against the white background. In contrast with orange, the red appears lifeless; in contrast with blue-green, it exhibits brilliance. Notice that the red square appears larger on black than on other background colors.

32. Different readings of the same color If your computer has sufficient color stability and gamma correction (link to Color Blind Computers) you will see that the small purple rectangle on the left appears to have a red-purple tinge when compared to the small purple rectangle on the right. They are both the same color as seen in the illustration below. This demonstrates how three colors can be perceived as four colors.

33. Different readings of the same color Observing the effects colors have on each other is the starting point for understanding the relativity of color. The relationship of values, saturations and the warmth or coolness of respective hues can cause noticeable differences in our perception of color.

34. Color Color Theory and Color Schemes

35. Color: The result of light reflecting off of a surface.

36. Color Theory: A body of practical guidance to color mixing and the visual impacts of specific color combinations. (wikipedia.org)

37. According to color theory, certain color combinations work better than others. Using color schemes can help with the over all success of a composition.

38. Color Schemes: An arrangement or pattern of colors or colored objects conceived of as forming an integrated whole. (dictionary.com)

39. Color Schemes: Primary: Red, Blue, Yellow Secondary: Orange, Purple, Green Tertiary/Intermediate colors: The colors in between a primary and secondary color. Complimentary: Colors across from each other on the color wheel; green/red, orange/blue, and purple/yellow Analogous: Colors that are next to each other on the color wheel; red, orange, yellow. Monochromatic: One color, plus value (black and white)

40. Primary: Red, Blue, Yellow

41. Secondary: Orange, Green, Purple

43. Complimentary Colors: Colors across from each other on the color wheel. RedandGreen Orangeand Blue Yellowand Violet

44. Orange and Blue…

45. Red and Green.

46. Spilt-Complimentary Colors: Triad of colors consisting of a compliment, plus the two tertiary/intermediate colors on each side of it’s compliment.

47. An example of split-complimentary…

49. Analogous Colors: Colors next to each other on the color wheel. Red, orange, and yellow. Green, Blue, Purple.

50. Examples of analogous compositions…