Week 2 - Empasis, Balance, Repetition, and Movement

-

31.8.2021 / Week 2
Hansel Ribowo / 0350008
Bachelor of Design in Creative Media
Design Principles
Task 2 : Empasis, Balance, Repetition, and Movement

Lectures

We didnt have classes, because its Malaysia Independence day but we still learning about Empasis, Balance, Repetition, and Movement from the video that Mr Charles gave us from microsoft teams.

First Video: 
1. Balance:
  • Balance refers to the distribution of visual weight in a work design.
  • Balance is the visual equilibrium of the elements that causes the total image to appear balanced.
  • Balance can be symetrical or asymetrical.
2. Symetrical Balance: 
  •  Symetrical balance has equal weight or equal sides of a centrally placed fulcrum.
  • Arraging elements equally around a central point result in radial balance.
  • Approximate Symmetry is when equivalent but not identical forms are arranged around the fulcrum line.
Fig 1.1 Symetrical Example


Fig 1.2 Symetrical Example


3. Asymetrical Balance
  • Asymetrical balance has unequal visual weight on each side of the composition.
  • One side of the composition might contain a dominant element, which could be balanced by a couple or more lesser focal points on the other side.
  • Asymetrical balance offers more visual variety, although it can be more difficult to achieve because the relationships between elements are more complex.
Fig 1.3 Asymetrical Example


Fig 1.4 Asymetrical Example

4. The Golden Ratio
  • The golden ratio also known as "phi", the golden ratio is a mathematical concept and a number that goes on indefinitely.
  • The golden ratio has been used for centuries as a guide to create visual balance in architecture and paintings.
  • For designers, illustrators, or digital artist, the golden ratio can be used to bring harmony, balance and structure to one work. It can also increase the appeal of the design work.
Fig 1.4 Golden Ratio

Fig 1.5 Golden Ratio Example

5. Rule of Thirds
  • Rule of thirds is a composition guideline to create more dynamism to a work of design, photography, film, and painting.
Fig 1.6 Rule of Thirds
6. Emphasis
  • Emphasis is used to create dominance and focus in a design work.
  • Emphasis can be created using various elements such as colour, shapes or values, to achive dominance.
Fig 1.7 Emphasis Example
Second Video:
1. Repetition
  • The repetition of elements of design creates rhythm and pattern within the work.
  • Pattern increase visual excitement by enriching surface interest.
Fig 1.8 Repetition Example

2. Movement
  • Motion or movement in a visual image occurs when objects see to be moving in a visual image.
  • Movement in a visual image comes from the kinds of shape, forms, lines, and ccurves that are used.
Fig 1.9 Movement Example
3. Hierarchy
  • Hierarchy is a choreography of content in a composition to communicate information.
  • Visual hierarchy directs viewers to the most important information first.
Fig 1.10 Hierarchy Example

4. Alignment
  • Alignment is the placement of elements in a way that edges line up along common rows or colums.
  • Alignment creates a sense of unity and cohesion, which contributes to the design overall aesthetic.
Fig 1.11 Alignment Example

 
Exercise
For Balance i decided to make this landscape

Fig 2.1 Symetrical Sketch


Fig 2.2 Symetrical

I choose this design because its simple to make it symetrical and i love to see a good landscape so i decided to choose this design


Fig 2.3 Emphasis Sketch

Fig 2.4 Emphasis 

Fig 2.5 Emphasis final outcome

I choose this design because inspired by the picture that using animal so i decided to make 4 owl with 1 diffrent color to show the Emphasis.

Feedback
General Feedback: If you dont get feedback you can always use the Mr Charles feedback for other students to make my design better.
Reflection
This exercise is more challanging from the first one and at first i really dont know what to make for my exercise but its fun to do, and i found from making this exercise is i should pay more attention for my design so my design can be more attractive rather than just fullfill the rule.



Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN II - EXERCISE 1

-
Image
12/04/2023 Hansel Ribowo / 0350008 BDCM (UI/UX) Application Design II - Exercise 1 Exercises In this first week, Mr. Razif explains to us about MIB and what task and project we will do this semester after that we learn how to use Chat GPT to make a website after that Mr. Razif asks us to do some exercises which make a website using Chat GPT. Here my website uses Chat GPT Fig 1.1 Home Page Fig 1.2 About Page Fig 1.3 Portfolio Page Fig 1.4 Contact Page Fig 1.5 HTML Coding in Visual Studio Code Fig 1.5 HTML Coding in Visual Studio Code Fig  1.6 CSS Coding in Visual Studio Code Fig  1.7 CSS Coding in Visual Studio Code Fig  1.8 CSS Coding in Visual Studio Code ...
Read more

APPLICATION DESIGN II - LECTURE

-
Image
03/05/2023 Hansel Ribowo/BDCM App Design II Lecture Lecture In this week we learning how to animate our website. We start by learning how to use Gsap website to help us with the animation of the website, Then we try to animate our website logo by using script that we copy from Gsap. First we need to load Gsap into HTML page we need to add script in visual studio code which is this After adding the script now we can add the animation from Gsap, our lecture want us to the animation for the logo so this the code for the animation First we need to add id to the logo. and then add the Gsap at the java script section. This one is for adding ease in/out for the animation After that, we added some animation delay to make it come one by one. This animation for the side panel that when we press it will show the menu to animate the section we need to add the animation when open and close the panel. now we making the main lo...
Read more