DESIGN PRINCIPLE / EXERCISE 1

2.8.2021 - ?.?.2021 (Week 1 - Week 5) 

Muhammad Azka Farezi Septenal / 0351345 / Bachelor of Design (hons) in Cretive Media 
Design Principles
Exercises

---

JUMP LINK :

Final submission :

• Final Submission ( Gestalt )
• Final Submission ( Contrast )

---

LECTURE

Week 1 : Tuesday, 24/08/2021

In the first week, we focused on finding out more about contrast and gestalt theory more deeply through a video by DR Charles via teams to make it easier for students to learn and rewatch it.

In the first video, we learned about the elements of design and also the design principle.

The Elements of Design

• Point : Is the simpliest element in design. This exact element could establish another element. by repeting points or dots we can create new elements, a good example for this is line and other forms. Other two- or three-dimentional figures also can be created when the points started to move in space.

Figure 1.1 Example for Point

• Line : Line is essentially a series of connected Points or dots. They can be horizontal, vertical, diagonal, and curved. It can be actived or static, as well as agressive or passive, even sensual or mechanical. Lines possibly indicate directions, describe the limtiations of shapes or spaces, or suggest motion/emotion.

Figure 1.2 Example for Line

• Shape : is defined as two dimensional are that stands out from the space next to or around it due to a defined or implied boundary, or because of differences of value, color, or texture. Shapes are two-dimentional while forms oftenly called three-dimensional. There are two type of shapes, Geometric shapes (circles, squares, triangles, etc) and Organic shapes (informal or irreguler that are often complex).

Figure 1.3 Example for Geometric

Figure 1.4 Example for Organic

• Form : described as the way an artist arranges elements in the entirety of a composition, it may also be called three-dimensional objects. Form can be measured or measurable and defined by light and dark. It has volume inside where the space is enclosed by the form. It is also a mjor component in sculpture and architecture.

Figure 1.5 Example for Form

• Texture : commonly refers to the tactile qualities of surface, or the representation of visual from those qualities. All surfaces have textures and can be experienced by physical touch or through visual suggestion. There are two types of textures :

         - Actual Texture : Experienced by touch
         - Simulated or Implied : Created that look like the real texture.

Figure 1.6 Example for Texture

• Space : is indefinable, general receptacle of all things - the seemingly empty space around us. In drawings, prints, photography and paintings, we can see the space all at once. The space is defined by its edges, the two dimensions of height and width. In Graphic design, space or depth, can be refers to an occupied shape or form, it can be defined as negative (unfilled space) or positive (filled space). 

          In three-dimensional however, the space can be experienced when we are in it.

• Mass : When we can experience it from the inside
• Volume : When we can experience it from the outside

• Colour : is the visual byproduct of the spectrum of light as it is either transmitted through a transparent medium or as it is absorbed and reflected off a surfaces. Colour is the light wavelengths that human eye receives and process.

         There are three variables of colour :

•  Hue : Colour of the spectrum (red,yellow,green)
•  Value : Lightness or darkness from whit through greys to black
•  White produces a tint, adding grey result in a tone, and black produces shade.

Figure 1.7 Example for Tint, Tone, and Shade

         Intensity : Saturation or Chroma (purity of hue)

           - Pure hue : The most intense form of a given colour, it is the hue in its highest saturation,

                                   in the brightest form                     

           - With Pigment : (black white or grey) of another hue is added to a pure hue, its intensity,

                                          diminishesd is dulled.

           Color Groupings : color schemes

           - Monochrome : Variation within a single hue

           - Analogus : Based on colors adjacent to one another on color wheel, contains

                               the same pure hue.

           - Complementary : Emphasize two hues diectly opposite in the color wheel.

Figure 1.8 Example for Color Grouping

Principle of Design

• Contrast : refers to the arrangement of opposite elements in a piece so as to create visual interst, excitement and drama. Without contrast visual experience would be so monotonous. Contrast can provide visual interest, emphasise a point and express content.

