LECTURE 3 - PRINCIPLES OF DESIGN
Prep. by. Eden Dires
Nov. 2024
Design
principles
๏ƒ˜ Composition
โ€ข Arrangement of design elements to express something
๏ƒ˜ Elements of Design
โ€ข Building blocks of compositions
๏ƒ˜ Principles of Design
โ€ข ways of arranging or organizing design elements to
express something.
Design principles
๏ƒ˜ The principles of design are the rules a designer
must follow to create an effective and attractive
composition.
Design principles
โ€ข Seven principles encompass an interesting design.
1. Balance and Axis
2. Rhythm and repetition
3. Emphasis and Hierarchy
4. Scale and proportion
5. Datum
6. Harmony and Unity
7. Contrast and Variety
8. Movement
Design principles
balAnce
โ€ข Parts of the design are equally distributed to create
a sense of Stability.
โ€ข Both physical and visual balance exist.
โ€ข Types
๏ƒผ Symmetrical or formal balance
๏ƒผ Asymmetrical or informal balance
๏ƒผ Radial balance
๏ƒผ Vertical balance
๏ƒผ Horizontal balance
๏ƒผ Diagonal balance
Balance
โ€ข The elements within the design
are identical in relation to a
centerline or axis.
Symmetrical or Formal Balance
Balance
Center line
Axis
โ€ข The axis is a line established by two points in space, about which
forms and spaces can be arranged in a regular or irregular
manner.
Balance
Axis
Balance
Axis & Symmetry
Symmetrical or Formal Balance
โ€ขThe downside of symmetrical balance is that :itโ€™s static and
sometimes regarded as boring. Because half of the composition
mirrors the other half, at least half of the composition will be
rather predictable. But sometimes its necessary for monumentality
Balance
Asymmetrical or Informal Balance
โ€ขParts of the design are not identical but
are equal in visual weight.
โ€ขAsymmetrical balance is more dynamic
and interesting. It evokes feelings of
modernism, movement, energy and vitality.
Asymmetrical balance offers more visual
variety, although it can be more difficult to
achieve because the relationships between
elements are more complex.
Balance
Asymmetrical or Informal Balance
Balance
Radial Balance
โ€ขDesign elements radiate outward from the
center.
Galleria Vittorio Emanuele II Milan, Italy Frauenkirche Deresden, Germay
Balance
Radial Balance
Radial Balance
Because everything radiates from a common center,
everything also leads to that center, making it a strong point
of attraction.
Radial Balance
Vertical Balance
โ€ขDesign elements above & below are symmetrical
Balance
Balance
โ€ข The parts on the left and right sides are
symmetrical.
Chi Lin Buddhist Temple and Nunnery
Kowloon City, Hong Kong Building faรงade Limberg, Germany
Horizontal Balance
Balance
Diagonal Balance
โ€ข Design elements above & below diagonal line are symmetrical
Visual balance
Which one of the following is visually balanced in a
better way?
A
B
Which one of the following is visually balanced in a
better way?
A
B
What kinds of Balance do you observe?
What kind of Balance do you observe?
What kinds of Balance do you observe?
โ€ข Write-down the different types of balance, that you
can see on the picture in the next page and illustrate
your answers with sketches and descriptions.
Exercise
Balance
๏ƒ˜ Create a model showing the application of all the different types
of balance by using elements of design you have learned so far.
โ€ข A4 base, Max 5-10 cm ht.
โ€ข Material: The sky is the limit
โ€ข Out put: Creativity & Concept
โ€ข Submission Date: Friday/ Nov. 22, 2024
Assignment 1
Rhythm
โ€ข Any unifying movement
characterized by motifs at
regular or irregular intervals.
โ€ข The movement may be of our
eyes as we follow recurring
elements in composition.
โ€ข These elements provide
continuity and lead us to
anticipate what comes next.
Rhythm
Rhythm
โ€ข Types
๏ƒผ Regular rhythm
๏ƒผ Gradated rhythm
๏ƒผ Random rhythm
๏ƒผ Progressive rhythm
Regular Rhythm
โ€ขAn element is repeated at the same repetition/interval each time.
Repeating shape, color, pattern, line, surface
Cube house design
Rotterdam, Netherlands
Rhythm
Regular Rhythm
Random Rhythm
โ€ขThe beats of the element are random or are at irregular
intervals.
Rhythm
Random Rhythm
Gradated Rhythm
โ€ขRhythm created by gradual change in size or color.
Rhythm
Gradated Rhythm
โ€ขThe repeated element is identical with the exception of one
detail increasing or decreasing gradually with each repetition.
Left: Stack of rocks used as
focal point in landscaping
Right: The Chinese Tower
English Gardens, Munich,
Germany
Rhythm
Gradated Rhythm
โ€ข A progressive rhythm shows a sequence of forms
through a progression of steps.
Progressive Rhythm
Rhythm
Progressive Rhythm
Rhythm in architecture
๏ƒ˜ Create a model showing the application of the different
types of Rhythm by using the elements and principles of
design.
โ€ข A4 base, Max 5-10 cm ht.
โ€ข Material: The sky is the limit
โ€ข Out put: Creativity & Concept
โ€ข Submission Date: Friday/ Nov. 22 2021
Assignment 2
em
p
hasis
โ€ข Reflecting the degree of
importance.
โ€ข The star of the show.
Emphasis
โ€ข The visual emphasis can be achieved endowing a form or shape
with:
1. Exceptional size
2. Exceptional color
3. A unique shape
4. A strategic location
Emphasis
โ€ข The feature in a design that attracts oneโ€™s eye โ€“ the focal point.
โ€ข Emphasis can be achieved through size, placement, shape, color,
and/or use of lines.
Emphasis
Emphasis in architecture
๏ƒ˜ Create a model showing all the different methods of making
Emphasis by using the elements and principles of design.
โ€ข A4 base for each, Max 5 cm ht.
โ€ข Material: The sky is the limit
โ€ข Out put: Creativity & Concept
โ€ข Submission Date: Friday/ Nov 22, 2021
Assignment 3
hierarchy
โ€ข Way of establishing order from most
dominant to least dominant element.
โ€ข It establishes primary and secondary
elements that have a dependent
relationship.
โ€ข Achieved by changing size, shape or
location relative to the other forms.
Hierarchy
โ€ข Hierarchy by size
โ€ข Hierarchy by shape/orientation
โ€ข Hierarchy by placement
Hierarchy
Hierarchy in architecture
Hierarchy in architecture
โ€ขHierarchy is created by sequential
arrangement of shape, color, pattern
and position of the central atrium.
๏ƒ˜ Create a model showing all the different methods of
making Hierarchy by using the elements and principles of
design.
โ€ข A4 base for each, Max 5-10 cm ht.
โ€ข Material: The sky is the limit
โ€ข Out put: Creativity & Concept
โ€ข Submission Date: Friday/ Nov. 22, 2021
Assignment 4
scale
โ€ข Comparative
relationships between
elements in a design
with respect to size.
Scale
How big is this bad guy?
How big is it now?
And hereโ€ฆ?
โ€ข Scale in architecture is the proportional representation of a real-
world object in a drawing or model. It's expressed as a ratio, like
1:100, which shows how much smaller the object is. For example,
in a 1:100 scale drawing, 1 mm on the drawing represents 100
mm in real life.
Scale
proportion
โ€ข The relationship in size of one component (part) of a work of
art to another.
Proportion
The size of their head relative to their body
โ€ข the relationship between the different parts of a building,
and how those parts relate to the whole building. It's a key
aspect of architectural design that affects the building's
aesthetics, functionality, and how it impacts its surroundings.
Proportion
Proportion
โ€ขGolden mean- The natural and god's
proportioning method.
Proportion
๏ƒ˜ Read about the different types of proportioning systems in
architecture.
Reading assignment
Da um
โ€ข A reference to which other elements in a composition can relate.
โ€ข It organizes random pattern of elements through its regularity,
continuity, and constant presence.
Datum
โ€ข The introduction of one dominant element is needed otherwise
disordered composition will be produced.
โ€ข As an effective ordering device, a linear datum must have
sufficient visual continuity to cut through or bypass all of the
elements being organized.
Datum
โ€ข A datum, however, need not be a straight line. It can also be
planar or volumetric in form.
โ€ข A linear datum must have sufficient visual continuity to cut
through or bypass all of the elements being organized.
โ€ข If planar or volumetric in form, a datum must have sufficient
size, closure, and regularity to be seen as a figure.
Datum
โ€ข Line
โ€ข Plane
โ€ข Volume
Datum
Datum in architecture
harmony
โ€ข Pulling different pieces to have a visual togetherness.
Harmony
๏ƒ˜ Create a model showing datum and harmony as a
principle of design by using different contrasting elements
and principles of design.
โ€ข A4 base for each, Max 5-10 cm ht.
โ€ข Material: The sky is the limit
โ€ข Out put: Creativity & Concept
โ€ข Submission Date: Friday/ Nov. 22, 2021
Assignment 5
cont rast
โ€ข Noticeably different
โ€ข Can be created with
โ€ข Color
โ€ข Proportion and scale
โ€ข Shape
โ€ข Texture
โ€ข Etc.
Contrast
Contrast in architecture
โ€ข The visual quality of wholeness or oneness that is achieved
through the consistent use of lines, color, material, and/or texture
within a design.
Unity
Variety
Then variety might be
something like this.
โ€ข Variety consists of the
differences in objects that
add interest to a visual
image.
If this is harmony
Variety
โ€ข Variety can be achieved through differentiating the objects by
their line type, shape, color, texture, space, etc.
Variety
movement
Movement
1. What elements of design serve as datum in the following
photo and describe how.
Exercise
2. What elements of design create harmony in this photo
and describe how.
Exercise
3. What elements of design shows unity in the following photo
and describe how.
Exercise
4. What elements of design are contrasted in the following
photo and describe how.
Exercise
5. What elements of design bring variety in this photo and
describe how.
Exercise

