Task 1

Design Principles
Task 1: Exploration

Student: HOUYANHENG (0378215)

Course: Design Principles | GCD60804

Time: (Week 1 - Week 3)

1. Task Review

This "Design Principles - Exploration" task aims to provide a deep understanding of the core building blocks in visual design. We are required to describe the definitions of a series of design principles in detail and provide visual examples to illustrate them.

Additionally, the task requires us to explore and select a suitable design work, write a brief rationale explaining the choice, and deeply analyze the specific principles embodied in that design. This is not only a review of theoretical knowledge but also a crucial exercise in applying abstract theory to actual visual observation, aiming to cultivate a designer's keen "visual literacy."

2. Deep Dive into Design Principles

2.1 Gestalt Theory

Core Concept: Originating from German psychology, this theory explains how the human cognitive system organizes chaotic visual stimuli into meaningful patterns. The core argument is "the whole is greater than the sum of its parts," meaning the brain tends to construct structured wholes to reduce cognitive load. 

Key Laws:

• Similarity: Elements with similar visual characteristics (color, shape, size) are automatically grouped together.
• Continuity: The eye tends to move along smooth paths, building coherent flow lines.
• Closure: The brain automatically fills in missing information, perceiving incomplete shapes as complete.
• Proximity: The closer the physical distance, the stronger the logical association.
• Figure/Ground: Distinguishing the subject from the environment.
• Prägnanz: Interpreting images in the simplest forms possible.

Figure 1.1 Analysis: A classic application of the Gestalt principle of Closure. It utilizes negative space and Gestalt psychology to extrude the shape of an umbrella.

2.2 Contrast

Core Concept: The engine of visual hierarchy. It creates visual tension and guides attention paths by juxtaposing opposing attributes.

• Value Contrast: Extreme light vs. extreme dark.
• Size Contrast: Huge headlines vs. tiny body text.
• Temperature Contrast: Warm colors vs. cool colors.
• Texture Contrast: Rough organic vs. smooth geometric.

Figure 1.2 Analysis: Illustration from Pinterest. The high-saturation warm orange subject forms a strong contrast with the deep cold blue background, establishing a visual focal point and breaking compositional monotony.

2.3 Emphasis

Core Concept: The construction of visual anchors. Establishing a dominant Focal Point that serves as the first landing spot for the viewer's gaze.

• Isolation: Placing an element against an empty background.
• Placement: Placing the subject at the visual center/Golden Ratio.
• Anomaly: Introducing a completely different element into a regular arrangement.
• Leading Lines: Using lines to point to the focal point.

 

Figure 1.3 Analysis (Right) : The central element constitutes absolute visual dominance through heterogeneity of form and color concentration. Surrounded by an average solid color, a strong contrast is formed between the subject and the background.

2.4 Balance

Core Concept: The equilibrium distribution of visual weight. The mutual cancellation and reconciliation of "visual force fields."

• Symmetrical: Mirror image layout (stability).
• Asymmetrical: Size/value differences (modern vitality).
• Radial: Radiating from center (explosive).
• Crystallographic: Mosaic style (overall equilibrium).

Figure 1.4 Analysis: The negative space (white space) achieves a delicate asymmetrical balance with the solid elements. The dialogue between "void" and "solid" creates a sophisticated minimalist aesthetic.

2.5 Repetition

Core Concept: The reinforcement of visual consistency. Establishing rhythm and brand recognition through the recurrence of elements.

• Pattern: Seamless decorative backgrounds.
• Motif: Repeated graphics/logos.
• Stylistic Repetition: Unified styles (line weights, filters).

Figure 1.5 Analysis (Right) : Artwork by Magritte. The regular repetition of apples creates a sense of form, integrates scattered information, and maintains visual vividness through subtle variations.

2.6 Movement

Core Concept: The trajectory of visual narrative. Manipulating the viewer's Eye Tracking path to create "kinetic energy."

• Blurring: Simulating dynamic motion blur.
• Linear Direction: Diagonals imply more motion than horizontals.
• Off-balance: Creating instability.

