Design Principles: Task 2 Visual Analysis & Ideation

17/2/2025 - 3/3/2025 Week 3 - Week 5

Komugi Uchibori / 0363900

Design Principles / Bachelor of Design (Hons) in Creative Media

Task 2 Visual Analysis & Ideation


MIB


  • Summary of Task 2
  1. Write the visual analysis of the artwork I selected in Task 1 with 300 to 350 words.
  2. Sketch 3 ideas on how the selected design can be improved with design principles knowledge and describe each idea with a rationale in about 30-50 words.
  3. Include some visual references (cite the sources) that inspire my own ideas.
  4. Add feedback from my lecturer

Task 2 Visual Analysis & Ideation
 
  • Visual analysis of selected work in Task 1

Fig.1-1 Promotional poster for N's COLLECTION (2024)
Artist: Yuni Yoshida
Published: August 8th, 2024
Medium: Digital
Tools: Photoshop

Phase 1: Observation

Overall, Fig. 1-1 is landscape and divided into two parts: the person wearing a dress/a blue big eye part and its surroundings, where small stuffs are clattered. The design is reminiscent of colored contact lenses for the advertisement poster. The layout is very simple but artistic, using people and dresses to create a figurative eye and an abstract aesthetic. Some explanations of the product are placed to the left of the figure in the center. The color scheme is understated, featuring cool tones such as blue, brown, and shades of black, creating a sophisticated and calm atmosphere, hamorizing the work. (97 words)

Phase 2: Analysis

The eyesight leads to the big eye in the center first, but if you take a look closely, you can see the figure wearing the dress. (The principle of figure/ground). The figure coordinated in brown is positioned at the central square of the rule of thirds, making it more attractive and gathering attention. Also, the hem in the black of the dress makes a boundary and creates balance to the blue color. The hem expands outward from the figure at the center (radial balance), which makes your eyesight see outside of elements like typography and small objects in the background. This is related to the hierarchy in the proportion of each object in this poster. The brown part contrasts the harmony of blue colors around it, which emphasizes the center more. Adding small white circle plates in the big circle in the center creates a sense of similarity so that you can tell these belong to the same section (Principle of Similarity in Gestalt Theory).

You can see the approximate symmetry in the background. This is because many small items are clattered around the center, which is almost equivalent to both the vertical and horizontal fulcrum lines. The negative space against the center balanced out this work, giving a neat impression. As for the letters, the product name "N's collection" is bigger compared to the explanation, so you can recognize it as important information. (234 words)

Phase 3:Interpreation

This promotional poster for the color contact brand "N's Collection" is designed to advertise the new color contact release in Japan. There are 3 new color contact lenses: Umi (sea), Sakana (fish), and Blueberry Jam in Fig. 1–2. According to the product description, these colors focus on blue, navy blue, and grayish mauve, respectively. The product concept of N's collection is to enjoy makeup by changing the eye color while preserving the original eyes. The brown part can be interpreted as the original part of the eye. Additionally, the colors of the small objects used are entirely based on the new color contact lenses, making the product's image easier for consumers to understand. The remarkable point of this poster is that even without directly featuring contact lenses, viewers can guess that it is an advertisement related to the eyes, and they can find it aesthetic. Let's compare another promotional poster of color contact. Looking at Fig. 1-3, your eyesight is leading to the person first. At this stage, you can't tell what purpose this has. Also, the information is too simple and straight as a promotional poster, so some might not find the lenses appealing. Therefore, the selected work can successfully grab the attention of customers. (203 words)


Fig.1-2 N's Collection


Fig.1-3 elebelle

Sketches

FIg.1-4 sketch 1

Figs. 1-4 focus on the golden ratio from both the left and right sides and the principle of figure/ground to make this sketch more attractive, and the viewer focuses on either the contact lens or donut. The concept is about the moment when a donut, which also resembles a contact lens, appears to jump into the eye, emphasizing its connection to the eye. (63 words)



Fig.1-5 sketch 2

Fig.1-5 represents the contrast, especially the tenebrism, using a spotlight that screens the color contact lens. Focusing on the characteristic light against a dark background enhances the strong impact of the lens and its effect on advertisement. Putting similar elements around it leads your eyes to perceive the sense of unity (principle of similarity). In this sketch the golden ratio is used to balance out between the spotlight and person. (70 words)



Fig.1-6 sketch 3

