Design Principles GCD60804/TASK 1（Exploration）

Design Principles GCD60804/TASK 1（Exploration）

6/2/2024 -20/2/2024  ( Week 1 - Week 3 ) 

Shao Han / 0369187

Design Principles / Bachelor's of Design Honors In Creative Media

Project 1 : Exploration 

INSTRUCTIONS 

Submission Requirement :

• To recap the design principles listed below based on our own understanding 
•  Pick and briefly describe one goal from the United Nations’ Sustainable Development Goals (UNSDG).
• Select an existing art/design work that revolves around that 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 in relation to the UNSDG goal and list the design principles you observed in that design.

Lecture Summary & Design Principles

LECTURE 1

• Gestalt theory

1. The human brain is wired to see patterns, logic, structure.
2. “Gestalt”refers to“shape" or“form" in German.
3. Gestalt principles or laws are rules that describe how the human eye perceives visual elements.
4. These principles aim to show how complex scenes can be reduced to more simple shapes.
5. They also aim to explain how the eyes perceive the shapes as a single, united form rather than the separate simpler elements involved.

• Contrast

1. Contrast is the juxtaposition of strongly dissimilar elements.
2. Without contrast, visual experience would be monotonous.
3. Contrast can provide visual interest, emphasise a point and express content.
   
   Fig 1.1 Orange & Blue design contrast by Color Palettes on Website, Week 1 (7/2/2024)

Fig 1.2 Size Contrast on Website , Week 1 (7/2/2024)

Fig 1.3 Texture Contrast poster on Website , Week 1 (7/2/2024)

LECTURE 2

• Emphasis and dominance

1. Emphasis is used to create dominance and focus in a design work.
2. Various elements can be used to create emphasis, such as colour, shapes or value, to achieve dominance.

Fig 2.1 Emphasis and dominance poster on Website , Week 2 (15/2/2024)

• Balance

1. Balance refers to the distribution of visual weight in a work of design.
2. It is the visual equilibrium of the elements that causes the total image to appear balanced.
3. Balance can be symmetrical or asymmetrical.

SYMMETRICAL BALANCE

Has equal “weight" on equal sides of a centrally placed fulcrum.

The equal arrangement of elements on either side of the central axis (horizontal or vertical) resulting in bilateral balance.

Arranging elements equally around a central point results in radial balance.

Approximate symmetry is when equivalent but not identical forms are arranged around the fulcrum line.

Fig 2.2 Symmetrical Balance poster on Website , Week 2 (15/2/2024)

ASYMMETRICAL BALANCE

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. 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.

Fig 2.3 Asymmetrical Balance poster on Website , Week 2 (15/2/2024)

LECTURE 3

• REPETITION pattern and rhythm

1. Repetition could make a work of design seem active.
2. The repetition of elements of design creates rhythm and pattern within the work.
3. Variety* is essential to keep rhythms exciting and active, and to avoid monotony.
4. Pattern increases visual excitement by enriching surface interest.

*It is about a change or slight difference in elements and objects in composition, to avoid a boring composition. Variety can also involve varying angles, exposure, composition, etc.

Fig 3.1 Repetition pattern and Rhythm poster on Website , Week 2 (15/2/2024)

• MOVEMENT

1. The way a design leads the eye in, around, and through a composition - the path the eye follows.
2. Motion or movement in a visual image occurs when objects seem to be moving in a visual image.
3. Movement in a visual image comes from the kinds of shapes, forms, lines, and curves that are used.

Fig 3.2 Movement poster on Pinterest by Phong Phan , Week 2 (15/2/2024)

LECTURE 4

• HARMONY

1. Harmony involves the selection of elements that share a common trait.
2. Harmony becomes monotony without variety.
3. Harmony is the sense that all of the elements of your design fit together. They may fit the same theme, aesthetic style or mood.

   

   Fig 4.1 Harmony poster by Xoooo9 on Pinterest , Week 3 (20/2/2024)

   
   

• UNITY

1. Unity refers to the repetition of particular elements throughout your design - whether they're colors, shapes or materials - to pull the look together.
2. Unity occurs when these elements are composed in such a way that they are balanced and give a sense of oneness, creating a theme.
3. Although unity and harmony may sound similar, they each play distinct roles in the way we experience design.

Fig 4.2 Unity poster on Website , Week 3 (20/2/2024)

LECTURE 5

• SYMBOL

1. A sign, shape, or object that is used to represent something else (Cambridge Dictionary,2020).
2. In design, symbols can provide or convey information, equivalent to one or more sentences of text, or even a whole story (Eco, 1976 & Pettersson, 2015).

