Design Principles -- Exercises

Design Principles--Exercises


Yap Wei Xuan (0338916)
Design Principles
Exercise,Project 1,Project 2 & Final Project


FINAL PROJECT

We usually see lots of billboards while driving on the road, but we usually didn't pay much of attention to them.MeanWhile, for the final project we were told to create a billboard which we get inspired from the billboard around us. We were allowed to use any media to create the work.

My friends and I start to walk around at the campus and find some billboards for inspiration, I also take some photo of billboards which beside the roads too.

Image result for petronas billboard
Fig 1.1 Petronas Billboard
Fig 1.2 Billboard around campus
Fig 1.3 billboard around campus
Fig 1.4 billboard around campus
I had an idea, which is "spend more time with our family, and it's time to go home".I had this idea while saw the Petronas billboard, it remind me of the advertisement of Petronas which talk about reminding worker going home from work.

Image result for petronas advertisement
Fig 1.5 Advertisement of Petronas
Nowadays, there are lots of people who work outside and didn't have much of time to spend time with their family and parents, even Chinese New Year, or other public festivals most of them are still working and didn't go back home.

I wanted to create a billboard that reminds people it's time to go home, so i start off my idea with some draft sketch.
Fig 1.6 Ideas of billboard

Ms. Sherry said the second sketch brings out a strong message so i choose that sketch and work on it.
Fig 1.7 The chosen sketch

To show a sad and lonely atmosphere, i choose some cool colors as the background and also put the shadow to make the blue feeling stronger.

Fig 1.8 The background
Next, I digitize the wheelchair and the old lady (mum), I choose a "older" color for the wheelchair but for the cloths of the old lady, I choose a brighter color to show the contrast of the lady and the background (the sad atmosphere), there are some reason why I want to show the contrast, and i will explain it later.
Fig 1.9 The wheelchair
Fig 2.0 The old lady with wheelchair
After that, I digitize the food and table, it was the reunion dinner food. Chinese used to have a reunion dinner on Chinese New Year Eve which everyone will come back home to have a dinner with family, it was traditions of Chinese.

Fig 2.1 Add table
Fig 2.2 Food on table
Besides, I add on some lanterns and blossom to show it was during Chinese New Year. And also the headline of reminding people "It's time to go home"

Fig 2.3 adding decoration 
Fig 2.4 Add blossom
I also add the clock and the lamp to show it is night time

Fig 2.5 Add lamp and clock
This is the final outcome

Fig 2.6 The final outcome
For this work, It talks about an old lady cooked the reunion dinner and waiting for her children come back home to have a dinner with her. But it seem that, her children didn't come back, as you can see it is over the dinner time, it was already 9pm.

If you look at the old lady, she looks sad and disappointed while looking at those food which were not eaten yet. We can strongly feel how sad she is. She wearing bright color cloths which means she dresses herself well and she was excited to see her children.

For this project, the design principles that i use are:

  • Repetition:The repetition of the petals and the flowers, and also the laterns
  • Balance: To balance the whole artwork, i choose the darker color for the background and some brighter color for the old lady, table and food (things in front) so the color of the whole picture won't be too sharp or dark.
  • Harmony:
    The harmony of the color between old lady and the background, they looks similar but different and the green color background match the whole atmosphere and also others things such as the red lantern or the red table
  • Hierarchy: By using some brighter color for the old lady, table and food, we can see the hierarchy of the whole figure, the old lady and the food is the main thing and it brings messages 
Last but not least, we must be grateful that our parents are still alive.  We should cherish the time that we can still get along with our parents and bravely tell them that we love them.


PROJECT 2

For Project 2 we were told to create a composition poster with different elements. For the elements which need to combine is the photo that we take currently. We can choose a place we like or maybe is meaningful for us. Like home, Mc Donald, classroom and so on.

First i struggled about which place should i choose. After Ms Sherry shows the work that a senior did , which is about Mc Donald , the first places which pop out in mind is the fast food restaurant"Texas Chicken". I really like the chicken there, it taste juicy and the chili sauce is really nice.

Suddenly, i heard someone said " Xuan, are you going? When does the bus come?"

After that, i decide to choose the bus stop as my chosen place.It is because, as i live at Suriamas, which is quite far from campus, and everyday i need to take the Taylors shuttle bus to university and of course go back to home. Everyday i spend quite lots of time waiting for the bus at the bus stop because sometimes the bus didn't come

