Design Principles - Task 1 (Exploration)
06/02/2024 - 23/02/2024 ( Week 1 - Week 3)
4. Principle of Proximity
The Golden Ratio
Chong Wee Han / 0368863
Design Principles / Bachelor of Design (Honours) in Creative Media /
Taylor's University
Task 1 - Exploration
INSTRUCTION
<iframe
src="https://drive.google.com/file/d/1GZ5IkXuHDAfTY0gUOwZO_wJk6aQme0rM/preview"
width="640" height="480" allow="autoplay"></iframe>
LECTURES
1. Gestalt Theory
-The human brain is wired to see patterns, logic, structure.
-Gestalt = shape or form
-Rules that describe how the human eye perceives visual elements.
-To show how complex scenes can be reduced to more simple shapes.
-Explain how the eyes perceive the shapes as a single united form rather than
separate simpler elements.
6 Types of Principles and Law in Gestalt Theory
![]() |
Figure 1.1 Gestalt Theory |
- Principle of Similarity
- Principle of Continuation
- Principle of Closure
- Principle of Proximity
- Principle of Figure/ Ground
- Law of Symmetry & Order
1. Principle of Similarity
- The human eye tends to perceive similar elements in a design as a complete picture, shape, or group even if those elements are separated.
- The brain seems to craft a link between elements of similar nature.
![]() |
Figure 1.2 Principle of Similarity |
2. Principle of Continuation
- The human eye follows the paths, lines, and curves of a design, and prefers to see a continuous flow of visual elements.
![]() |
Figure 1.3 Principle of Continuation |
3. Principle of Closure
- The human eye prefers to see complete shapes. If the visual elements are not complete, the user can perceive a complete shape by filling in the missing visual information.
![]() |
Figure 1.4 Principle of Closure |
- The process of ensuring related design elements are placed together.
![]() |
Figure 1.5 Principle of Proximity |
5. Principle of Figure / Ground
- Objects are instinctively perceived as being either in the foreground or the background.
![]() |
Figure 1.6 Principle of Figure / Ground |
6. Law of Symmetry & Order
- This law states that elements that are symmetrical to each other tend to be perceived as a unified group.
![]() |
Figure 1.7 Law of Symmetry & Order |
2. Contrast
-The juxtaposition of strongly dissimilar elements.
-Without contrast, visual experience would not be monotonous.
-Provide visual interest, emphasise a point and express content.
![]() |
Figure 1.8 Color contrast |
![]() |
Figure 1.9 Shapes contrast |
![]() |
Figure 1.10 Shapes contrast (architecture design) |
3. Emphasis
-To create dominance and focus in a design work.
-Various elements can be used to create emphasis (color, shapes or value) to
achieve dominance.
![]() |
Figure 1.11 Emphasis |
4. Balance
-Distribution of visual weight in a work of design.
-The visual equilibrium of the elements that cause the total image to appear
balanced.
-Can be symmetrical or asymmetric.
Symmetrical
-Equal weight on equal sides of a centrally placed fulcrum.
-Equal arrangement of elements on either side of the central axis (horizontal
or vertical) resulting in bilateral balance.
-Arranging elements equally around a central points results in radial
balance.
-Approximate symmetry (Equivalent but not identical forms are arranged around
the fulcrum line)
![]() |
Figure 1.12 Symmetrical |
Asymmetric
-Unequal visual weight on each side of the composition.
-One side of the composition might contain a dominant element, which could be
balanced by a couple or more lesser focal points on the other side.
-More dynamic and interesting and evokes feelings of modernism, movement,
energy and vitality.
-Offers more visual variety, although the relationship between the elements
are more complex.
![]() |
Figure 1.13 Asymmetric |
Also known as a phi, it is a mathematical concept and a number that goes on
indefinitely. The ratio itself comes from the Fibonacci sequence. Many have
perceived it as the representative of perfect beauty. The golden ratio has
been used for centuries as a guide to create visual balance in architecture
and paintings and it can also be used to bring harmony, balance and structure
to one's work.
![]() |
Figure 1.14 The Golden Ratio |
Rule of Thirds
A composition guideline to create more dynamism to a work of design, artwork,
etc. An image is divided evenly into thirds, both horizontally and vertically,
and the subject of the image is placed at the intersection of those dividing
lines, or along one of the lines itself.
![]() |
Figure 1.15 Rule of Thirds |
5. Repetition
-Make a work of design seem active.
-Create rhythm and pattern within the work.
-Variety is essential to keep rhythms exciting and active, and to avoid
monotony.
-Pattern increases visual excitement by enriching surface interest.
![]() |
Figure 1.16 Repetition |
6. Movement
-The way a design leads the eye in, around, and through a composition - the
path the eye follows.
-Occurs when objects seem to be moving in a visual image.
-Comes from the kinds of shapes, forms, lines and curves that are used.
![]() |
Figure 1.17 Movement |
7. Harmony & Unity
Harmony
-Involves the selection of elements that share a common trait.
-Becomes monotony without 'variety'.
-The sense that all of the elements of your design fit in together. They may
fit the same theme, aesthetic style or mood.
![]() |
Figure 1.18 Harmony |
Unity
-Refers to the repetition of particular elements throughout your design.
-Occurs when these elements are composed in such a way that they are balanced
and give a sense of oneness creating a theme.
![]() |
Figure 1.19 Unity |
Although harmony & unity may sound similar, they each play distinct roles
in the way we experience design.
8. Symbol
-A sign, shape, or object that is used to represent something else.
-Provide or convey information, equivalent to one or more sentences of text,
or even a whole story.
- Pictorial Symbols - Image-related and simplified pictures.
- Abstract Symbols - Look like the objects that they represent but have less details.
- Arbitrary Symbols - Have no resemblance at all to the objects or the ideas they represent. The symbol is invented with the meaning constructed. Many based on geometric shapes and colors. We have to learn arbitrary symbols.
![]() |
Figure 1.20 Pictorial Symbols |
![]() |
Figure 1.21 Abstract Symbols |
![]() |
Figure 1.23
Arbitrary Symbols |
9. Word & Image
-It is important to use suitable and relevant images when designing.
-Choosing the right words to pair with the imagery of high importance as it
would deepen the meaning of the design. Suitable typeface and strategic
positioning of the type will result in visual hierarchy and balance in a
work of design.
-Typography is the design and arrangement of text to convey a message or
concept.
![]() |
Figure 1.24 Word & Image |
TASK 1 - EXPLORATION
-Pick and briefly describe one goal from the United Nations' Sustainable
Development Goals (UNSDG).
-Select an existing art / design work that revolves around the goal of your
choice.
-Beneath the image, include the credit line of the art/design work (title of
art/design work, artist’s/designer’s name, year, size, medium, source link).
Some works may not have all these but provide as complete as possible.
-Explain, in about 100-150 words, why you chose that design about the UNSDG
goal and list the design principles you observed in that design.
Briefly describe one goal from the United Nations' Sustainable
Development Goals (UNSDG)?
GOAL 5 GENDER EQUALITY
Gender equality is a necessary foundation that needs to be aware of for a
peaceful prosperous and sustainable world. Although the topic of gender
equality has been progressing over the last decades, the world is still not
on track to achieve it in 2030. Gender inequality that occurs in our society
contains discrimination and violence against women and girls such as child
marriage, female genital mutilation and domestic violence. The unequal
rights to economic resources between women and men. The lack of women's
participation in leadership and decision-making roles, the unrecognized and
unvalued unpaid care and domestic work. Goal 5 is established to solve these
kinds of issues that happen in our lives. Goal 5 aims to handle the problems
of gender inequality and empower women in society.
![]() |
Figure 1.25 Goal 5 Artwork - Yo Mama by Wangechi Mutu |
Title of art : Yo Mama
Artist name : Wangechi Mutu
Year : 2003
Size : 150.2cm x 215.9cm
Medium : Drawing, Collage or other Work on Paper
Source link: https://www.artsy.net/artwork/wangechi-mutu-yo-mama
Why did you choose this design for the UNSDG goal?
The reason why I chose this artwork is because it is both interesting and
directly expresses the concept of women's power. I was first distracted by
the color of the artwork, the representative color of women which is pink
for the background color. The main character of the artwork pays tribute to
Funmilayo Anikulapo-Kuti, mother of the famous Afrobeat musician Fela Kuti. She fought against the practice of female genital mutilation. Thus, she is a pioneering feminist and the artwork depicts her bravery and courage
by using her stiletto boot to mulite the snake (an intrusive phallus). The artist Wangechi Mutu promotes empowerment, confidence and challenging stereotypes
in the artwork. The artwork is distinct and bold expressing the concept of
gender issues. The artwork also expresses gender equality in the character who is trying hard to prove the women's power which is also reflected in today's society .
(147 words)
Design Principles that observed in the artwork :
Contrast (woman, snake)
Emphasis (woman, snake)
Balance (Asymmetric, Rule of Thirds)
Harmony & Unity (the repetition of design)
Repetition (dots, tree and sun)
Movement (wave, snake)
FEEDBACK
Week 2 : Recommend to change the artwork and the reference images of design principles have to find by ourselves.
Week 3 : Add a more detailed explanation of why the artwork was related to goal 5.
REFLECTION
This is my first task in doing the module on design principles and I found it interesting when there are types of design principles shown in one image. Task 1 is more about learning UNSDG and choosing an artwork that is related to our chosen goal. I observe that I am more interested in the topic of gender equality and also doing this kind of research helps me gain more knowledge of gender equity issues. I also believe that the design principles that we learned can be useful for our future designs.
FURTHER READING
I chose this article as my further reading to get more understanding of design principles and there is also a detailed YouTube video commentary provided for me to watch. Let us know more about ' The 7 principles of design and how to use them '.
source link :
' Design is different from art and needs to be practical and functional. Unlike art, design is to solve the problem '. Design Principles are created to help viewers conveniently and quickly get on the point with the designs. Design is to let people see the message and not only the design, so the invention of design principles is very useful for designers to learn.
In the video, I also learned a new design principle that didn't show in our lectures and that is white space. It is the empty or unused area of your design and It keeps compositions from looking too cluttered
Extreme white spaces help reinforce brand association and also provide padding between objects. Or it can be used to create subtle secondary shapes.
Comments
Post a Comment