PICTORIAL SYMBOLS

Image-related and simplified pictures.

Fig 5.2 Pictorial Symbols on Website , Week 3 (20/2/2024)

ABSTRACT SYMBOLS

Abstract symbols can look like the objects that they represent but have less details.

Fig 5.3 Abstract Symbols on Website , Week 3 (20/2/2024)

ARBITRARY SYMBOLS

Arbitrary symbols have no resemblance at all to the objects or the ideas they represent.

The symbol is invented with the meaning constructed. Many are based on geometric shapes and colours. We have to learn arbitrary symbols.

Fig 5.4 Arbitrary Symbols on Website , Week 3 (20/2/2024)

• WORD AND IMAGE

1. Imagery is a vital part of design, be it print or digital. Users and viewers are able to relate to a concept or a brand if the right images are used in a work of design. It is therefore important to use suitable and relevant images when designing.
2. Choosing the right words to pair with the imagery is 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.
3. Typography is the design and arrangement of text to convey a message or concept.

Fig 5.5 Arbitrary Symbols on Website , Week 3 (20/2/2024)

Conserve and sustainably use the oceans, seas and marine resources for sustainable development
Reason Why I Chose These Artwork The oceans cover more than 70% of the earth and produce at least 50% of the earth's oxygen. The ocean is one of the most magical, magnificent and vibrant places on earth.Marine biodiversity is not only an important part of the earth's life system, but also the basis of human health, well-being and prosperity.The selflessness and fragility of the ocean is a constant reminder that we need to work together to establish a new balance between human beings and the ocean, not to abuse marine resources, but to inject new vitality into the ocean.
Because of the marine garbage pollution over the years, the phenomenon of heavy fishing and the discharge of nuclear waste water in recent years, people are more and more worried about marine safety, especially whether the marine ecological environment will suffer serious disasters. I hope that poster publicity and design can be used to encourage people to take action to protect the ocean.

http://xhslink.com/Z8VuoBTitle:Go to extinctionDesigner's name:Wang Luyao

• World and Image
• Symbol
• Contrast
• Emphasis and Dominance
• Scale and Proportion
• Movement
• Rule of Thirds
• Asymmetrucal Balance

FEEDBACKweek2GENERAL FEEDBACKYou need to enlarge the picture so that you can see the details of the work clearly. The link under the picture needs to be the link of the original creation platform.SPECIFIC FEEDBACKThe blog needs homework introduction, weekly feedback, self-reflection and other content, which needs to be carried out according to certain standards.
week3GENERAL FEEDBACKYou need to add the corresponding picture and attach a link to the website to mark the picture with the serial number and the original author.SPECIFIC FEEDBACKIn order to highlight the theme I have chosen and list the design principles applied in the corresponding works, it is only necessary to explain them briefly and not to explain them in detail.
REFLECTIONSWe have learned a lot of knowledge of design principles, understood the types and application methods of design principles and the practical application in design, and learned how to integrate design principles into graphic design to make the design more beautiful and features. a variety of design principles can be incorporated into one design to make the design more unique, of course, we also need to learn to apply these principles to our own design, continue to learn to use skillfully.
FURTHER READING
INTROhttps://learn.leighcotnoir.com/artspeak/elements-color/hue-value-saturation/
http://desource.uvu.edu/dgm/2740/IN/steinja/lessons/03/l03_04.html?m=1
https://drawpaintacademy.com/artists-color-wheel/
LEC1https://www.interaction-design.org/
https://www.edgee.net/
LEC2https://www.smashingmagazine.com/2015/06/design-principles-compositional-balance-symmetry-asymmetry/
https://nicholastinelli.com/the-golden-ratio-origin-of-the-rule-of-thirds/
https://www.invisionapp.com/inside-design/golden-ratio-designers/
https://www.youtube.com/watch?v=c8ccsE_IumM
https://www.youtube.com/watch?v=HMjvvltQpmw
LEC3https://www.researchgate.net/publication/281811102_Information_Design-Principles_and_Guidelines
https://www.interaction-design.org/literature/topics/visual-hierarchy
LEC4https://www.researchgate.net/publication/281811102_Information_Design-Principles_and_Guidelines
LEC5https://issuu.com/simonerestifo/docs/libretto_di_ricerche/s/11170207
https://sacpdm10.weebly.com/uploads/1/6/8/1/16819406/signs_symbols_in_graphic_design.pdf
LEC6https://www.ala.org/acrl/standards/visualliteracy