Figure 1.6 Analysis (Right) : By dragging and elongating the tails of the font, the gaze is guided to naturally scan across the brand identity, generating a cheerful emotional experience.

2.7 Harmony & Unity

Core Concept: Holistic aesthetics. Ensuring the design looks like a complete "organic entity" rather than a fragmented patchwork.

• Proximity: Visual clusters.
• Continuation: Extended edges.
• Repetition: Limited palettes/fonts.

Figure 1.7 Analysis (Right) : The Google logo. The primary color palette and geometric language ensure order amidst chaos, achieving a high degree of visual cohesion.

2.8 Symbolism

Core Concept: Visual Semiotics. Conveying complex information through graphical metaphors.

Figure 1.9 Analysis (Right) : iPhone app icons from Pinterest. Through simple iconography, they visualize software utility, combining recognizability with modernity.

2.9 Typography & Imagery

Core Concept: The symbiosis of visual language. Text and image complement each other.

• Overlapping: Text pressed onto images.
• Framing: Text acting as border.
• Text as Image: Graphicizing text.

3. Selected Design Analysis

Everything Everywhere All At Once (IMAX Poster)

• Production: A24
• Year: 2022/2023
• Style: Minimalism, Pop Art, Surrealism
• Medium: Digital Painting

Why I Chose This

1. "Less is More": The film's content is incredibly chaotic and complex, yet this poster employs a very restrained design approach. With few elements and a clean background, the main subject is immediately apparent to the viewer.

2. Visual Pun: The poster utilizes negative space, allowing viewers to initially see many eyes before gradually realizing that these eyes form the outline of a person. This process of recognition from the part to the whole adds interest and makes it easier for people to remember.

3. Cultural Symbols: Transforms cheap "Googly Eyes" into an elegant icon.

4. Emotional Tension: The unsettling arrangement of eyes and the protagonist Evelyn's resolute stance create a visually more emotional and fitting effect on the film's themes.

Applied Principles

• Gestalt: Brain closes the "pile of eyes" into a "human silhouette."
• Symbols: Eyes symbolize "finding meaning in nothingness."
• Repetition: Dense eyes construct form and texture.
• Contrast: The contrast between cluttered eyes and clearly defined features.
• Harmony: Visual grotesqueness fits narrative absurdity.

Reflection & Feedback

Feedback:

Week 2：Keep it up 

Week 4：The instructor thought my blog post background was too dark and suggested I use a lighter background.

Reflection:

Experience 

Focusing this assignment on the analysis of the Everything Everywhere All At Once poster allowed me to bridge the gap between theoretical design definitions and high-level professional application. Instead of looking at the nine design principles in isolation, I was challenged to deconstruct how they function simultaneously within a single, iconic image. This process pushed me to look beyond the immediate visual impact of the "googly eyes" and critically examine how principles like Gestalt, Repetition, and Symbolism were engineered to solve a visual problem. It transformed my viewing experience from passive appreciation to active decoding, forcing me to articulate why the design feels both chaotic and cohesive.

Observation 

Throughout the analysis, I observed that the most powerful design moves often happen in the viewer's mind rather than on the canvas. For instance, I noticed how Gestalt theory was utilized to create a figure-ground relationship, where the "negative space" allows the audience to mentally assemble the protagonist’s silhouette from a field of chaos. I also observed how Repetition was not used just for pattern, but to create texture and intensity, while Symbolism recontextualized a cheap, ordinary object (the plastic eye) into a profound icon of the film's philosophical themes. It became clear that Contrast was not just visual (black vs. white) but conceptual—pitting the absurdity of the eyes against the seriousness of the pose.

Findings 

This project reinforced that great design is often about "recontextualization" and psychological engagement. I learned that principles like Harmony and Unity do not necessarily mean a design must be "calm"; they mean the visual language must align with the narrative intent—in this case, utilizing visual chaos to represent a multiverse. The analysis highlighted that the most effective designs often employ a "less is more" approach, using a single strong concept (like the accumulation of symbols) to communicate complex emotional depth. Overall, this assignment deepened my understanding that design principles are not just rules for layout, but tools for storytelling and controlling where the viewer looks and what they feel.