Design Principles - GCD60804 - TASK 1(Exploration)

Design Principles - GCD60804 - TASK 1(Exploration)
3.2.2026 - 22.3.2026
week1 - week7
HIYORI HYAKUICHI / 0373128
Design Principles / Bachelor of Design (Honours) in Creative Media/
Taylor's University


INSTRUCTIONS


Reflection on This Assignment

By understanding this assignment and deepening my knowledge, I am able to apply what I have learned to my own work, which helps me create better and more thoughtful designs.

Additionally, through this assignment, my way of observing and analyzing design has significantly changed. I am now able to view other works from a broader perspective and with a more critical eye.

Design Principle:

1. Gestalt Theory
Gestalt theory is a psychological theory that suggests people tend to perceive separate elements as part of a unified whole rather than as individual parts.
  • It originated in Germany.

  • It is widely applied in UI design, graphic design, architecture, and other visual fields.

Examples :

  • Proximity – Elements that are placed close to each other are perceived as belonging to the same group.

  • Similarity – Elements that share similar shapes, colors, or characteristics are seen as part of the same group.

  • Closure – Even when parts of a shape are missing, the human brain tends to fill in the gaps and perceive it as a complete form.

  • Continuation – Elements arranged in lines or curves are perceived as a continuous flow, and the eye naturally follows them.

  • Figure / Ground – Objects that appear in front or stand out are perceived as the figure, while elements behind or covering a wider area are perceived as the background.


My understanding:

I think that even when everything is not clearly presented, people interpret and imagine in their minds to complete the whole picture.

It’s like looking at an unfinished puzzle and being able to envision the completed image, even if some pieces are missing.



WIND
syoyo / 2025
F20(606 × 727 mm)
Gestalt theory
Proximity
Figure / Ground
Closure

Reason for choosing this work: Proximity, Figure/Ground, Closure

The illustrator under study is a long-time favorite, known for producing numerous works using this specific technique. The artist also emphasizes the way different viewers perceive visual information.

The work analyzed here is titled Wind. Several visual cues indicate a strong wind: the letters in the background, the expression of the female character, and the hat flying through the air. These elements suggest that the woman is holding an inverted umbrella and that her skirt is being blown outward.

Gestalt principles are clearly applied in this work. First, the law of proximity is evident, as the viewer perceives the object in the character’s hand as an umbrella, and the nearby hat as likely belonging to her. Second, the large word “WIND” behind the character and surrounding objects creates depth, demonstrating the figure-ground principle. Finally, the similarity between the background color and the character’s clothing allows the viewer to interpret the movement of the skirt and the inverted umbrella without explicit boundaries, illustrating the law of closure.

This work was selected for analysis because it effectively organizes visual information and communicates the scene clearly to the viewer.(166 words)


2. Contrast
The design principle of emphasizing and distinguishing information by making differences clear.

  • Guides the viewer’s gaze

  • Enhances the overall design

Examples:

  • Color (bright vs. dark, complementary colors) – draws attention

  • Light and dark (black vs. white) – improves readability

  • Size (large vs. small text or images) – creates information hierarchy

  • Shape (circle vs. square, straight vs. curved lines) – prevents monotony

My understanding:
I mainly associate this with posters or slides. By guiding the viewer’s gaze, it clearly communicates what you want to emphasize or highlight.


Maruku osamareba īnoni.
aka / 2024
A4 / B1
Contrast
Color Contrast

Closure (Gestalt Theory)

Reason for choosing this work: Color Contrast

This work mainly uses a deep navy blue tone, which is a dark color, throughout the overall composition. In contrast, warm colors, which are brighter tones, are used at the center to create contrast. From the red circles and triangles above, as well as the background colors, it can be understood that the character is inside an elevator. Depth is created through color alone, and the design guides the viewer’s attention toward the main character, allowing eye contact to be established.

By carefully considering the overall color scheme and the proportion of each color, the quality of the design is effectively enhanced. In addition, placing a clear and vivid color at the center creates a sharp visual impression that attracts attention. The design enables visual guidance for the viewer and distinguishes information clearly, which broadens interpretation and understanding. Because it leaves a strong impression on the viewer, I chose this work. (151 words)


3. Emphasis
Intentionally making the part of the design you want people to notice most stand out.

  • Creates a memorable design

Examples:

  • Color (e.g., red within a monochrome palette)

  • Size (e.g., large title with smaller body text)

  • Position (e.g., placing it at the center)

  • Shape or direction (e.g., different from surrounding elements)

My understanding:
I mainly associate this with photos, posters, and typography. By emphasizing certain elements, it creates breathing space around them and makes the focal point stand out clearly and memorably.


Isolation
Nick Barclay/ 2015
A3/A2
Emphasis
Color

Reason for choosing this work: Color

This work is one piece from a series created to represent the emotions and symptoms of depression.
The theme of this particular piece is loneliness. The technique used in alignment with this theme is emphasis. I found this work particularly impressive because its meaning and technique can be understood at a single glance.