Fig. 1-6 expresses repetition (rhythm) and unity using a few macarons and the same proportion between macarons and eyes to give them a sense of unity in the whole sketch. While looking at her reflection in the mirror, it's open to interpretation whether she is about to eat a macaron or put in colored contacts into her eyes.


  • Final sketches
Based on feedback by Mr. Anwar, I revised each typography of sketches and added some layout changes such as size. Here's the final result:


Fig.1-7 Final sketch 1

Fig.1-8 Final sketch 2

Fig.1-9 Final sketch 3


  • Visual references

*Each poster is also inspired by Fig.1-1.

Fig.1-12 visual reference for sketch 3


FEEDBACK

- see the visual analysis slides
- add interpretation
- can write over 350 but not too many
- if you look at the poster overall as a design, how would you evaluate it?
- compare to other posters for contact lenses and discuss how your selected poster is more effective or not
- Just be mindful of your typography, as your visual elements are already quite busy.
- use actual typography to avoid misreading with same color for sketch 2
- as for sketch 3, the left rectangle should be thicker to make contrast and avoid misreading
- proceed to final process

Comments

Post a Comment

Popular posts from this blog

Advanced Typography: Task 2 Key Artwork & Collateral

Image
19 /5/2025 - 17/6/2025 Week 4 - Week 9 Komugi Uchibori / 0363900 Advanced typography / Bachelor of Design (Hons) in Creative Media Task 2 Key Artwork & Collatereal TABLE OF CONTENT LECTURE INSTRUCTION TASK 2 - Key Artwork & Collateral Final Compilation FEEDBACK REFLECTION FURTHER READING LECTURE Week 5 - Perception & Organization Perception in typography: deals with the visual navigation and interpretation of the reader via contrast, formthe organization of the content. Fig.1-1 Contrast Contrast: adds two more principles into the mix—texture and direction. Dair posits 7 kinds of contrast size weight contrast of form contrast of structure contrast of texture contrast of colour contrast of direction Fig.1-2 Contrast of size Size: provides a point to which the reader's attention is drawn, such as the use of the size in making a title or heading bigger or smaller. Fig.1-3 Contrast of Weight Weight: How the bold type can stand out in the middle of lighter type of the same ...
Read more

Advanced Typography: Task 1 Exercises

Image
22 /4/2025 - 13/5/2025 Week 1 - Week4 Komugi Uchibori / 0363900 Advanced typography/Bachelor of Design (Hons) in Creative Media Task 1 Exercises TABLE OF CONTENT LECTURE INSTRUCTION TASK 1 Task 1 Complition FEEDBACK REFLECTION FURTHER READING LECTURE Week 1 - Typographic systems Fig.1-1 Typpographic systems Typographic systems Axial:  All elements are organized to the left or right of a single axis. Radial: All elements are extended from a point of focus. Dilatational: All elements expand from a central point in a circular fashion. Random: Elements appear to have no specific pattern or relationship. Grid: A system of vertical and horizontal division. Transitional: An informal system of layered banding. Banding means segregating information within bands. Modular: A series of non-objective elements that are constructed as a standardized unit. Bilateral : All text is arranged symmetrically on a single axis. Week 2 - Typographic Composition Typographic Composition Fig.1-2 Typographi...
Read more

Video and Sound production: Exercises

Image
21 /4/2025 - 27/7/2025 Week 1 - Week14 Komugi Uchibori / 0363900 Video and Sound production / Bachelor of Design (Hons) in Creative Media Exercises TABLE OF CONTENTS MBI Week 1 Week 2 Week 3 Week 4 Week 5 Week 6-7 Week 8 Week 9 Week 10 Week 11-14 ! Asynchronous class materials and Exercie included in Week sections ! MBI Week 1  Asynchronous class materials:  Shot size Fig.1-1 Shot size Fig.1-2 Extream Long Shot Extream Long shot (Extream Wide Shot): make your subject appear small against their location. Also making the subject feel overwhelmed by its location, emphasizing the location or isolation. Fig.1-3 The Long Shot The Long  Shot (wide shot): refers that If the subject is a person, then his or her whole body will be in view — but not filling the shot. There should be a grate deal of space above and below the subject. Fig.1-4 Full Shot Full Shot: capture the entire subject from head to toe filling the bottom of the frame to the top of the frame while keeping emp...
Read more