Design Principles | Task 1 : Exploration

02/02/2026 - 24/02/2026 (Week 1 - Week 4)
Yong Xiao Tong / 0368290
Design Principles / Bachelor of Design (Honours) in Creative Media 
Task 1 : Exploration


Instructions




Task 1

In this task, I will explain each design principle with visual examples. I will also choose a design work that interests me, explain why I chose it, and identify the design principles used.


Describe design principle:
  1. Gestalt theory
    Gestalt theory is about how people naturally see and understand what they look at. Instead of noticing each part separately, we usually see the whole picture first. Our brain groups things in certain ways, including:

    a. Principle of Similarity
        Things that look alike are seen as related.

    b. Principle of Proximity
        Things that are close together are seen as belonging together.

    c. Principle of Closure
        Our mind fills in missing parts to see a complete shape.

    d. Principle of Continuation
        We tend to follow lines or patterns smoothly.

    e. Principle of Figure/Ground
        We can tell what is the main object and what is the background.

    f. Law of Symmetry & Order
        We see simple, balanced shapes rather than complex ones.

    This makes it easier to understand how different parts belong together and makes the overall image clearer.


  2. Contrast
    Contrast means showing differences in a design so things stand out. This can be done with colour, size, shape, or text style. Contrast helps important information be noticed and makes designs easier to look at. Without contrast, everything can look the same and confusing.








  3. Emphasis
    Emphasis is used to make the most important part stand out. This can happen by making something bigger, brighter, or putting it in a spot that is easy to notice. It helps people know what to look at first and makes the main message clear.








  4. Balance
  5. Repetition
  6. Movement
  7. Harmony & Unity
  8. Symbol
  9. Word and Image














Comments

Post a Comment

Popular posts from this blog

Game Development | Task 2 : Art Asset Development

Image
22/05/2025 - 08/06/2025 (Week 5 - Week 7) Yong Xiao Tong / 0368290 Game Development / Bachelor of Design (Honours) in Creative Media  Task 2: Art Asset Development In this task, we need to create the art assets for our game.  This includes designing characters, environments, items, props, obstacles, power-ups, and the HUD. Characters Our game features 4 characters: 1 protagonist and 3 unique enemies. Aura (Protagonist) idle walking jump boost Human patrol (Enemy) human patrol Dog (Enemy) idle attack Owl (Enemy) idle attack NPC Firefly firefly Effect boosting UI Elements buttons Props & Obstacles home grass direction signboard box ladder moon spike Backgrounds & Tileset For our game, we designed four unique levels, each with its own distinct background to reflect the environment and mood of the stage.  Background design process in Adobe Illustrator The backgrounds are as follows: BG#1: City street scene, filled with urban elements and modern structure...
Read more

Application Design 2 | Task 3 : Interactive Component Design & Development

Image
12/06/2025 - 07/07/2025 (Week 8 - Week 11) Yong Xiao Tong / 0368290 Application Design 2 / Bachelor of Design (Honours) in Creative Media  Task 3: Interactive Component Design & Development Task 3:  Interactive Component Design & Development We will build upon the knowledge gained in Task 2 to create micro-interactions and animated for our app. This will greatly elevate the user experience of the app. The aim of this task is to explore and make creative decisions on the type of interactions we would want to integrate into our app.  Figma Prototype Splash Screen Still figuring out how to make the logo animate with a fade-in and fade-out effect on the splash screen. Home Page The homepage starts with a location permission popup. The weather forecast will only appear if permission is granted. Weather Alerts ...
Read more

Application Design 2 | Task 2 : Interaction Design Proposal and Planning

Image
22/05/2025 - 05/06/2025 (Week 5 - Week 7) Yong Xiao Tong / 0368290 Application Design 2 / Bachelor of Design (Honours) in Creative Media  Task 2: Interaction Design Proposal and Planning Task 2: Interaction Design Proposal and Planning We are required to develop a comprehensive interaction design plan for our final web-based mobile application, including detailed wireframes, user flow diagrams, and prototypes of both micro and macro animations. The goal is to visually and conceptually prepare the interaction design and animations that will enhance the user experience of our application.  Splash Screen Weather apps typically don’t need a splash screen since users just want to get straight to the forecast. But since some well-known weather apps, like AccuWeather, still include one for branding, and AI also suggested keeping it quick and minimal, I decided to include a simple splash screen with a fade-in and fade-out anim...
Read more