Design Principles GCD60804/TASK 1 (Exploration)
Week 1--Week 4
From February 3rd, 2026 to February 28th, 2026
GeXianjing / 0377636
Bachelor of Interactive Spatial Design (Honours)
Module Assessment Tasks
- Establish an Academic Blog: Create a personal study blog using Blogger.com, named with my real name for official recognition and ease of assessment
- Knowledge Synthesis & Case Studies: Define and describe nine key design principles—Gestalt Theory, Contrast, Emphasis, Balance, Repetition, Movement, Harmony & Unity, Symbol, and Word and Image
- Each principle must be illustrated with a self-sourced, professional design example
- In-depth Visual Analysis: Select a significant work of design to analyze its composition and provide a 150-200 word rationale for its selection
- Documentation of Learning Journey: Record and reflect on the feedback received from module lecturers to demonstrate the iterative development of my design thinking
2. Describe each of the design principles
- Gestalt Theory: "The whole is greater than the sum of its parts"
 |
| Source：gestalt-theory |
（1.3） Similarity
• Definition: This principle states that objects with similar visual characteristics—such as shape, color, size, or texture—are perceived by the brain as being part of the same group or having a related function.
• Analysis: In UI design, similarity is often used to categorize information. For example, using the same color for all hyperlinks tells the user that these elements share a common interactive purpose.
 |
| Source：Pinterest |
（1.4）Proximity
• Definition: Elements that are physically close to each other are perceived as a related group, while elements spaced further apart are seen as independent.
• Analysis: This is essential for layout organization. By placing a caption close to an image, the viewer immediately understands they are linked, even without an explicit border.
 |
| Source：Pinterest |
（1.5) Continuity
• Definition: The human eye tends to follow a smooth path, line, or curve, moving naturally from one object to another rather than stopping at abrupt breaks.
• Analysis: Designers use this to guide the viewer’s gaze through a composition, ensuring that the visual flow leads toward the intended focal point.
 |
| Source：Pinterest |
（1.6) Symmetry and Order
• Definition: Symmetrical elements are perceived as a single unified group. This principle provides a sense of stability, formality, and harmony within a design.
• Analysis: Symmetry is often applied in branding and logo design to convey authority and balance, making the overall composition feel organized and reliable.
 |
| Source：Pinterest |
（1.7) Common Fate
• Definition: Objects that move in the same direction or at the same pace are perceived as a single entity, regardless of their individual physical differences.
• Analysis: In motion graphics, if several elements slide in from the left simultaneously, our brain treats them as a cohesive unit or menu block.
 |
| Source：Pinterest |
（1.8) Multistability
• Definition: Multistability refers to the tendency of ambiguous perceptual experiences to pop back and forth unstably between two or more alternative interpretations.
• Analysis: This is often seen in optical illusions where the foreground and background flip roles. The viewer cannot see both images at once, which creates a sense of visual uncertainty and engages the viewer longer as they try to resolve the ambiguity.
 |
| Source：Pinterest |
（1.9) Invariance
• Definition: Invariance is the property of perception whereby simple geometrical objects are recognized independently of rotation, translation, and scale.
•Analysis: In branding, this ensures a logo remains recognizable whether it is printed on a tiny business card, tilted on a package, or displayed on a massive, bright billboard under different lighting conditions.
 |
| Source：Pinterest |
（1.10）Pragnanz / Simplicity
• Definition: The Law of Pragnanz suggests that when people are presented with a set of ambiguous or complex objects, the brain will interpret them in the simplest manner possible.
• Analysis: When we see overlapping circles (like the Olympic rings), we perceive them as a series of simple intersecting circles rather than a collection of many irregular, fragmented shapes.
 |
| Source：Pinterest |
• Contrast
Definition
Contrast means the difference between elements in a design. It can be difference in color, size, shape, font, or brightness. Designers use contrast to make something stand out.
Visual Analysis
For example, in a poster, if the background is dark and the title is bright yellow, our eyes will immediately focus on the title. If one word is much bigger than the rest, we will read that first.
Why It Is Important
Without contrast, everything looks the same and it becomes boring or confusing. Contrast helps us know what to look at first.
 |
| Source: Self-selected design example |
• Emphasis
Definition
Emphasis is when a designer makes one part of the design more important than others.
Visual Analysis
In advertisements, the product is usually placed in the center and shown bigger than other elements. Sometimes designers use a different color or bold font to highlight important information.
Why It Is Important
Emphasis helps create a clear focus point. It tells the viewer what is the most important message.
 |