Characteristics of the emphasis technique include highlighting placement and creating contrasts in color to attract the viewer’s attention. The work was created as a poster. If I were to encounter this poster in an urban environment, I believe my gaze would naturally be guided toward its focal point, and after understanding the meaning of the text and title, I would receive an even stronger impression from it.

I selected this piece because it is the most clear and impactful example of a work that effectively uses the technique of emphasis. (153 words)


4. Balance
In design, balance is about stabilizing the weight (visual weight) of elements.

Elements that have visual weight:

  • Large objects

  • Dark or intense colors

  • Complex colors

Points to consider:

  • Is the overall design stable?

  • Is it not too skewed in one direction?

Examples:

  • Symmetrical Balance – The left and right sides are arranged almost identically.

  • Asymmetrical Balance – The left and right sides are different, but the visual weight is balanced.

  • Radial Balance – Elements are arranged spreading outward from a central point.

My understanding:
By creating balance both horizontally and vertically, the design gains a sense of stability and also feels more unified.


Marutama Ichi Poster
akira muracco / 2019
A2/B1
Balance
Symmetrical Balance

Reason for choosing this work: Symmetrical Balance

This work was created as a poster for an event. Although the central illustration is asymmetrical, the surrounding shapes, frames, and patterns are arranged using symmetrical balance. By incorporating symmetrical balance into a poster or design, as seen in this work, a sense of unity is created, allowing viewers to engage with the piece comfortably and with a feeling of stability.

Furthermore, when shapes and balance are well organized, the human brain can process information more efficiently, enabling quicker understanding and interpretation. In this poster, the event name, date, and location can be immediately recognized at a glance. When a vertical line is drawn through the center, the placement of the text and numbers forms a symmetrical balance.

This work allowed me to understand how emphasizing certain elements while organizing others can support a sense of stability and visual weight for the viewer. For this reason, I chose this piece.(168 words)


5. Repetition
A design principle where the same element is used repeatedly to create unity and rhythm.

  • Helps bring the design together as a cohesive whole.

Examples:

  • Color (creates unity)

  • Shape (creates rhythm)

  • Layout (improves readability)

My understanding:
Using repetition creates a rhythmic design, allowing viewers to process and organize information smoothly.


Two Birds
M.C. Escher / 1938
50 x 70cm / 30 x 40 cm
Repetition
Color
Shape
Layout

Reason for choosing this work: Color, Shape, Layout

This work incorporates repetition in color, form, and layout. When I first looked at the piece, I perceived the white birds as flying toward the right. However, upon closer observation, I realized that the blue areas, which initially appeared to be part of the background, are also composed of the same bird shape. Unlike the white birds, the blue birds are flying toward the left.

A sense of unity is created through the consistent use of color, rhythm is established through the repeated bird shapes, and movement is expressed through the direction in which the birds are flying. These elements together result in a cohesive design. Depending on the viewer’s perspective, the composition can also appear to move in a zigzag pattern from right to left and from left to right. In addition to the repetition of curved forms, both color and shape are consistently repeated throughout the work.

This piece clearly demonstrates the technique of repetition, regardless of the viewing direction or perspective. Because it is both easy to understand and immediately communicates its concept, I selected this work as an outstanding example of repetition. (193 words)


6. Movement
Guiding the viewer’s eye in the design in the intended direction.

  • Creates order and flow

  • Adds a sense of storytelling

  • Makes information easier to understand

Examples:

  • Lines (convey speed or direction)

  • People (guide the eye through gaze or posture)

  • Contrast and size differences (large → small, light → dark)

  • Rhythm

My understanding:
Adding movement to a design creates a sense of storytelling, allows viewers to enjoy it more, and leaves a stronger impression.


C-Smash VRS poster
Cory Schmitz / 2024
B2 / A2
Movement
Lines
Contrast
Rhythm

Reason for choosing this work: Lines, Contrast, Rhythm

This work demonstrates the use of the design principle of movement. Characteristics of movement include guiding the viewer’s eye, creating a sense of narrative, and establishing flow and rhythm. This poster was designed for a VR game. It is noticeable that the opacity gradually decreases from top to bottom. From this visual effect, it can be understood that the spherical object, resembling a ball, is bouncing in a zigzag motion from the bottom toward the top.

Furthermore, the use of dots enhances the digital atmosphere and strengthens the sense of gameplay. Viewers may be reminded of sports such as tennis or table tennis, where a ball curves and bounces dynamically. As suggested by this visual impression, the sport represented in this poster is tennis. In this way, movement and flow stimulate the viewer’s imagination and generate a sense of narrative.

Because I personally experienced this process of visual interpretation and imaginative engagement, I selected this work as a strong example of the movement technique. (176 words)


7. Harmony & Unity

Harmony
A state where different elements are combined comfortably without feeling out of place.

  • Similar color tones

  • Similar overall atmosphere

Unity
A state where all elements work together as one, conveying a single purpose or theme.

  • Harmony is about “compatibility,” while unity is about “cohesion.”

My understanding:
Having harmony and unity helps organize and communicate information both visually and conceptually, making it easier for viewers to understand the intended message or idea.


Retro Mail
Obi-Wan / 2023
A4 / B2
Harmony & Unity / Symmetrical Balance