Pict 2.1 Example for Contrast

• Gestalt : principles or laws are rules that describe how the human eye perceives visual elements. These principles aim to show how complex scene can be changed to simpler shapes. They also aim to explain how the eyes perceive the shape as a single rather than seperate. Gestalt refers to “shape” or “form” in German. 

Principle of Similarity 

The human eye tends to perceive elements in a design as a complete picture, shapes, or group, even if it is seperated 

Pict 2.2 Example for Similarity

Principle of Continuation 

The (eye) follows the paths, lines, and curves of a design, and refers to see continuous flow of visual elements

Pict 2.3 Example for Continuation

Principle of Closure

Our eye prefers to see complete shapes. if the elements are not complete or half complete elements. The user can perceive a complete shape by filling in missing visual information.

Pict 2.4 Example for Closure

Principle of Proximity

The process of ensuring related design elements are placed together. Every irrelevant item or unrelated item should be place apart from the others. It indicates that items are connected or have a rleationship to each other.

Pict 2.5 Example for Proximity

Principle of Figure/Ground

Objects are instinctively perceived as being either in the foreground or the background. They either stand out prominently in the front ( the figure ) or recede into the background.

Pict 2.6 Example for Figure/Ground

Law of Principle

This law states that elements that are symmetrical to each other tend to be perceived as a unified group. Similar to the law of similarity, this rule suggests that objects that are symetrical to each other will be more likely to be grouped.

INSTRUCTION

---

PRACTICAL

Week 1 : Contrast and Gestalt

Gestalt (Law of Symmetry) : Regarding to the MIB, we were assigned to research and create our own design related to our current lessons (contrast and gestalt theory). So, I decided to re-design figure X.X from the lecture video as my inspiration to create my own design related to the gestalt theory, particularly the law of symmetry.

Figure 3.1 Example for Gestalt Theory (24/08/21)

I tried to form a circle shape on this picture by combining two different objects to create new symmetrical elements. Although the colors are clearly contrasting each other, these pictures are combined very well because of its shapes.

Figure 3.2 Final Outcome (24/08/21)

I also put the video so that the lecturer can also watch the progression of mine.

Video 1.1 Final Outcome (24/08/21)

Contrast : For contrast, I chose Pinterest to find some inspiration and I found these picture that I think (the colorings) are great. it really represents the contrast theory by using two different/contrast colors. I tried to use the exact colors but I realized this is

Figure 3.3 Example for Contrast (23/08/21)

These are my first attempt, at first I tried to use hand as an object that stand out from the background by using pink color, it looks good at first but I realized that the composition was quite terrible so I changed the whole colors and composition in the end. I also made 2 different colors I  wanted to ask to Mr Charles (the lecturer) s

Figure 3.4 First Attempt (24/08/21)

Figure 3.5 Second Attempt (24/08/21)

However, I changed several aspects and follow Mr Charles recommendation to adjust the composition, colors, and the emphasis from the original design. I found out that the instruction are clearly valuable and improved my design.

Figure 3.6 Final Outcome (24/08/21) 

---

FEEDBACK

General Feedback : Mr Charles liked my design he also instruct me several suggestions to improve the design of mine. He also gave us a very understandable feedback to every students.

Specific Feedback : He likes my design (figure 3.2) and suggest me to improve or explore the contrast design, he told me that I got the idea of contrast and on the right path, but he informs me to improve the composition as well as the colors to create a great design.

---

REFLECTIONS

Week 1 :

Experience : Mr charles and Ms jinchi yip is a great facilitator, the class was great and the video was clear enough to be watched. We learned about design elements and principle of design from the lecture video as well as played a game to introduce our self in class.

Observation : We learned that Design Principle is a very important and crucial lessons for beginners. This material will be valuable for us (as a designer) in the future to be a great designer.

---