| Source: Self-selected design example |
• Balance
Definition
Balance is about how visual elements are arranged so the design does not feel too heavy on one side.
Visual Analysis
In symmetrical balance, both sides look similar and equal. In asymmetrical balance, the elements are different, but they still feel stable. For example, a large image on one side can be balanced by smaller text blocks on the other side.
Why It Is Important
Balance makes the design feel stable and comfortable to look at. If a design is not balanced, it can feel messy or uncomfortable.
 |
| Source: Self-selected design example |
 |
| Source: Self-selected design example |
• Repetition
Definition
Repetition means using the same elements again and again in a design.
Visual Analysis
For example, using the same font style and color throughout a poster creates consistency. Repeating shapes or lines can also create rhythm.
Why It Is Important
Repetition makes the design look organized and connected. It also helps people remember the design.
 |
| Source: Self-selected design example |
 |
| Source: Self-selected design example |
• Movement
Definition
Movement is how the design guides our eyes from one part to another.
Visual Analysis
Diagonal lines, arrows, or curved shapes can guide our eyes across the page. In digital design, animations also create movement.
Why It Is Important
Movement helps control how people read the design. It makes the layout more interesting and dynamic.
Source: Self-selected design example
 |
| Source: Self-selected design example |
• Harmony & Unity
Definition
Harmony and unity mean that all parts of the design work well together.
Visual Analysis
When colors match well and fonts are consistent, the design feels harmonious. Even if there are many elements, they look like they belong together.
Why It Is Important
Harmony makes the design look clean and complete. Without unity, the design can look messy.
 |
| Source: Self-selected design example |
 |
| Source: Self-selected design example |
• Symbol
Definition
A symbol is an image that represents a meaning.
Visual Analysis
For example, a heart shape represents love. A simple icon in a logo can represent a company’s values.
Why It Is Important
Symbols make communication faster and easier. People can understand meaning quickly without reading long text.
 |
| Source: Self-selected design example |
• Word and Image
Definition
Word and image refer to how text and pictures work together in a design.
Visual Analysis
In posters, the image often supports the message of the words. Sometimes the text is designed to become part of the image itself.
Why It Is Important
When words and images work well together, the message becomes clearer and stronger.
 |
| Source: Self-selected design example |
 |
| Source: Self-selected design example |
3-5. Selected Design Work
 |
| Ray Gun Magazine Cover |
- Title of Design: Ray Gun Magazine Cover (Issue #1, Bryan Ferry)
- Designer: David Carson
- Year: 1992
- Size: Approx. 230mm x 300mm
- Medium: Print (Offset Lithography on paper)
- Source: Ray Gun: The Bible of Music and Design by Marvin Scott Jarrett and David Carson
6. Reason for Choosing This Design (172words)
chose this Ray Gun magazine cover because it clearly shows how design rules can be broken in a creative way. At first glance, the layout looks chaotic and messy, but after observing it carefully, I realized that there is still structure and intention behind it.
I am especially interested in how David Carson treats typography as an image instead of just text. The words are arranged in an experimental way, and they interact with the portrait rather than staying separate. This challenges traditional design rules and makes the composition more expressive.
This design also uses strong contrast, movement, and asymmetrical balance, which makes it visually powerful. I feel that analyzing this work will help me understand how design principles can be applied in a more creative and unconventional way.
7. Explanation of Observed Design Principles
This Ray Gun magazine cover shows many design principles that we learned in class.
1. Contrast
There is strong contrast between the black-and-white portrait and the bright yellow paint texture. The big bold letters at the top also contrast with the smaller and broken text around the page. This makes the design eye-catching.
2. Emphasis
The face in the center becomes the main focus. Even though the layout looks messy, our eyes are drawn to the portrait first because it is darker and placed in the middle.
3. Balance
The design is not symmetrical, but it still feels balanced. The heavy black areas are balanced by the yellow background and text on the opposite side. This creates asymmetrical balance.
4. Movement
The inverted image at the bottom makes our eyes move from top to bottom. The scattered typography also guides the eye across the page, creating a dynamic feeling.
5. Repetition
The use of black color and rough texture appears multiple times in the design. This repetition makes the composition feel connected instead of random.
6. Harmony & Unity
Even though the layout looks chaotic, the limited color palette (black, white, yellow) keeps everything unified. The textures and typography style also match the overall experimental theme.
7. Gestalt Theory
The principle of figure and ground can be seen between the portrait and background. Also, the overlapping elements show closure, as our brain completes the broken shapes.
8. Word and Image
In this cover, typography is not just for reading. The words become part of the visual design. Text overlaps the image and blends into the composition.
9. Symbol
The torn and rough texture may symbolize rebellion or alternative culture, which fits the magazine’s identity.
Comments
Post a Comment