Lesson 7

THEORY OF DESIGN

W E L C O M E !

LESSON 6

LESSON 8

LESSON 7 OUTLINE

SHORT DEMONSTARATION ON THEORY OF DESIGN: COLOR

Video_bc25198e-9427-4a0b-be44-6eb7a1208af1.mp4

HOW TO USE PRINCIPLES OF DESIGN

UNDERSTANDING THE PRINCIPLES OF DESIGN

FUNDAMNETALS OF DESIGN

COLOR

OBJECTIVES

At the end of the lesson the students should be able to;

understand and enumerate the different Elements and Principles of Theory of Design;
appreciate the importance of each elements and principles.
integrate the different theory of design;

L7 PRETEST.docx

THEORY OF DESIGN/DESIGN THEORY

Design theory involves the fundamentals and principles of creating visual communication and all types of art. Design theory is a system of ideas that explains how and why design works. Designers need to know how everything they put on a page communicates, influences, directs, invites, entices and excites an audience—design theory explains why.

ELEMENTS OF ART AND DESIGN

LINE

Line is a straight or curved mark that connects two points or is the path of a moving point. Lines vary in weight (thickness or thinness), direction, and length. Lines can also be implied.

Line is the dominant element that makes up this print. Each line is similar in weight and most of the lines are straight which conveys an orderly feeling. Short, curved lines create the puffs of steam billowing into the air. The implied lines in the image travel from the eyes of the two figures in the foreground toward the train. These invisible lines indicate that the train is the subject of this illustration.

SHAPE

A shape is a two-dimensional enclosed area limited to height and width which can be geometric (hard edge) or organic (soft edge)

This is an example of geometric shape and how shapes can be used together to create other shapes. Behind the seven red circles jutting out from the flat plane are four diamonds that touch at each end. Each diamond is created from four triangles. Together these triangles and diamonds create a star-like polygon out of the patterned background. The floral pattern in the background is made up of organic shapes. These type of shapes are irregular, free-form, and often found in nature.

FORM

Form is a three-dimensional shape that exhibits height, width, and depth. It can be geometric or organic.

The architectural elements of this chapel are made up of straight lines and triangular shapes thus creating a geometric form.

Soft curves and rounded features on this Iranian vessel of a ram contribute to its organic form. Although symmetrical, its form does not exhibit perfect, uniform measurements.

COLOR

Color is the perception of light reflected from the surface of a shape or form.

Color has three main characteristics:

Hue: Red, green, yellow, blue, etc. — each of these is a hue.
Value: How light or dark the color is.
Intensity: How bright or dull the color is.

Colors can also be described as warm or cool depending on which end of the color spectrum they fall on.

Red, blue, and yellow are the foundation of the color wheel. Their true color pigments cannot be created by mixing any other combination of colors. All other colors in the wheel are derived from these three hues.

Secondary colors are created by mixing equal parts of two Primary colors together:

Blue + Yellow = Green
Red + Yellow = Orange
Blue + Red = Violet

Tertiary colors are created by mixing equal parts of a Primary and Secondary colors together.

Complementary colors enhance each other. They are opposite colors and are located directly across from each other on the color wheel. These color combinations offer high contrast.

Analogous color schemes are comprised of three neighboring colors on the wheel. These combinations achieve a harmonious look and feel.

In this magnified image of pollen the range of values from white to black and all of the grays in between not only separates each grain from one another but also indicates how close or far away in space they are. For example, the pollen grains closest to the surface show a higher contrast with prominent white highlights and the recessed grains show less contrast and are more uniform. Gradation of value can be seen most clearly on the spherical, spiky grains.

VALUE

Value is the degree of lightness or darkness in a color. Contrast of value separates objects in space. Gradation of value suggests mass and contour.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

SPACE

Space is the distances and areas around, between, and within components of a design. There are two kinds of space:

Negative space: space that is not filled or occupied.
Positive space: space that is occupied by a shape or form.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

The cranes painted on this Japanese screen make up the positive space while the flat, gold background is the negative space. The abundance of space in this piece creates a sense of stillness and serenity.

Space can also create a visual illusion. In this image, negative and positive space are interchangeable depending on what part of the image your eye focuses on. By concentrating on the white shape will notice a cup against a black background. On the other hand, if you focus on the black shapes you will see two faces in profile looking at one another in front of a white background.

TEXTURE

Texture is the surface quality of an object that we can sense through touch. Texture can be tactile or visual.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

The fiber used to create this hat is an example of tactile texture. If one were to pick up the hat, or wear it, the texture would be felt through touch.

Visual texture is most apparent in the smoothness of the glass, the fluffiness of the bread, and the crisp white linen draped over the table.

PRINCIPLE OF ART AND DESIGN

BALANCE

Balance is the distribution of objects, colors, texture, and space. There are three types of balance: symmetrical, asymmetrical, and radial.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

Symmetrical balance: the elements used on one side of the design are similar on the other side.

In this photograph of the Taj Mahal the symmetrical balance is found in the architecture itself, the garden design, and the reflecting pool. The composition of the photo also contributes to the overall symmetry. The fountain heads that line the center of the reflecting pool serve to bisect the entire photo wherein each side mirrors the other.

Asymmetrical balance: the sides are different but still. looZXDk balanced.FDGDGDFG

This painting demonstrates asymmetrical balance through the composition of the cow and the dog in the foreground. The cow takes up two-thirds of the painting while the dog, which is markedly smaller, takes up one-third. Simultaneously, the background reciprocates the asymmetry in the foreground. The wooden shed mirrors the cow while the two cows mirror the dog creating an X-shape which fills the space and balances the composition.

