Design Principle: Exercise 3

-
31.8.2021 - 17.9.2021 (Week 4 - Week 6)
Britney Chow Pei Jun / 0350043 / BDCM
Design Principles
Lectures and Exercise 3

LECTURES

Topic: Harmony and Unity 

Harmony

  • Becomes monotony without variety.
  • The sense that all of the elements of your design fit together. 
  • May fit the same theme, aesthetic style or mood.

fig 1.0; Harmony design example 1; sauce: Dr. Jinchi's lectures

fig 1.1; Harmony design example 2; sauce: Dr. Jinchi's lectures

fig 1.2; Harmony design example 3; sauce: Dr. Jinchi's lectures

fig 1.3; Harmony design example 4; sauce: (https://www.johnlovett.com/harmony)

Unity
  • Refers to the repetition of particular elements throughout your design to pull the look together. (colors, shapes, materials)
  • Occurs when these elements are composed in such a way that they are balanced and give a sense of oneness.
fig 1.4; Unity design example 1; sauce: Dr. Jinchi's lectures

fig 1.5; Unity design example 2; sauce: Dr. Jinchi's lectures

fig 1.6; Unity design example 3; sauce: Dr. Jinchi's lectures

Scale and Proportion 
  • Design elements that have to do with size.
  • The size of one object in relation to the other objects in a design or artwork. 
  • The size of the parts of an object in relationship to other parts of the same object.
Scale
  • Used to specify or illustrate details based on the relative sizes of objects.
  • Refers to the size and dimension of figures and forms relative to a specific unit of measure.
fig 1.7; Scale; sauce: Dr. Jinchi's lectures

fig 1.8; Scale 2; sauce: Dr. Jinchi's lectures

fig 1.9; Scale 3; sauce: Dr. Jinchi's lectures

fig 2.0; Scale 4; sauce: Dr. Jinchi's lectures

Proportion
  • The relationship of two or more elements in a composition and how they compare to one another.
  • Said to be harmonious when a correct relationship exists between the elements with respect to size or quantity. 
  • Often results in harmony and unity. 
fig 2.1; Proportion 1; sauce: Dr. Jinchi's lectures


fig 2.2; Proportion 2; sauce: Dr. Jinchi's lectures


fig 2.3; Proportion 3; sauce: Dr. Jinchi's lectures

Topic: Symbol, Word and Image

Symbol 
  • A sign, shape, or object that is used to represent something else
  • Symbols can provide or convey information, equivalent to one or more sentences of text, or even a whole story
Symbols can also be divided into: 

fig 2.4; Simple mind map for symbols; sauce: Dr. Jinchi's lectures

Pictorial Symbols
  • Image related and simplified pictures
fig 2.5; Examples of pictorial symbols 1; sauce: Dr. Jinchi's lectures

fig 2.6; Examples of pictorial symbols 1; sauce: Dr. Jinchi's lectures

Abstract Symbols
  • Can look like the objects that they represent but have less details.
fig 2.7; Abstract symbols example 1; sauce: Dr. Jinchi's lectures


fig 2.8; Abstract symbols example 2; sauce: Dr. Jinchi's lectures

Arbitrary Symbols
  • Have no resemblance at all to the objects or the ideas they represent. 
  • Invented with the meaning constructed.
  • Many are based on geometric shapes and colors.
fig 2.9; The share symbol; sauce: Dr. Jinchi's lectures

fig 3.0; Hospital symbol; sauce: Dr. Jinchi's lectures


fig 3.1; Pepsi's logo; sauce: Dr. Jinchi's lectures

Word and Image
  • Able to relate to a concept or a brand if the right images are used in a work of design. 
  • Important to use suitable and relevant images when designing.
  • Right words paired with right images is of high importance as it would deepen the meaning of the design.
  • Suitable typeface and strategic positioning of the type will result in visual hierarchy and balance in a work of design.
fig 3.2; My Mindfulness Journal by Anna Black

fig 3.3; Traveling Alone;


fig 3.4; Malaysia's hospitality;

INSTRUCTIONS


For this week's exercise, we are to do 2 designs from Harmony, Unity, Symbol and Word and Image.

EXERCISE

Design 1: Word and Image

Visual Research and Idea Exploration

fig 3.5; Summer solstice graphic design by KIKO; sauce: Red Book

I saw this graphic design on Red Book, I personally really like the idea for this design and the color scheme that the designer KIKO has used. And thus, I'm inspired by it and decide to do a word and image design by combining the reference I got and the song BREATHE by Lee Hi that I think is really good.

fig 3.6; A scene from BREATHE music video; 

fig 3.7; Britney's first attempt at word and image design; 

I tried to replicate the beach-y feel and inserting the song's lyrics. In this design, I wanna expressed that everyone is their own individual and it's okay to make a mistake. I tried to make it like the owner of the feet is trying to end their life however there's still something holding them back from doing so. 


fig 3.8; Final outcome of Word and Image design;

I made some minor changes for this as I do not want to add a lot of stuff and make it look complicated, as the lecturers has always told me, "less is much". And I think the simplicity of the design makes it more clean as well. 

>
fig 3.9; Final outcome of Word and Image design in PDF

Design 2: Harmony

Visual Research and Idea Exploration

fig 4.0; Photography by Tom Grimbert; sauce: https://www.pinterest.com/pin/575334921152180387/

It was actually a rainy day when I got the idea, and there's no one in my house except for my sister and I got the idea after just looking at the rain. The photo above is actually something confirms my idea because I personally have been to a place similar to this during my travel in Thailand. The colorful umbrellas makes it a really beautiful sight. And thus I tried to sketch it out:

fig 4.1; Britney's first attempt at Harmony design; 

For this design, I tried to create a sense of loneliness by making him look like the only one who doesn't have his own umbrella. However, I think that I did it wrongly because it lacks the harmony in it. 

fig 4.2; Final outcome of Harmony design;

I then tried to further enhance the idea by making a full of color art but left out only the boy uncolored. In this design, I want to expressed that not only does the boy feels the loneliness in the world but he also feels left out, as if he couldn't find the beauty of the world. 


fig 4.3; Final outcome of Harmony design in PDF;

FEEDBACK

Dr. Charles has provide me very useful feedbacks and thanks to him, I was able to further improve my designs. For the word and image design, he said that the simplicity of it is nice and it looks quite clean, however, the flow should be smooth instead of being so messy. 

For my first attempt at harmony design, he told me that it isn't emphasizing harmony and that something needs to be edit such as the umbrellas, the boy and the bag. 

REFLECTIONS

Experience: To be honest, I feel very conflicted at first to choose which design I want to do because I want to try all of them out but at the same time I'm scared as well because I always unsure of the work I do. And although I know that I may not have the talent for things like this, I still tried my best to design what I really want to expressed. And the lecture videos always helped me a lot as well. 

Observations: Typography in the word and image is especially important from what I see. In my opinion, by using the right typeface and font, one can express what they want very well. 

Findings: I think that all these principles are equally important as they all improve the design even more and could fully explain what the design is about even without using words. 

Comments

Post a Comment

Popular posts from this blog

Major Project // Final Submission

-
Image
Week 1 - Week 16 (22.04.2024 - 09.08.2024) Britney Chow Pei Jun / 0350043 / BDCM Major Project Progression INSTRUCTIONS PROGRESSION Week 1 - 2: For the first week, we started our class with Mr. Asrizal giving us a brief on what major project is. He told us that this time we're allowed to be in groups to work on our major project. Furthermore, Mr. Kannan also mentioned how we should brainstorm for our major project. After that I started to think how I should proceed with my major project while in the meantime, searching for partners. I then started to group up with Jia Yee for my major project. We then started to brainstorm for ideas, both of us have came up with all sorts of ideas, yet none of them feels like it would be best suited for us. After coming up with a few ideas we think could work, we started organizing it: Fig 1.1; Ideation 1; Week 1 Fig 1.2; Ideation 2; Week 1; ...
Read more

Game Development // Task 1: Game Proposal

-
Image
1.9.2023- 29.9.2023 (Week 1 - Week 5) Britney Chow Pei Jun / 0350043 / BDCM Game Development Task 1: Game Proposal LECTURES/EXERCISES WEEK 1 In this week's class, we are required to review a game made by our seniors. Fig 1.1; Reaper Test Game; sauce:  TDS Gamezone ; Although the graphic of this game does not feel as good as the other game in Gamezone. However, it is still nice as it uses simple shapes and design, the colors used in the game does not feel very out of place, the background also feels alright, but for my first time playing this game, I did not know about the environment of the game. Furthermore, the music chosen also able to fit in to the game itself. The story of the game is nice as there's a goal behind it. Due to the limitations the developer faces, there won't be more to the story. Moreover, the movement of the character is slightly "slippery" as it sometimes slipped even th...
Read more

Design Principle: Project 2

-
Image
11.10.2021 - 31.10.2021 (Week 8 - Week 10) Britney Chow Pei Jun / 0350043 / BDCM Design Principles Lectures and Project 2 LECTURES  Introduction A designer's role is to solve problems with effective visual communication. Ranging from personal goals to community events, and from corporate functions to world changing projects. Observation Be attentive to your surroundings Pay attention to the details and to be analytical about them Sources of observation can stem from artifacts, daily happenings, physical surroundings, and such.  An active act of acquiring information through the senses, of a subject matter in its natural setting. Senses are important for us to know, feel, understand, analyze and even plan what we want to do. Important to designers as it enables them t...
Read more