Principles _of Design -03 # 12@100%..ppt

  • 1.
    LECTURE 3 -PRINCIPLES OF DESIGN Prep. by. Eden Dires Nov. 2024
  • 2.
  • 3.
    ๏ƒ˜ Composition โ€ข Arrangementof design elements to express something ๏ƒ˜ Elements of Design โ€ข Building blocks of compositions ๏ƒ˜ Principles of Design โ€ข ways of arranging or organizing design elements to express something. Design principles
  • 4.
    ๏ƒ˜ The principlesof design are the rules a designer must follow to create an effective and attractive composition. Design principles
  • 5.
    โ€ข Seven principlesencompass an interesting design. 1. Balance and Axis 2. Rhythm and repetition 3. Emphasis and Hierarchy 4. Scale and proportion 5. Datum 6. Harmony and Unity 7. Contrast and Variety 8. Movement Design principles
  • 6.
  • 7.
    โ€ข Parts ofthe design are equally distributed to create a sense of Stability. โ€ข Both physical and visual balance exist. โ€ข Types ๏ƒผ Symmetrical or formal balance ๏ƒผ Asymmetrical or informal balance ๏ƒผ Radial balance ๏ƒผ Vertical balance ๏ƒผ Horizontal balance ๏ƒผ Diagonal balance Balance
  • 8.
    โ€ข The elementswithin the design are identical in relation to a centerline or axis. Symmetrical or Formal Balance Balance Center line
  • 9.
    Axis โ€ข The axisis a line established by two points in space, about which forms and spaces can be arranged in a regular or irregular manner. Balance
  • 10.
  • 11.
  • 12.
    Symmetrical or FormalBalance โ€ขThe downside of symmetrical balance is that :itโ€™s static and sometimes regarded as boring. Because half of the composition mirrors the other half, at least half of the composition will be rather predictable. But sometimes its necessary for monumentality Balance
  • 13.
    Asymmetrical or InformalBalance โ€ขParts of the design are not identical but are equal in visual weight. โ€ขAsymmetrical balance is more dynamic and interesting. It evokes feelings of modernism, movement, energy and vitality. Asymmetrical balance offers more visual variety, although it can be more difficult to achieve because the relationships between elements are more complex. Balance
  • 14.
    Asymmetrical or InformalBalance Balance
  • 15.
    Radial Balance โ€ขDesign elementsradiate outward from the center. Galleria Vittorio Emanuele II Milan, Italy Frauenkirche Deresden, Germay Balance
  • 16.
  • 17.
  • 18.
    Because everything radiatesfrom a common center, everything also leads to that center, making it a strong point of attraction. Radial Balance
  • 19.
    Vertical Balance โ€ขDesign elementsabove & below are symmetrical Balance
  • 20.
    Balance โ€ข The partson the left and right sides are symmetrical. Chi Lin Buddhist Temple and Nunnery Kowloon City, Hong Kong Building faรงade Limberg, Germany Horizontal Balance
  • 21.
    Balance Diagonal Balance โ€ข Designelements above & below diagonal line are symmetrical
  • 22.
  • 23.
    Which one ofthe following is visually balanced in a better way? A B
  • 24.
    Which one ofthe following is visually balanced in a better way? A B
  • 25.
    What kinds ofBalance do you observe?
  • 26.
    What kind ofBalance do you observe?
  • 27.
    What kinds ofBalance do you observe?
  • 28.
    โ€ข Write-down thedifferent types of balance, that you can see on the picture in the next page and illustrate your answers with sketches and descriptions. Exercise Balance
  • 30.
    ๏ƒ˜ Create amodel showing the application of all the different types of balance by using elements of design you have learned so far. โ€ข A4 base, Max 5-10 cm ht. โ€ข Material: The sky is the limit โ€ข Out put: Creativity & Concept โ€ข Submission Date: Friday/ Nov. 22, 2024 Assignment 1
  • 31.
  • 32.
    โ€ข Any unifyingmovement characterized by motifs at regular or irregular intervals. โ€ข The movement may be of our eyes as we follow recurring elements in composition. โ€ข These elements provide continuity and lead us to anticipate what comes next. Rhythm
  • 33.
    Rhythm โ€ข Types ๏ƒผ Regularrhythm ๏ƒผ Gradated rhythm ๏ƒผ Random rhythm ๏ƒผ Progressive rhythm
  • 34.
    Regular Rhythm โ€ขAn elementis repeated at the same repetition/interval each time. Repeating shape, color, pattern, line, surface Cube house design Rotterdam, Netherlands Rhythm
  • 35.
  • 36.
    Random Rhythm โ€ขThe beatsof the element are random or are at irregular intervals. Rhythm
  • 37.
  • 38.
    Gradated Rhythm โ€ขRhythm createdby gradual change in size or color. Rhythm
  • 39.
    Gradated Rhythm โ€ขThe repeatedelement is identical with the exception of one detail increasing or decreasing gradually with each repetition. Left: Stack of rocks used as focal point in landscaping Right: The Chinese Tower English Gardens, Munich, Germany Rhythm
  • 40.
  • 41.
    โ€ข A progressiverhythm shows a sequence of forms through a progression of steps. Progressive Rhythm Rhythm
  • 42.
  • 43.
  • 44.
    ๏ƒ˜ Create amodel showing the application of the different types of Rhythm by using the elements and principles of design. โ€ข A4 base, Max 5-10 cm ht. โ€ข Material: The sky is the limit โ€ข Out put: Creativity & Concept โ€ข Submission Date: Friday/ Nov. 22 2021 Assignment 2
  • 45.
  • 46.
    โ€ข Reflecting thedegree of importance. โ€ข The star of the show. Emphasis
  • 47.
    โ€ข The visualemphasis can be achieved endowing a form or shape with: 1. Exceptional size 2. Exceptional color 3. A unique shape 4. A strategic location Emphasis
  • 48.
    โ€ข The featurein a design that attracts oneโ€™s eye โ€“ the focal point. โ€ข Emphasis can be achieved through size, placement, shape, color, and/or use of lines. Emphasis
  • 49.
  • 50.
    ๏ƒ˜ Create amodel showing all the different methods of making Emphasis by using the elements and principles of design. โ€ข A4 base for each, Max 5 cm ht. โ€ข Material: The sky is the limit โ€ข Out put: Creativity & Concept โ€ข Submission Date: Friday/ Nov 22, 2021 Assignment 3
  • 51.
  • 52.
    โ€ข Way ofestablishing order from most dominant to least dominant element. โ€ข It establishes primary and secondary elements that have a dependent relationship. โ€ข Achieved by changing size, shape or location relative to the other forms. Hierarchy
  • 53.
    โ€ข Hierarchy bysize โ€ข Hierarchy by shape/orientation โ€ข Hierarchy by placement Hierarchy
  • 54.
  • 55.
    Hierarchy in architecture โ€ขHierarchyis created by sequential arrangement of shape, color, pattern and position of the central atrium.
  • 56.
    ๏ƒ˜ Create amodel showing all the different methods of making Hierarchy by using the elements and principles of design. โ€ข A4 base for each, Max 5-10 cm ht. โ€ข Material: The sky is the limit โ€ข Out put: Creativity & Concept โ€ข Submission Date: Friday/ Nov. 22, 2021 Assignment 4
  • 57.
  • 58.
    โ€ข Comparative relationships between elementsin a design with respect to size. Scale
  • 59.
    How big isthis bad guy?
  • 60.
    How big isit now?
  • 61.
  • 63.
    โ€ข Scale inarchitecture is the proportional representation of a real- world object in a drawing or model. It's expressed as a ratio, like 1:100, which shows how much smaller the object is. For example, in a 1:100 scale drawing, 1 mm on the drawing represents 100 mm in real life. Scale
  • 64.
  • 65.
    โ€ข The relationshipin size of one component (part) of a work of art to another. Proportion
  • 66.
    The size oftheir head relative to their body
  • 67.
    โ€ข the relationshipbetween the different parts of a building, and how those parts relate to the whole building. It's a key aspect of architectural design that affects the building's aesthetics, functionality, and how it impacts its surroundings. Proportion
  • 68.
    Proportion โ€ขGolden mean- Thenatural and god's proportioning method.
  • 69.
  • 70.
    ๏ƒ˜ Read aboutthe different types of proportioning systems in architecture. Reading assignment
  • 71.
  • 72.
    โ€ข A referenceto which other elements in a composition can relate. โ€ข It organizes random pattern of elements through its regularity, continuity, and constant presence. Datum
  • 73.
    โ€ข The introductionof one dominant element is needed otherwise disordered composition will be produced. โ€ข As an effective ordering device, a linear datum must have sufficient visual continuity to cut through or bypass all of the elements being organized. Datum
  • 74.
    โ€ข A datum,however, need not be a straight line. It can also be planar or volumetric in form. โ€ข A linear datum must have sufficient visual continuity to cut through or bypass all of the elements being organized. โ€ข If planar or volumetric in form, a datum must have sufficient size, closure, and regularity to be seen as a figure. Datum
  • 75.
  • 76.
  • 77.
  • 78.
    โ€ข Pulling differentpieces to have a visual togetherness. Harmony
  • 79.
    ๏ƒ˜ Create amodel showing datum and harmony as a principle of design by using different contrasting elements and principles of design. โ€ข A4 base for each, Max 5-10 cm ht. โ€ข Material: The sky is the limit โ€ข Out put: Creativity & Concept โ€ข Submission Date: Friday/ Nov. 22, 2021 Assignment 5
  • 80.
  • 81.
    โ€ข Noticeably different โ€ขCan be created with โ€ข Color โ€ข Proportion and scale โ€ข Shape โ€ข Texture โ€ข Etc. Contrast
  • 82.
  • 83.
    โ€ข The visualquality of wholeness or oneness that is achieved through the consistent use of lines, color, material, and/or texture within a design. Unity
  • 84.
  • 85.
    Then variety mightbe something like this. โ€ข Variety consists of the differences in objects that add interest to a visual image. If this is harmony Variety
  • 86.
    โ€ข Variety canbe achieved through differentiating the objects by their line type, shape, color, texture, space, etc. Variety
  • 87.
  • 88.
  • 89.
    1. What elementsof design serve as datum in the following photo and describe how. Exercise
  • 90.
    2. What elementsof design create harmony in this photo and describe how. Exercise
  • 91.
    3. What elementsof design shows unity in the following photo and describe how. Exercise
  • 92.
    4. What elementsof design are contrasted in the following photo and describe how. Exercise
  • 93.
    5. What elementsof design bring variety in this photo and describe how. Exercise