Radial balance: the elements are arranged around a central point and may be similar.

This male Indian peacock splays it's train into a fan-like formation which fills the entirety of the frame. Focusing on the bird's body as the center point it's plumage is an example of radial symmetry. We can also see repetition of this type of symmetry in the eyespots along each feather as well as the white lines of light that shine through from behind the bird.

EMPHASIS

Emphasis is the part of the design that catches the viewer’s attention. Emphasis is created by contrasting an element with other elements. The area could be different in size, color, texture, shape, etc.

This photo of a European robin demonstrates emphasis though the contrast of subject and background. The bird is sharply in focus revealing it's morphological traits whereas the background is blurred into soft patches of color which allows the viewer to focus solely on the bird. The complementary colors in the image also serve to emphasize the bird. Namely, the juxtaposition of the robin's orange breast with the blue patch in the upper left corner and the robin's leg which has a hint of red to it that contrasts with the green tones in the background.

MOVEMENT

Movement is the path the viewer’s eye takes through the work of art or design. Movement can guide the viewer to focal areas or create the look or feeling of action.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

Although the figures in this photograph are static the positioning of their bodies creates a meandering line moving toward the background. This sinuous line is repeated and continued by the clotheslines strung between the buildings. When you couple the movement of this implied line with the fact that these men are bandits, the movement of the line compliments the qualities of a bandit: snaky and cunning.

In this infographic movement is found in the directional cues that guide your eye around the image. The dotted lines and arrows serve to direct the viewer through the process of how mercury makes its way from volcanoes, coal plants, and mines into and up the food chain. The graphic ends with advice for safe consumption of different kinds of seafood based on the mercury levels they contain.

PATTERN AND REPETITION

Pattern is the repeating of an element all over the work of art. Repetition works with pattern to make the work of art seem active.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

There are several repeating elements in this image that create a pattern. First, there are the curvilinear lines. Aside from creating a sense of movement they also create the boundaries of elongated organic shapes. Next, there is the repetition of colors ranging from green, to blue, to grey, white, and reddish-brown. Lastly, there are the organic forms of tress scattered throughout. All of these elements work together to convey an active, undulating landscape.

RHYTHM

Rhythm occurs when one or more elements of a design are used repeatedly to create a feeling of organized movement, or a visual tempo.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

In this collage the artist creates rhythm through the repetition of shape and pattern. Beginning with the red checkered floor the viewer's eye is drawn from the niches in front room into the subsequent middle and back rooms. Squares and rectangles are repeated throughout the composition. The spatial inconsistencies between the shapes and askew positioning creates tension while also guiding the eye throughout the piece.

PROPORTION

Proportion is the relative size and scale of the various elements within a design.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

Beginning with the two figures on the left we can see that their size relative to the buildings, rocks, and palm tree is realistic. Likewise, the size of the architectural structures and tree compared the the mountain range on the horizon line is naturalistic. The true proportion of all these elements that make up the scene creates a stable and believable scene.

Alternatively, proportion can be used to emphasize a certain element or concept by making the graphic or text larger than the other elements in the design. In this poster the words "art," "free," and "enroll now" are enlarged which works to catch the viewers eye and communicate the core message of the poster directly and succinctly.

VARIETY

Variety is the use of several elements of design to hold the viewer’s attention and to guide the viewer’s eye through and around the image.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

This diagram depicting the size of dinosaurs uses variety to convey the information clearly and concisely. First, there are two different types of shapes: the dinosaur and the human. This gives the viewer a reference for scale. Color is used as a key to separate the dinosaurs from one another and the differences in proportion make their lengths and heights easier to read. Lastly, line is used as a tool to show the size differences and contain the information.

UNITY

Unity is the feeling of harmony between all parts of the design which creates a sense of completeness.

NOTE: CLICK on the IMAGES for additional understanding of the samples.

Unity in this infographic is achieved through the repetition of colors, shape, and the proportion of text. The color scheme uses complimentary colors blue and orange to create high contrast and guide your eye throughout the composition. The rectangles that contain each block of information also creates a stable structure that unites the information. The legibility of the text is derived from choosing uniform fonts and keeping the proportions the same throughout.

LESSON 7 : LEARNING ACTIVITY

LESSON 7 - ACTIVITY 7.docx

LESSON 7 : COLLABORATIVE ACTIVITY

Direction: Group yourselves into 2 groups, chose between the topic Elements of Art and Design and Principle of Art and Design, discuss and browse online and create a report of the subject matter, each member of the group must participate in the reporting. You can use, power point, canva, and other free tools for visual presentation.

REFERENCES:

CONTENT SOURCE:

Salvan, S. (1986). Architectural Theory of Design. JMC PRESS, INC. 388 Quezon Avenue.

Goodman, D. J., & Mallgrave, H. F. (2011). An Introduction to Architectural Theory: 1968 to the Present (1st ed.). Wiley-Blackwell.

Ballard, S. (2014). Architectural Design Theory and Process: A Residential Design Handbook. Scott Ballard Architect llc.

URL: Design Theories and Principles.pdf | DocDroid

URL: Elements & Principles - Design Fundamentals - Library Guides at UC Berkeley

VIDEO:

https://youtu.be/Jg0DjhGXHbg

https://youtu.be/65WjYDEzi88

https://youtu.be/YqQx75OPRa0

https://youtu.be/_2LLXnUdUIc

Page updated

Report abuse