Now let's get start to do it!

First, these are the photo that i take for this project:
Fig 1.1 The seat of bus
Fig 1.2 The bus ticket (1)

Fig 1.3 The bus ticket (2)


Fig 1.4 The stop smoking sign at bus stop
Fig 1.5 The taylors bus ( but not the bus that i take everyday)


Fig 1.6 The waiting place 

First of all, I put the seat of the bus on top of the work as i want it to become the sky

Fig 1.7 The sky

Then, I put the bus image on it. This is the taylors bus but not the bus that i take for everyday because everytime i don't have time to take a properly and pretty pictures for the shuttle bus as the bus will go away if i'm not in time and also there are lots of people there , so i can't take a proper picture for it.

Fig 1.8 The gorund
 Next, I crop out the bus as i want everything is in black accept the bus and also the arrows
FIg 1.9 Cutting out the bus
I put the black and white filter and also the "do not smoking" sign. I put the sign in the sky cause i want to make it looks like the sun but a sark sun because it is about to rain! I also add some cloud on the " bus seat sky"

Fig 2.0 Adding the B&W fitlter
I also put the arrows as the direction of which way the bus usually left, and also the bus ticket as the road
Fig 2.1 Adding elements
These days, it rain often so i make some "rain" by using the red words on the tickets. Mostly 5 days, there will be 2 days that is raining while i waiting for the bus.
Fig 2.2 Adding the rain
Lastly, i finally add the bus and the "wawasan sutera" words which on the bus tickets and my composition is done
Fig 2.3 Finally adding the bus

Actually there is another meaning inside, as it is black and white and also raining, it also reflect of my own feeling while waiting for the bus. I am a Sabahan and i need to go back home alone in this unfamilar city, I feel very lonely and the bus is the transport that help me back to my little room for a rest so it is in color.

Fig 2.4 Final Outcome

For the design principle that i used in this project is:

  • Contrast:
    We can clearly see the strong contrast between the black and red color which show in the artwork
  • Direction/ Movement:
    The arrows create a direction that going the particular way and looks like that bus is going to the way
  • Pattern/ Repetition: The "rain" makes a pattern and actually is repeating the word "Wawasan Sutera"  



PROJECT 1

We were required to do our own self- portrait with using any media. For this project, we need to create an artwork which show who you are, and what is your personality. Ms Sherry also said that in our self-portrait, it is not necessary to have our own face in it.

At first, i want to draw lots of cute stuff to show the personality that is childlike, but it seem not really work, and childlike is not the whole of me , it is just a part of me. When i am looking at some self portrait that others artist made , i saw there is a portrait that create by words.

Fig 1.1 The reference portrait
I feel that using all the words that describe me can clearly show who am i. So I started to work on it.

Fig 1.2  Selfie of me
 I choose a photo of me, and start to sketch my face on the paper

Fig 1.3 The draft of the artwork
After that, i use ruler to draw a line in the middle , and start to work of the right side of my face. I roughly shade the place that i want to work on with words, so i can write in a easiest way
Fig 1.4 The shading of the right side 


I started to write on it, as you can look at the detail of it, the bigger word is the word that is more important to me

Fig 1.5 The progress of doing it
  • God: As i am a christian 
  • Draw: I really like to draw, i usually draw a lot when i am free
  • Dance: Dance is also one of my hobby, i used to dance a lot in the pass three years

Fig 1.6 Finished the right-hand side
 There are also some details that i want to mention:

  1. The ear is a "19" as i am 19 years old 
  2. There is a love in my eyeball, as i am taught to love everyone around me, love them as how i love myself. This world should be full of loves and it is also a remind for me
  3. There is also a short message for my lovely classmate!
Fig 1.7a  Details

