DESIGN PRINCIPLE - EXERCISES (5 PRINCIPLES)
JENNIFER HUANG (0352990)
Bachelor of Design in Creative Media
INSTRUCTIONS
Select 5 Design principles from the list below :
1. Gestalt theory
2. Contrast
3. Emphasis
4. Balance
5. Repetition
6. Movement
7. Harmony & Unity
8. Symbol
9. Word and Image
Description : Create 1 design for each chosen principle. For
materials, you can use any of your choice, but do consider their suitability
to best express your ideas.
Learning Goals :
1. To show and apply their understanding and knowledge of the stated learning goals.
1. To show and apply their understanding and knowledge of the stated learning goals.
2. To express and identify specific design principles alone or when applied
to a complex solution.
3. To apply these principles with control to a design in order to meet the
needs of the purpose/audience.
LECTURE RECAP
Week 1
On the first day of class, Ms. Yip JinChi made it clear and simple, she did some basic introduction and briefing about the lesson we're going to learn on this first semester, then she assigned us our first exercise. Before that, Ms. Yip JinChi told us to watch the pre-recorded lecture video.
On the video that I watched, She told us how to set up our blog and also the materials that we should include inside. There are also some senior's work for us to look at.
so i watched the pre-lectures about principles of design, and i chose Repetition, Emphasis, Contrast, Symbol, and Balance.
1. Repetition
The principle of repetition simply means the reusing of the same or
similar elements throughout your design. Repetition of certain design
elements in a design will bring a clear sense of unity, consistency,
and cohesiveness. Repetition can be regular or irregular and even or
uneven. Basically repetition could make a work of design
seem active. The repetition of elements of design create rhythm and
pattern within the work. "Variety" is essential to keep rhythms exciting
and active, and to avoid monotony. Pattern increases visual excitement
by enriching surface interest. REPETITION CREATES PATTERN!
1.1. Illustration in Repetition:
.jpg)
Figure 1.1.1 (Repetition) Pinterest
Figure 1.1.2 (Repetition) Pinterest
1.2. Fashion in Repetition:
1.3. Repetition in Architecture:
Week 2
A week went by, Ms. Yip JinChi asks us to share our work and progress. we shared our screen and she gave us some feedbacks about the designs. On this week, I've made Repetition and Emphasis although turns out it still needs more improvements.
2. Emphasis and Dominance
Emphasis is used to create dominance and focus in a design work. Emphasis
can be created by size, weight, position, color, shape, and style. Sometimes
referred to as dominance, emphasis might seem similar to contrast, but it's
not quite the same. Contrast deals with the difference
Between two objects, and emphasis deals with the impact of an object.
Adding emphasis to an object creates a focal point, which grabs an
audience's attention. It's where you want the viewer to look first, but
doesn't overpower the rest of the design. A simple example is a long hallway
or corridor, where your eye is drawn to the end of the hallway. Emphasis
refers to the created center of interest, THE PLACE WHERE YOUR EYE FIRST
LANDS.
2.1. Emphasis in Illustration:
in illustration / graphic design, any object or area of emphasis is called
a focal point. The focal point is meant to be the part of an artwork to
which the viewer's eyes are first attracted. Artworks can also have multiple
focal points.
Figure 2.1.1 (Emphasis) from Pinterest
Figure 2.1.2 (Emphasis) from Pinterest
Figure 2.1.3 (Emphasis) from Pinterest
2.2. Emphasis in Photography
Emphasis draws viewers into your image and holds them there long enough to
tell your story. It adds visual weight to your main subject and tells
viewers what to focus on. In photography, you can emphasize the focal point
of your photo is a bright color. You can also emphasize the focal point by
using complementary colors, such as in the example a yellow bud in the
middle of a grey backgrounded water droplets.
Figure 2.2.1 (Emphasis) from Pinterest
Week 3
Another week of progress, we shared all of our blog links to Ms. YipJinchi and she shared her screen to look at our blog and the designs we've made for the design principles. On this particular week, I haven't really made a progress since last week because I've been to busy doing other class's work, when I should've work at least on my blog. So yeah that's definitely a lesson for me.
3. Movement
Movement is the path the viewer's eye takes through the work of art, often
to focal areas. Such movement can be directed along lines, edges, shape, and
color within the work of art. Movement shows action and creates a feeling of
motion within a composition. It also serves as a guide to direct eye travel.
For instance, the eye will travel along an actual path, such as a solid or
dotted line. It will move along more subtle paths such as from large to
smaller elements, from dark to lighter elements, from color to non-color
unusual color to usual shapes.
The use of repetition to create movement occurs when elements with
something in common are repeated regularly or irregularly, creating a visual
rhythm. Repetition doesn't always have to mean exact duplication, either.
However, it does require similarity or near-likeness. Slight variations to a
simple repetition are good, as this will add interest. Repetition tends to
relate elements together, whether they are touching or not.
Figure 3.1.1 (Movement Painting from Google)
Rhythm is the product of repetition, which guides the eye in a direct
flowing, or staccato movement from one place to another. It can be made
using continuous repetition, periodic repetition, or a regular alternation
of one or more shapes or lines. A single form can be slightly different each
time it is repeated, or it can be repeated with periodic changes in size,
color, texture, or value. A line's length, weight, or direction may change
on a regular basis. Color may also be repeated in various parts of the
composition to unify the multiple areas of the painting.
Figure 3.1.2 (Rhythm from Pinterest)
Movement through action, Movement can also be created by action. In two
dimensional works of art, action must be implied. Implied action in a
painting creates life and activity. This is best illustrated by the
direction the eye takes along an invisible path created by an arrow, a gaze,
or a pointing finger. The "freeze-frame" effect of a moving item, such as a
bouncing ball poised in mid-air, a jogger poised to take the next step, or a
swimmer plunging, can also imply action. You get the idea.
Figure 3.1.3 (Movement painting from Pinterest)
Week 4
Last week for this task, I've made quite some progress, I managed to paint harmony, balance, and movement. This week is the final week for submission and I still have to reorganize my blog after this, and also improvise my repetition and emphasis.
4. Balance
Balance can be implied by size, shape, or even contrast. While it can
utilize symmetry or equality, balance can also be achieved through
asymmetry. Symmetrical balance and Asymmetrical Balance. Symmetrical balance
occurs when you have to identical sides of a design with a central point of
axis, Symmetrical design allows you to draw attention to all areas of an
image equally. This form is usually very structured and rigid in nature,
it's referred to as formal balance. For marketers, symmetrical design is
ideal for projects like event invitations or discount offers, but can seem
boring if used on more creative pieces.
Asymmetrical Balance occurs when you have different visual images on either
side of a design, and yet the image still seems balanced. To be considered
asymmetrical, a design needs to have unequal visual weight on either side,
but those unequal visual need to balance each other. Asymmetrical designs
can evoke feelings of movement and seem more modern than symmetrical
designs, but it can be more difficult and less straightforward to create
relationships between the design's individual elements.
4.1. Symmetrical Balance
With symmetrical balance, the visual weight is distributed evenly. You can
draw a straight line through the middle of the design in any direction and
the visual balance would be evenly distributed. This makes the composition
appear stable and creates a more orderly look.
Figure 4.1.1 (Symmetrical illustration) Pinterest
Figure 4.1.2 (Symmetrical illustration) Pinterest
Figure 4.1.3 (Symmetrical illustration) Pinterest
Figure 4.1.4 (Symmetrical Fashion) Pinterest
4.2. Asymmetrical Balance
Asymmetrical balance occurs when you have different visual images on either
side of a design, and yet the image still seems balanced. To be considered
asymmetrical, a design needs to have unequal visual weight on either side,
but those unequal visuals need to balance each other.
Figure 4.2.1 (Asymmetrical Fashion) from Pinterest
Figure 4.2.2 (Asymmetrical Graphic Design) from Pinterest
4.3. Radial Balance
Radial balance is symmetry in several directions. Visual elements are
arranged around central point in the composition, like the spokes on a
bicycle wheel. Often, radially balanced design are circular. Other shapes
lend themselves to radial balance as well-squares, hexagons, octagons,
stars, etc.
.jpg)
Figure 4.3.1 (Radial Balance in Mandala) from Pinterest
Figure 4.3.2 (Radial Balance in Graphic Design) from Pinterest
5. Harmony
Harmony is the element of your design that fit together. Fill harmony and
no contrast, however, can become monotonous. A balance must be struck
between areas of harmony and areas of contrast.
5.1. Harmony in illustration:
Figure 5.1.1 (Harmony illustration From Pinterest)
Figure 5.1.2 (Harmony illustration from Pinterest)
5.2. Harmony in interior
Figure 5.2.1 (Harmony in interior design Google)
DESIGN PROCESS AND IDEA EXPLORATION
After watching the pre-recorder lectures, I finally understands the
different types of design principles. The five design principle that I chose
are Repetition, Balance, Contrast, Movement and emphasis. But then I
switched Contrast with Harmony.
1. Repetition
For Repetition, I searched some reference from both Pinterest and google
and finally found this simple yet cool design of a simple repetition, the
reference that I chose is a theater seat that's painted over and over again
till it forms a repetition. Bellow is the reference for repetition.
Figure 6.1.1 (Repetition reference from Pinterest)
You might wonder why suddenly a cheese appears in the middle of
repetition.. well funny story I was scrolling through Pinterest with my
friend, then found out lots of food illustration such as this cheese, then
my friend jokingly challenged me to draw this cheese.. but then I thought
maybe this cheese could be my reference to make repetition. So then I
did.
%20180808238%20_%20Shutterstock.jpg)
Figure 6.1.2 (Realistic cheese reference from Pinterest)
This is pretty much how the cheese illustrating went by, first I sketch the
outline, then I fill it with the basic color of the cheese, after that I do
the shading step by step. At this point to be honest I was slowly regretting
my choice to drew this cheese, it was quite challenging really. But then I
took a rest for a bit then continue to drew cheese. Oh by the way, I made
this cheese on procreate, because I find it easier to do it there. Long
story short, I continue shading and adding highlights to my beloved cheese.
Took me 3 hour at least to finish this cheese.. *Was lowkey very proud
of the final result.
Figure 6.1.3 (sketch)
Now when the cheese illustrating part is over, I duplicate it into a line,
then I reorder the cheese unit it forms a repetition. This was pretty much
the first idea that I have.
Figure 6.1.4 (first idea)
This one bellow is the second idea, it's not very much different from the
first idea, I just rotate it a bit so that it doesn't seem too basic.
Figure 6.1.5 (second idea)
But.. I still thought that it was still basic, so here I am making
another version of tilted cheese stacked until it forms a repetition. At
first the background was white, but my I've got some feedbacks from my
friends that I should add some background to it so it doesn't seem to
plain. So yeah, I add brown background..
Figure 6.1.6 (Final Result)
2. Emphasis
It took me a while to make emphasis, but yeah in the end I managed to
finished it, anyways this is my first reference for the first idea that I
had.
(Emphasis reference from Pinterest)
After the first cheese illustrating, I feel challenged to draw another
food illustration that I can use to put into one of my tasks, so yeah here
it is. For the tomato drawing, I enjoyed it more than I did with the
cheese, guess that's progress.
Figure 7.1.1 (Sketch)
After the tomato is done, I then start to duplicate the tomatoes and re
arranged them till it emphasize one of the tomatoes. but at the end I
think I should've made the other tomatoes as a whole tomato, not cut into
half tomatoes, but that will took me another half day to finish it, so I
move on and made another idea.
Figure 7.1.2 (Idea 1)
For the second idea, I decided to try another style, so I chose line art
as my reference. The emphasis here is shown through the open eye.
Figure 7.1.3 (emphasis reference from Pinterest)
So I started of with some sketch of a lady with a braided hair, one's
expression is normal, the other one is crying.
Figure 7.1.4 (Sketch)
This design was quite emotional for me because I don't know why but
somehow this design shows that in a group of people/crowds, there are
people who are suffering mentally or physically inside, some are showing
their emotion, while others try hard not to show it, when clearly they are
also suffering. Also the strings coming out of the mouth shows that some
people have someone to rely on, while some people that their lines aren't
connected are those who have no one, but themselves.. *wow thats deep yuh.
Anyways this is my final result for emphasis.
Figure 7.1.5 (Final Result)
3.Movement
The next one, movement. I chose to paint a simple one for this principle,
down bellow is the reference that I use for the movement that I'll be
painting.
Figure 8.1.1 (Movement Reference from Google)
Figure 8.1.2 (Fire reference from Google)
This is the fire reference that I use when I painted the fire.
Figure 8.1.3 (Paint I use and my workspace)
From this design principle moving forward, I chose to paint it manually
with gouache paint.
Figure 8.1.4 (sketch)
First, I drew the rough sketch of the wooden fence that will be used as
it's background and add a basic little yellow paint for me to draw fire
later on. Secondly, I work more on the details of the grass and fire
which requires lots of patience and to be extra careful.
Figure 8.1.5 (Final Result.)
And this is my final result for Movement, basically this artwork is a
grass on fire, with a wooden fence as it's background. The emphasis can be
seen in the artwork as fire. This actually still needs more improvement
because I've asked feedback from my friends and their view was totally
different from what I intended to paint. So yeah, I still need to improve
my painting.
Figure 8.1.6 (Original idea)
This was the first result that I had for movement, but after Ms.
YipJinchi's feedback, it turns out that my mountain doesn't show any
movement yet, she said that adding clouds or fog above the mountain will
do. But I decided just to make another one. (because I love how this
painting turns out haha)
4. Symmetrical Balance
This is the reference that I chose for symmetrical balance
Figure 9.1.1 (Symmetrical Balance from Pinterest)
First of all, I forgot to take a picture of the part that I sketch,
because actually this wasn't supposed to turn out like that, but I've
layered it with too much paint. The first idea I had was to make the water
reflected both trees and mountain, but then I screwed up doing the
reflection then I figured out that I'll just add some landscape on the
left and right side of the water. And this is how it turned out.
Figure 9.1.2 (Final result)
5. Harmony
This is the reference I chose for harmony.
Figure 10.1.1 (Harmony Reference from Google)
This are the background preset reference that I pick,
Figure 10.1.2 (Green woods reference from Pinterest)
This is me doing some rough sketch just so that when I paint, I know
easily which is which.
Figure 10.1.3 (Sketch)
And here are the final result of my harmony green forest, took me 2 days
to actually finish this since there are a lot of details to focus on. And
was very proud of the final result!
Figure 10.1.4 (Final Result)
FEEDBACK
Week 2 : Today, I've made repetition and emphasis, Ms.
YipJinchi said that my emphasis is more interesting than the repetition,
and that I have to focus more on the overall result , not just the close
up details.
Week 3 : On the third week, I haven't made any progress at
all because of personal reasons. Ms. YipJinchi said that I have a lot of
things to catch up and that I need to speed up in both my blog and
designs.
Week 4 : Last week for progress, I finally finished all
design principles, Ms. YipJinchi commented on my design, she said that
the green forest that I made is more suitable for harmony not contrast.
And she also commented that for movement I haven't show any movement yet
so maybe adding clouds or fog above the mountain is better.
REFLECTION
After this task, I realize that after all this time in artworks,
designs, painting, photography, etc.. there are lots of things to pay
attention to. Design principle has thought me plenty of things by now,
and it also made me appreciate more for the artists that made the
designs.. Other than the tasks itself, I also learnt quite few things
for myself, firstly from the way I managed my time to do my work. I
understand now why we need to do it slowly step by step per week, or
else things will be messy by the last week of submission. Also I just
wanted to say thank you so much Ms.YipJinchi for your patience haha.. I
was quite panic during last week when I didn't made any progress yet,
but then your feedback this week ease me a bit and motivates me to
continue>>
Comments
Post a Comment