Editor's Notes

  • #5ย Different lists of design principles are used by various occupational areas. You can make the analogy that the principles of design are similar to how you combine and utilize baking ingredients. Do you blend, whip or fold, do you fry, bake or broil, slow roast, or microwave? How much flour, salt, spice, or baking powder do you use?
  • #8ย Taj Mahal Mausoleum was designed as a tomb by Emperor Shah Jahan for his young wife Mumatz Mahal. With the onion domes, it is a famous example of Islamic architecture.
  • #12ย This building is asymmetrical, but because it is located quite a distance from the main section, the large boxy section far left balances the main section of the chateau.
  • #13ย This building is asymmetrical, but because it is located quite a distance from the main section, the large boxy section far left balances the main section of the chateau.
  • #14ย This building is asymmetrical, but because it is located quite a distance from the main section, the large boxy section far left balances the main section of the chateau.
  • #15ย The Galleria Vittorio Emanuele II dome encloses an octagonal space formed at the intersection of two intersecting streets. Designed in 1861 and built between 1865 and 1877, it is an early formal covered street.
  • #18ย A vertical balance is achieved by the reflection of the building in the water
  • #19ย A vertical balance is achieved by the reflection of the building in the water
  • #20ย A vertical balance is achieved by the reflection of the building in the water
  • #21ย A vertical balance is achieved by the reflection of the building in the water
  • #28ย This is the first floor plan of Saint Basilโ€™s Cathedral. If you ignore the three entrances, the floor plan displays radial balance. Notice that the it also displays horizontal and vertical balance.
  • #32ย This is the first floor plan of Saint Basilโ€™s Cathedral. If you ignore the three entrances, the floor plan displays radial balance. Notice that the it also displays horizontal and vertical balance.
  • #33ย This is the first floor plan of Saint Basilโ€™s Cathedral. If you ignore the three entrances, the floor plan displays radial balance. Notice that the it also displays horizontal and vertical balance.
  • #34ย A regular rhythm is created in the floor shown on the left by repeating the same pattern of bricks and tiles. The undulating hotel balconies shown on the right are repeated at each level, creating a regular rhythm.
  • #35ย A regular rhythm is created in the floor shown on the left by repeating the same pattern of bricks and tiles. The undulating hotel balconies shown on the right are repeated at each level, creating a regular rhythm.
  • #36ย The repeated use of the onion domes creates a random rhythm in the design of Saint Basilโ€™s Cathedral.
  • #37ย The repeated use of the onion domes creates a random rhythm in the design of Saint Basilโ€™s Cathedral.
  • #40ย The repeated use of the onion domes creates a random rhythm in the design of Saint Basilโ€™s Cathedral.
  • #42ย The repeated use of the onion domes creates a random rhythm in the design of Saint Basilโ€™s Cathedral.
  • #49ย What draws your attention in the image? Why? Is it size, placement, color, or use of another element? Although the mosaic is on the ceiling in the top image, because of the bright colors (which contrast with the neutral colors of the surrounding structure), the mosaic is the focal point. The tower of the mosque is emphasized due to colored light, its height (much taller than surrounding structure) and its shape (round form contrasts with angular edges of the rest of the building) [click] This is a picture of the Bahai Gardens in Haifa, Israel. The domed building in the distance is emphasized here โ€“ Why? Location โ€“ The building is centered horizontally. Lines โ€“ All lines lead to the building including the horizon line, the stairway, and lines of trees. Shape โ€“ The building is a geometric shape which contrasts with the surrounding organic (natural) shapes and therefore stands out.
  • #58ย Because of its height, the Washington Monument is the most prominent structure in Washington, D.C., shown here with the Lincoln Memorial in the foreground and the U. S. Capitol building in the background. The monument is shaped like an Egyptian Obelisk and stands 555 ft - 5 1/8 in. tall.
  • #63ย Because of its height, the Washington Monument is the most prominent structure in Washington, D.C., shown here with the Lincoln Memorial in the foreground and the U. S. Capitol building in the background. The monument is shaped like an Egyptian Obelisk and stands 555 ft - 5 1/8 in. tall.
  • #83ย Many colleges achieve a sense of unity throughout the campus by consistently using specific materials. West Virginia University in Morgantown uses red brick. Notice that the red brick used in the buildings is also used in the landscape walls in the foreground. In the image on the right, unity is achieved in the home interior by a consistent use of color (yellow and white) and smooth texture.