Fig 1.7b Details 
For the left-hand side i didn't do anything special, i just use watercolor to color it. I didn't color it in black & white but in a colorful way, because i want to show the contrast between both side and I want to show the outside me.
Fig 1.8 Finished the left-hand side
For the whole artwork, there is a idea there. For the left side is the outside of me, is colorful is about no sadness. For the right side is the inner me. It is full of my own expression, and also lots of remind for myself. There are also lots of words that i try to be, faithful, be positive and so on. There is still lots of things that i want to change and improve, and this artwork can remind me.
Fig 1.9 The final artwork
The design principles that show in this artwork:
  • Symmetry & Asymmetry:
    The first design principle we can see in this artwork is symmetry and also asymmetry.It is symmetry that everyone's both side of face is the same but it is also asymmetry that one side is full of words and in the color black & white but the other side is striking different from the right-hand side
  • Contrast:
    From the color we can already see the contrast between both side. Next, the way of present of both side is also different, one is watercolor, one is black ink pen.
  • Texture:
     For the texture, the tiny words show a visual texture and also it also looks like it may have a particle touch. 


Lecture 7 : Rhythm, Harmony & Movement

This week we will talk about rhythm,harmony and movement.

Rhythm: Regular rhythm follows a constant interval over and over again and can be made with any element as long as there is consistent repetition of the same element
  • Rhythm Can be created through a regular repetition of sound (in music) or pattern.
  • Rhythm and Movement always coincide within Design as they both make use of the interval of space

Regular rhythm
  • Regular rhythm follows a constant interval over and over again and can be made with any element as long as there is consistent repetition of the Same element

Random rhythm
  • This type of rhythm doesn’t have any particular sense of flow or direction when using this type you have more freedom and little to no restrictions

Flowing rhythm
  • This rhythm shows a series of curves,bends and undulation

Alternating rhythm
  • repeat to make more an one element

Progressive rhythm
  • The elements repeat here over an interval but with more variation,usually in gradual steps

Harmony:Harmony is the quality of how the visual elements are working together in a composition
  •  All harmony and no contrast, however, can become monotonous, which means dull, tedious, and repetitious
  • The repetition of design elements like colour (adjacent colours), related texture, similar shapes, and forms.
Movement:Movement is the path the viewer’s eye takes through the work of art,often to focal areas.

Anticipated Movement
  • Live figures portrayed in unstable body positions cause us to feel that motion is imminent. 
Fuzzy outline
  • When figures move past us at very high speeds, we perceive that figure as somewhat blurry. 
Multiple Image
  • Similarly, showing multiple overlapping images gives us the impression of motion.
Optical illusion
  • Certain optical illusions based on the repetition of geometric forms will cause your eye to produce motion where none is present.
Exercise 7
Rhythm, Harmony & Movement

For this assignment, we had to create an artwork within these principles. I choose movement to create my artwork

I want to do a kicking movement of the athlete , and it makes from different motion, action of a athlete.

First i find a photo of a football player, and cut it out

Fig 7.1 The football player
Next i draw the others motion of him and make it the different color to clearly see the series of the whole action of kicking football,and cut it out too

Fig 7.2 After cutting out
Next, i clue all of these on the green paper first. But it seem, it didn't come out well, it doesn't make those "motion" pop out , so i decide to paste these on a black paper

Fig 7.3 First try on green paper
Obviously, the black paper clearly show the contrast between both the black and the others color, and it looks better than the green paper
Fig 7.4 Final piece
It is a time frames of the whole kicking movement.



Lecture 6 :Dot, Line, Scale & Size

Dots:
  • The smallest and most basic element of design
  • Designing with dots can create a wide variety of visual effects
  • There are various associations that can be made with positioning a single dot in different areas of a page

Image result for Dots

Image result for Dots

The repetition of Dots create:
  • Creates textures
  • Optical illusion
  • Pointillism
  • Makes vivid and stimulating effects through combination of different sizes.
Lines:
  • A path trace by a moving point
Image result for Lines


Related image

VerDiagonal Lines:
  • Suggest action and movement.
  • They convey dynamism, vitality, and animation.
Tical Lines:
  • Suggest alert attention.
  • They imply strength, power, and authority.
Horizontal Lines:
  • Can be landscape and the horizon
  • They convey peacefulness, vastness, and constancy.
  • Organic Lines
  • Found in nature
  • Convey a sense of gracefulness, dynamism, and spontaneity
Geometric Lines:
  • Mathematically determined
  • Often found in man-made constructions
  • Convey a sense of order, conformity and reliability
Implied Lines:
  • Lines that we see in our mind’s eye
Actual Lines:
  • Objects that are real lines; they exist physically
Size:
  • How big or small an element is in relation to other objects
  • Simply the relationship of the area occupied by one shape to that of another
  • Used to convey important, attract attention and create contrast
  • To make a particular element stand out or give it importance