Reason for choosing this work: Harmony & Unity

This work was created for an event. It incorporates the design principles of harmony, unity, and symmetrical balance. First, harmony is expressed through the use of color and overall atmosphere. The poster primarily features dark green, orange, and a slightly muted yellow. These color tones evoke an image and atmosphere reminiscent of something from the past.

Next, unity is achieved by coordinating the overall color scheme of both the text and the illustrations, resulting in a cohesive design. By further applying symmetrical balance, the information is clearly organized, making the poster easier to read and leaving a strong, lasting impression. Even when elements with matching background and text colors are placed side by side, they blend naturally without creating any sense of discomfort.

Because the design is both visually and emotionally pleasing to experience, I selected this work as an effective example of harmony, unity, and balance in design. (161 words)


8. Symbol
A visual form that represents a certain meaning or concept.

  • A design that communicates its message at a glance

  • Carries a strong message

Examples:
  • Pictorial symbols - Images that resemble people or objects : restroom signs, emergency exit signs

  • Abstract symbols - Simplified or abstracted symbols : recycling mark

  • Arbitrary symbols - Symbols whose meanings vary depending on culture, knowledge, or level of understanding : brand logos

My understanding:
I think this is a design principle used for things like company logos or national emblems—designs that anyone can recognize or easily understand.




Elevator
ISO 7001
no size
Abstract symbols

Reason for choosing this work: Abstract symbols


This symbol represents an elevator and applies the principle of abstract symbols. The key elements include a rectangle representing the interior of the elevator and a human-like figure inside it. The arrow at the top represents the elevator buttons. The human figure inside the rectangle helps viewers understand that it is something people can enter or ride. The arrow indicates that the elevator moves up and down. Together, these elements allow people to recognize the symbol as representing an elevator.

This symbol is commonly seen in buildings such as malls and schools. Because it is widely used, people can immediately understand its meaning. Although it is an everyday symbol, it effectively communicates information through simple shapes and abstract representation. Choosing this symbol allows us to explore how design can convey meaning clearly and intuitively in a familiar context. It demonstrates how abstract elements, when combined thoughtfully, can create a universally understood visual language. (159 words)



9. Word and Image

  • Words – carry meaning

  • Letters – determine how that meaning is visually presented
    = The way letters are styled can change how the same word is perceived.

My understanding:
By combining words and letters, the viewer’s impression or image of the message can change, for better or worse. I think this is an essential principle for conveying designs or ideas effectively.


Vitrium Opus - 3D Glass Typography Posters
Ion Lucin / 2024
A4
Word and Image


Reason for choosing this work: Word and Image

This work features the phrase “forget me not.” However, in contrast to the meaning of these words, the text is partially obscured by lines and blurred effects, as if it is being hidden. The design can be interpreted in two ways: wanting to remember but gradually forgetting, or wanting to forget but being unable to do so.

By blurring the letters and altering their color, the work visually expresses the fading of memory and creates a hazy, mist-like atmosphere. The elegance of the font suggests that the memory may have been something beautiful and precious. For this reason, the phrase appears to communicate a heartfelt plea not to forget.

I selected this piece because it clearly conveys its message through typography and effectively reinforces that message through the use of blur and distortion. This work helped me understand how visual manipulation of text can deepen both the meaning of words and the expressive quality of the font itself. (167 words)


Final Selected Design

Maruku osamareba īnoni.

aka / 2024

A4 / B1

Color contrast, Symmetrical Balance, Pictorial Symbols

Closure, Figure/Ground(Gestalt Theory)

aka


Reason for choosing this work: Reflection

This work was designed by aka, one of the illustrators I greatly admire. Many of aka’s works use mostly single colors, avoiding complex or excessive color schemes, which I find simple yet very eye-catching. Although primarily using a single color, the faces are highly detailed, naturally drawing attention to them rather than the simple backgrounds. The contrast between detailed faces and minimal backgrounds creates a unique balance that feels natural and comfortable.

Her designs carefully guide the viewer’s perspective, emphasizing the parts she wants noticed first while allowing for an overall appreciation of the piece. For example, the viewer’s eyes are first attracted to the striking colors of the poster, then meet the gaze of the main character, and finally explore the other background elements. This intentional control of visual flow shows a remarkable understanding of how to guide attention objectively.

Through the use of many principles and creative ideas, elements that are usually unnoticed become visually recognizable. This made me realize once again how designs that attract people’s interest are truly remarkable. Because I considered this work to be one of those examples, I selected it as my Final Design. (199 words)


Feedback:

week1. 2: 
Since the work originally chosen for emphasis was slightly different, I have changed the selected piece. In the newly chosen work, the technique of emphasis is clearly applied.

week3: 
Add an explanation of Gestalt principles (continuity and figure/ground).
Also, include explanations of the design principles used in the work.
Identify the three categories of symbols, provide explanations for each, and update the images accordingly. Then, select one of the submitted works and describe it as the final design chosen for Task 2.
Add and explain the final selected design.

week4:
Choose more complex symbols and list the appropriate principles that are used.

Comments

Popular posts from this blog

Interactive Design - Task1

Typography - TASK 1: EXERCISES