Design Principles / Exercises

1.13.2023 - 20.9.2023 ( Week 1 - Week 4 )

Berlian Johanna / 0360054 / Bachelor of Design (Hons) in Creative Media Design Principles

Design Principles - Exercises

Instructions

Lectures

Week 1 - Introduction to Design Elements and Principles

Visual communication is about utilising design to convey purposely messages to at Thes target audience. To achive effective communication through design, it is important to learn about and apply the elements and principles of design. 

Elements of Design 

  • Point
  • Line
  • Shape
  • Form
  • Texture
  • Space
  • Colour
Principles of Design

  • Contrast
  • Balance
  • Emphasis
  • Rules of Third
  • Repetition/Pattern/Rhythm
  • Movement
  • Hierarchy
  • Alignment
  • Harmony
  • Unity
  • Proportion
  • Contrast
    • the juxtaposition of strongly dissimilar element
  • Gestalt Theory 
    • The idea form from human brains to create structures with elements. 


  • Principle of Similarity
    • Item design where it shares similarity and related. 
  • Principle of Continuation
    • A flow of visual that connected between design elements. 
  • Principle of Closure
    • A silhouette by fill blanks to create the design elements complete placed together. 
  • Principle of Proximity
    • Placing the design all together to become one element design. 
  • Principle of Figure/Ground
    • A state that perceive elements as the object that become the center of background. 

Exercises
Design Principles 
  • Gestalt theory   

  • Contrast

  • Word and Image     

  • Symbol  

  • Harmony & Unity  

  • Movement  

  • Repetition ​ 

  •  Balance  

  • Emphasis  


A. Emphasis
1. Small Recap
Emphasis is the principle of creating a centered interest in an art work with the ability to attract attention. 
2. Design Process
2.1 Visual References

Fig 1.1 Art Reference of Damaged Heart 
https://pin.it/nRSAQYR

Fig 1.2 Image of Heart Strings Tendons Reference
https://pin.it/7cHulaz

2.2 Idea Exploration

Fig 1.3 Design Process for Emphasis

At the beginning of my concept of emphasis, I combine every element as inspiration for this art. 
From the base shape of heart using simetrical line then proceeded draw a line along with the tendon. In 1 page I have a center art a light pink along with the shade from light pink, red then to the dark colour, I focus to blurring to form as the heart was remained alive. After shading the heart, I begin my experiment for the tendons shading. The tendon shading at first just a red, then I make it more dark red and mix with black colour. I tried making the tendon thicker which causes the heart to lose its emphasis on so I decided to reduce the line art for the tendon heart strings.
 
2.3 Final Design

Fig 1.4 First Design of Emphasis

I originaly have this concept in my mind and inspired it in my old book. 
The part of the tendon was a heart string tendon, I took inspiration from real heart tendon strings as a form of emphasis where it surrounds the heart and holds the heart together. 
This concept refers to a stichting heart which represents a closed scar. And for the heart string tendon which in that condition along with the heart shown as a form of suffer in broken heart syndrome where it tries remain for recovery.
 
2.4 Feedback
According to my teacher, the tendon in the backgrounds at first get suggested to make it lighter shade aorund with the shape grid. But I prefer stay with the previous original design because it potentially able depicts the emphasis too as the tendon coloured as a dark red which is symbols of struggle in condition of environment. 

2.5 Reflection
The idea behind this design reveals how the heart is suffering but it still manages to hold up itself with the heart string tendons which means that no matter how much the heart suffers, its still strong enough to hold on and never let itself down under any circumstances.
It shows the matter of how many people are trying their best to heal or recover their heart in order to avoid the harmful syndrome. 
The contrast of the colour I test was more into experiment in shading. From too much dark or the lining tendon too thicker. I fixed many times and comparing which one is creating the heart more stands out.

B. Contrast 
1. Small Recap
Contrast is the refers of visual with different elements for capturing attention.

2. Design Process
2.1 Visual References

Fig 2.1 Art Reference for Contrast
https://images.app.goo.gl/oZ2c6jAj77XTpgS78

Fig 2.2 Reference for Ram Head
https://pin.it/4V0Qx2B

2.3 A Chess Reference Form
https://pin.it/4x8dxxP

2.3 Idea Exploration

Fig 2.3 Design Process of Contrast 

For the concept of contrast, I started by using a chess ( knight ) as a base reference, then combined with a ram, then coloured line of black and white. I made some kind of pattern tringle line as an ancient looking aesthetic value. 
For the final part I duplicate the ram and create opposite colour and adding a black and white wallpaper to shown the same concept but opposite.
   
Fig 2.4 First Design of Contrast ( Experiments ) 

In this first design, there's a way to make this more interesting then a straight line. But somehow the line existence breaking the whole point especially the extra line. So i erase the extra line and change into curve like a yin and yang that divided them into 2 sides even though the concept of ram between the above and bottom still same. 

2.4 Final Design

Fig 2.5 Final Design of Contrast

This art I originaly inspired and have the idea design named the Obsidian Ram only if it's without the concept of contrast. Then I input this for concept of contrast. For the chess ( knight ) it shown as flexible, fearsome and tricky. After that I change the horse concept into a Ram, Ram is symbolism of protection and guidance. With this element as I made 2 Ram  with opposite color it shows how it has the own roles despite same form.

2.4 Feedback
According to lecturer, about the prevous first design the matter was about the line that deviding the ram and the extra line that need to have changes.

2.5 Reflection
In my perspective a twin ram chess with opposite color of black and white, shows how their role depends by each individualism view and themselves. In a chess world and rules they are symbols of light and dark.
The opposite color of contrast needed to make it easy to track all the pieces positions in view on board.
Along with pattern so the emptiness are filled, the aesthetic view are the plus point for this pieces. 

Komentar

Postingan populer dari blog ini

Information Design - Flip & Exercise : 1 & 2

Intercultular Design

Information Design - Project 1 & 2