Image result for size art
Add caption

Scale: 
  • Scale refers to the size of an object ( a whole) in relationship to another object ( another whole).
  • In art the size relationship between an object and the human body is significant.
  • In experiencing the scale of an artwork we tend to compare its size to the size of our own bodies.
Image result for scale design principle



Exercise 6
Dots,Line,Scale &Size

For this exercise, we can use dots and lines to create our artwork. I choose dots to do my works as i had create these type of artwork before so for me,  using dots is more easier to me.

First, I want to draw a leopard but i accidentally saw a lion picture and i decide to use dots to draw the lion. I feel really excited, because it is a challenge for me .

I roughly sketch out the lion face and start to stippling on it using my black pen.
 
Fig 6.1 The eyes of the lion
After that i draw the lion's hair out using pencil, so it is easier to let me know how the hair will be like
Fig 6.2 After finish the lion face

Because it will takes a lot of time i simply dots out the outline and continue stippling on it.

Fig 6.3 The rough outline of the hair of lion

After about 5 hours front on my table, it finally done! It really train my patient, because everything is dots and even the black part and the lines. This is the final outcome of my art work.
Fig 6.4 The Lion



Lecture 5 :Hierarchy, Alignment,Direction & Perspective

08.05.19 ( Week 6 )
This week Mrs Sherry gave us a lecture about what Hierarchy,Alignment,Direction and Perspective

Hierarchy:

is the order in which a user process information on a page, its function in UI design is to allow users to understand information easily

It helps signal the importance of each elements




Alignment
is the way visual elements are arranged so that they line up in some way 




Direction:
All line have direction and there are three common direction in design 
  • Horizontal : calmness,stability and tranquility
  • Vertical : balance,formality and alertness
  • Diagonal: movement and action





Perspective:
Indicates depth in a two-dimensional image. Perspective is the tool we use to indicate depth.  



Exercise 5 
Hierarchy, Alignment,Perspective & Direction

We are required to photo some photo which is currently but not the past photo. So all of us started walking around the campus to photo some pictures we need to use in our exercise.

After that we need to work on our photo by using Photoshop

Fig 5.1 the original photo

 This is the photo that i take in my friend apartment from the 5th floor, and i start to work on it . I want it to become prettier and dreamy so i decide to put a sky that full of star

Fig 5.2 photo after photoshop

This is the outcome of it but Mrs Sherry said if i want to show perspective i do not need to put any things on it

Fig 5.3 original photo

This is another photo i take in the campus. It is just outside the classroom.I try to work on it and make it become hierarchy

Fig 5.4 first try

Mrs Sherry said that she know me want to make my photo become fun but it didn't show hierarchy because of the word " call me maybe " so i redo it again

Fig 5.5 second try



Lecture 4: Surface,Repitition,Pattern and Texture

24.04.19 ( Week 4 )
This week we learn about what is repetition, pattern, texture and surface is.

  • Pattern : repetition of design elements which can divide into seamless (never ending) and finite ( with end ). It's uses is attract attention and rhythm
  • Repetition: reusing the same or similar elements throughout your design.It bring a clear sense of unity,consistency and cohesiveness.
  • Texture : can be broken into two parts which is physical and visual

*Physical texture: texture that you can actually feel with your hand,all things that change the nature of a surface
*Visual texture: the illusion of physical texture,created with the materials you use.

Keywords: smooth, glossy, fuzzy, hard, rough

Related image
Pattern

Image result for repetition
Repitition
Image result for texture
Texture

This week, our exercise was about using any vegetable or something else,just what ever you want ,and use it to create a pattern


Exercise 4
Pattern

I like pineapple and cactus, and it become my pattern inspiration. I use potato and carrot and cut into the pineapple and cactus to create the pattern

Fig 4.1 cactus
For the pink "cloud" behind i use a cotton wool balls to create it.

Fig 4.2 pineapple
I color the potato with two color which is orange and yellow so it became more colorful

FEEDBACK

Ms Sherry said this is totally a pattern but we can just using very simple item and no need to be complicate, but she say my work is quite fun and it is a pattern



Lecture 3 : Balance, symmetry and asymmetry

17.04.19 (Week 3)

Today is our team to present and give a lecture about balance, symmetry and asymmetry. We had prepare about one week and this is what we talk about.

