Design Principles - Task 3 Development & Design

03.03.2025 - 22.03.2025 (Week 5 - Week 7)

Chang Yu Rou | 0374168 | Bachelor of Design (Honours) in Creative Media

Design Principles GCD60804

Task 3 - Development & Design


TABLE OF CONTENTS




1. INSTRUCTIONS

▸  Design Principles_MIB_Feb 2025_Approved


Task 3 Development & Design - Instruction
  • A recap of Task 3 brief. 
  • Select one of the 3 ideas you proposed in Task 2. 
  • Develop it through colour exploration, composition, typeface, positioning, etc., with design principles in mind. Finalise your idea. 
  • Create your final design in A4 size, JPEG format in at least 300dpi pixel size. 
  • Label the design as <Your Name_Title of Design_Task 3>.  
  • Write a 200-word rationale explaining/defending: 
    • i) the decisions made in your design
    • ii.) the meaning/purpose of the design
    • iii) the design principles that are employed to create the design. 
  • Include feedback from your lecturer.


2. PRACTICAL

Selected Idea in Task 2

I have selected Idea #1 from Task 2 to develop my design for Task 3.

📌Idea #1

Fig 1.1 Sketches of Idea 1

Fig 1.2 Colored Sketches of Idea 1

Idea #1 Rationale

For my first idea, I redesigned the original poster by keeping the iconic ivy leaves from Arrietty. I wanted to create a magical feeling, so I made Arrietty the main focus, standing on the ivy leaves. I took inspiration from real ivy leaves, which naturally curve and intertwine, giving a more organic and enchanting look.

The background represents a lush forest, similar to the setting in the movie where Arrietty moves through trees and dense foliage. By surrounding her with ivy leaves, I aimed to capture the sense of adventure and wonder in her tiny world.

I applied the design principle of the golden ratio to achieve a visually balanced composition. The repetition of ivy leaves follows the golden ratio line, creating movement that guides the viewer’s eye. Arrietty is emphasized as the focal point of the poster. Additionally, contrast is used effectively, with red elements drawing attention.


Development

✒️ Colour Exploration

I uploaded my originally chosen artwork from Task 1, The Secret World of Arrietty (2010), a Studio Ghibli Japanese animated movie poster, to Coolors (image color picker) to generate a color palette from the original movie poster.
Fig 2.1 A screenshot showing the points where the colors were picked from the original movie poster

The Colour Palette - Coolors



✒️ Composition

Golden Ratio

Fig 3.1 Golden Ratio Layout

Fig 3.2 Golden Ratio Idea


Rule of Thirds Composition


Fig 3.3 Rule of Thirds Layout

Fig 3.4 Rule of Thirds Idea

Cross Composition

Fig 3.5 Cross Layout

Fig 3.6 Cross Layout Idea

✒️ Typeface

Original Arrietty Movie Poster's Typeface:

The typefaces used in The Secret World of Arrietty poster appear to be a combination of a serif font.
A serif font similar to "Garamond", "Minion Pro", or "Times New Roman" with some customization.

Fig 4.1 Screenshot from the original poster, title

FH Cordelia Font
Fig 4.2 FH Cordelia Font, Pinterest

Epika Serif Font
Fig 4.3 Epika Serif Font, Pinterest


Process

After receiving Week 6 feedback from Dr. Jinchi, I took her feedback into account and began finalizing my idea.

✒️ Sketch

Fig 5.1 Final Sketch


✒️ Apply Colour

Fig 5.2 Sketch with colour applied

✒️ Final Outcome

Fig 5.3 Final Deign, Chang Yu Rou_The Secret World of Arrietty_Task 3

Rationale for the Design

i) Design Decisions

In my design, I chose to illustrate Arrietty, the tiny girl, sitting on a tree branch while holding an ivy leaf. This decision helps show her small size compared to the environment. I placed her looking up at the title to create a connection between the character and the movie's name. The background is filled with green plants, representing nature, which is an important theme in The Secret World of Arrietty. The illustration has a soft, hand-drawn style to give it a warm and magical feeling.


ii) Meaning and Purpose

The purpose of this design is to capture the essence of The Secret World of Arrietty, a world where tiny people live in secret among nature. By showing Arrietty holding a large ivy leaf, the viewer immediately understands that she is very small. The colors and setting also create a sense of wonder and adventure, which reflects the story's themes of curiosity and discovery. The placement of the title above Arrietty makes it look like she is gazing at it, guiding the viewer’s attention.


iii) Design Principles Used

Rule of Thirds: The key elements in the design, Arrietty, the ivy leaf, the branch, and the title are all positioned along the lines of the rule of thirds.

Fig 5.4 Rule of Thirds in my final project

Approximate Balance: The elements are arranged to keep the design visually stable. Arrietty’s presence on one side is balanced by the text on the other.

Contrast: The bright red of Arrietty’s dress contrasts with the green background, making her stand out.

Emphasis: The main focus of the design is Arrietty, as she is the most detailed and colorful part of the image.

Harmony: The colors work well together, creating a natural and pleasing look.

Word and Image: Since this is a movie poster, the title is clearly integrated with the illustration, making the design informative and visually appealing.


3. FEEDBACK


Week 6

Specific Feedback:
  • Dr. Jinchi suggested that I use the rule of thirds to develop an idea for Task 3.
  • For the cross, there is no difference from the original poster. She recommended improving the rule of thirds to make the composition feel more natural.
  • For the rule of thirds, Dr. Jinchi suggested that Arrietty could be sitting on the branch of the ivy leaves, either looking at the title or facing the audience.
  • She also recommended trying the Epika Serif font for Task 3, as it has a similar flow to the original poster and might work well.

Week 7

Specific Feedback:
  • Dr. Jinchi says that my final design is much better. Compared to before, it still retains the original feel of the poster, which is good.
  • In my final design, the slightly blurred garden background highlights my main figure and text. My title has a slight shadow, which works well and can be kept.
  • Things need to add on: For my final outcome, Figure 5.3 needs a title.
  • Dr. Jinchi says my blog is well-organized, and all required elements are in place.
  • Dr. Jinchi says that after all my exploration, she believes my final outcome is a significant improvement compared to my previous suggested layout. It has more liveliness now, and the rule of thirds definitely works better.

Comments