Balance is the distribution of the visual weight of objects, colors, texture, and space. If the design was a scale, these elements should be balanced to make a design feel stable.


Symmetry is the elements used on one side of the design are similar to those on the other side.


Asymmetry is the sides are different but still look balanced.


After our present, Ms Sherry talk more about the balance, symmetry and asymmetry so that all of the students will more understand about it.

We are required to do a artwork with pastel or watercolor which you can do symmetry, asymmetry or balance.

Exercise 3
Balance, Symmetry and Asymmetry

I have chosen watercolor for my artwork.

Fig 3.1

I sketch out the draft of my artwork. I draw a big guy which is Mat hat in" Alice in the Wonderland" and draw a small girl which is Alice in the cup.

Fig 3.2

I want to show the balance between the Big and Small people with coloring the Mat hat with some darker color so it won't sharper then the small people and color Alice in bright color, so the Mat hat and Alice will become more balance with the color. I color the table and the sky in black and white but not with some bright color also because to pop out this two character.

Fig 3.3

After all the coloring i draw the outline with black color and this is the final piece

FEEDBACK

Miss Sherry say that the little girl didn't pop out because of the cup but she say i did a nice job on the watercolor




Lecture 2: Gestalt

10.04.19 (Week 2)

This week we learn about Gestalt.It is about how humans typically see objects by grouping similar elements, recognizing patterns and simplifying complex images. Our brain sometimes can drawn out and fill in the details of an object which doesn't sum properly.

  • Closure- People usually will automatically fill in the gaps between elements and drawn out a complete image.
  • Continuation- People's eyes and brain naturally follow and drawn out lines to complete a incomplete figure
  • Similarity- People link the similarities in an image and automatically perceived the elements as a group
  • Proximity- We place the elements which is closer and become a new image

Here is some examples of Gestalt:

Image result for gestalt design


Image result for gestalt design

We received a "mission" to do a gestalt exercise.

Exercise 2
Gestalt

10.04.19 ( Week 2 )

In this exercise, we are only allowed using black marker to complete our work.For me, this exercise is really tough. At first i do a lot of research finding an idea but i still can't draw out any thing. Seems that i'm still not understanding the meaning of Gestalt, my friend start explaining about it and i pop out some ideas in my little brain.

Fig 2.1

I sketch out some draft and choosing the design which present more about Gestalt.

Fig 2.2

This is the final design i choose and draw it out with black pen and fill in with the black marker.

This is about the love between a father and a child, as we can see a love, a small hand holding a finger of a big hand,and between the big hand there is a man head which is the "father's" head.

FEEDBACK

Mr Sherry say that she can clearly see the hand, heart and the head. It was not bad cause she wants a gestalt artwork which is not complicate


Lecture 1 : Briefing

03.04.19 (Week 1)

The class began with a small briefing of our module . After that, Ms Sherry asked us to introduce our selves to new classmate and draw their face at the same time. The art works was hanging out after a small break. We get to know each other and Ms Sherry and Ms Anis also introduce themselves too

Next, Ms Sherry continue the class with a lecture about the introduction of contrast. She also show us some examples of contrast.

For instance :

  • Colors
  • Size
  • Shapes
  • Texture
  • Rhythm
  • Movement
  • Angles
  • Font

Here is some contrast examples :

Image result for contrast design

Image result for contrast design

After that, we were requested to do a contrast exercise based on color contrast

Exercise 1
Contrast

03.04.19 ( week 1)

In the first class, we were asked to do a exercise based on color contrast. We could only use black and white A4 paper to complete our work. Cut the black paper or white paper and paste on the white or black paper, to show the color contrast between it

Fig 1.1

I sketch out the draft, and try to add design on it. This is my self-portrait of my half face .

Fig 1.2

I cut out two different contrast with black base and white base. I began to chose which can show the message that i want to bring out more.
Fig 1.3

I finally chose this as my final work because it significantly show the striking different between black and white .

Everyone has their own secret side deep in their heart and i want to shows that the different side inside me. The two different personality present by the color black and white.


Fig 1.4
Fig 1.5



Fig 1.4 & 1.5


The inspiration of my design













FEEDBACK

Ms Sherry like my work, she said the line that i added can pop out the "head of me " .










Comments

Popular Posts