%20ATM%20Tea%20Bar%20(Photographer%20)Golf%20Patarit%20(Bosh-snap.com).jpg)
Foo Hui Xin || 0351665
Design Principles || Bachelor of Design in Creative Media
Exercise 3
1 || Lectures
Week 5 - Harmony & Unity
Harmony
- the selection of elements that share a common trait
- the sense that all of the elements of your design fit together (the
same theme, aesthetic style or mood, like analogous colours)
- effect of combining similar or related elements.
-
Adjacent colors
-
Similar shapes
-
Related textures
- harmony becomes monotony without variety* (no contrast) ; there must be a
balance between areas of harmony and areas of contrast
*Variety - a change or slight difference in elements and objects in the
composition, to avoid a boring composition (varying angles, exposure,
composition, etc.)
Harmony in a painting or design helps bring about unity.
Unity
- refers to the repetition of particular elements throughout your design
(colours, shapes or materials)
- occurs when these elements are composed in such a way that they are
balanced and give a sense of oneness, creating a theme (elements should look
like they belong together)
- although unity and harmony may sound similar, they each play distinct
roles in the way we experience design
- the idea behind unity is to create elements that support each other and all
work together toward a common goal & avoiding mixed messages
(principles for harmonious or united designs)
Scale: the size of one object in relation to the other objects in a
design or artwork
Proportion: the size of the parts of an object in relation to other
parts of the same object
- both design elements that have to do with size
- used to depict or distract from the ideal
Scale
- refers to the size and dimension of figures and forms relative to a
specific unit of measure
- can be determined in two ways: Actual measurement & Visual estimates
based on the comparison
- eg: architectural drawings and scale models
- used to specify or illustrate details based on the relative sizes of
objects
- substantial deviation from a normal scale relationship can create
dramatic results and visual interest within the design or composition
Proportion
- (in art and design) the relationship of two or more elements in a
composition and how they compare to one another with respect to size,
colour, quantity, degree, setting, etc.; i.e. ratio
- said to be harmonious when a correct relationship exists between the
elements with respect to size or quantity
- effective use of proportion in design often results in harmony and
unity
Week 6 - Symbol, Word & Image
Symbol
- to communicate a message, a thought, an idea or a concept
- a sign, shape, or object that is used to represent something
- can provide or convey information to one or more sentences of text,
or even a whole story
|
| Fig 1, Categories of symbols |
Figurative Representations --> Graphic Symbols:
1. Pictorial Symbol
- image-related and simplified pictures
2. Abstract Symbol
- look like the objects that they represent but have fewer
details
3. Arbitrary Symbol
- no resemblance at all to the objects or the ideas they represent
- invented with the meaning constructed
- many are based on geometric shapes and colours
- we have to learn arbitrary symbols to know what they represent
Word and Image
- Imagery is a vital part of the design
- users and viewers are able to relate to a concept or a brand if the
right images are used, so it is important to use suitable and relevant
images when designing
- choosing the right words to pair with the imagery is important as it
would deepen the meaning of the design
- a suitable typeface and strategic positioning of the type will
result in visual hierarchy and balance
- Typography is the design and arrangement of text to convey a
message or concept
2 || Instructions
Visual Research
(Harmony)
Monster energy, an energy drink brand, collaborated with Lyiee, an online
personality. Lyiee had posted a picture of the collaboration on instagram,
filled with vibrant colours. The vibrant colours of the background, the
wording, the can of the drink, and her outfit comes together as harmonious.
|
| Fig 2, Monster Energy x @lyiee (ig) |
|
| Fig 3, Illustration by Jinju Jang on Dribbble |
|
| Fig 4, Arrangement found on Trendland by Ani Tzenkova |
|
| Fig 5, Picture from @biodara (ig) |
|
| Fig 6, Sakura trees |
The art is not only harmonious itself, but it is in harmony with what the
players feel while they play the game to make it very immersive. In each
iconic moment of the game, the designers build the colour palette of the scene
according to the mood of those moments. (Information by designer Jane Ng from
Game Developers Conference (GDC))
|
| Fig 7.1, Firewatch poster |
|
| Fig 7.2, Firewatch poster |
Zhou XianXian (周仙仙), an online personality, posted a picture of herself
in an ethereal getup representing something of a blue butterfly. She paired
the blue outfit with blue flowers, along with blue makeup, giving the entire
look a very harmonious look. The blue background also fits in well with her
getup, not overshadowing her either.
|
| Fig 8, Picture of @faaaariii_ (ig) |
(Unity)
|
| Fig 9, Cats and Monstera Plants by Lim Heng Swee |
The short animation by Pixar, Kitbull, ends off with a scene expressing unity
where the human couple sits together with the black cat and the Pitbull in the
middle of the scene.
|
| Fig 10, Kitbull, Pixar SparkShorts animation |
The scene from the ending song in 'Spy X Family' ends with a scene where the
little girl is seen very content and happy with her parents. Fig XX shows them
enjoying dinner together with the lamp shining down on them, where the light
rays form a triangle to 'unite' them all.
In Fig XX, Daisukerichard put everything related, or somehow relates, to studying in a mug where a school girl sits in to... well, study. Everything is united in the middle of the illustration.
In OSULLOC's website, everything related to tea is grouped in the middle.
|
| Fig 11, Spy X Family ending |
|
| Fig 12, Flower arrangement by 花生花艺美学 on xiaohongshu |
In Fig XX, Daisukerichard put everything related, or somehow relates, to studying in a mug where a school girl sits in to... well, study. Everything is united in the middle of the illustration.
|
| Fig 13, Illustration by daisukerichard |
In Hamada Tea's website, scattered everywhere across the top half of the
screen is everything related to tea. They are all also in shades of green.
All the tea leaves also kind of points towards the cup of tea in the middle.
|
|
Fig 14, Hamada Tea website design |
In OSULLOC's website, everything related to tea is grouped in the middle.
|
| Fig 15, OSULLOC website design |
|
| Fig 16, Gelato pique cafe promotional poster |
(Symbol)
Pictorial Symbols
Picture like symbols which imitates how something would actually look like to
the eye in the real world.
|
| Fig 17, Cats in glass cups illustration by mayo |
|
| Fig 18, Eggsauna Branding logo design |
|
| Fig 19, Butter Mellow logo design |
Abstract Symbols
|
| Fig 20, UNOM design |
In Fig XX, from the left to right: 'Pyro' representing fire, 'Hydro'
representing water, 'Anemo' representing wind, 'Electro' representing
electricity, 'Dendro' representing plants/nature, 'Cryo' representing ice,
'Geo' representing earth/rock. The symbols of each element somewhat resembles
what they represent.
|
| Fig 21, Genshin Impact |
In Fig XX, the artist of the logo for 'min food' simply explains what each shape or stroke in the logo represents and they each are easy enough to depict what they are.
|
| Fig 22, 皿富器食 min food |
Though actual bowls of rice or noodles does not look like what was illustrated below, it is easy enough to understand that the squiggly lines indicate noodles while the gap between the topping and the bowl indicates rice. The ingredients are simplified into a few shapes and lines to show what kind of noodles or rice bowl the set is. I think this illustration is super cute and fun!
|
| Fig 23, by 2U LEEU on Behance |
|
| Fig 24, Panda knows by Lukas Vanco |
|
| Fig 25, BTS love yourself |
|
| Fig 26, UNOM Design |
Arbitrary Symbols
We would not know what each of these symbols represent if we did not learn
about them beforehand.
|
| Fig 27, Overwatch logo |
|
| Fig 28, Star signs |
|
| Fig 29, Pride flag |
|
| Fig 30, Peace symbol |
(Word & Image)
When I think of word and image, the first thing that comes to mind is album
covers, book covers, posters, and such, where both words and images are very
important to express what they are about, or what they are for.
Binaria, a Japanese singer, has a single called 'カミイロアワセ'. The album cover is super interesting to look at. The
Katakana words almost blends in with the illustration, all together giving
the viewers an uneasy feeling which is intentional considering the lyrics of
the song.
|
| Fig 31.1, Binaria's 'カミイロアワセ' album cover |
|
|
Fig 31.2, Binaria's 'カミイロアワセ' alternate album
cover |
|
| Fig 32, Cidergirl's 'Cinderella' album cover |
|
| Fig 33, Illustration by @Rumoon_cocoa (twt) |
The wording, 'Shiro', in Bread Papa's poster represents the cream in the
middle of a cream puff, being in the middle of a cloud like shape which
represents the puff. There are also images around the wording for easy
comparison and for the customers to easily connect the word to the image even
though 'Shiro' does not mean cream puff.
|
| Fig 34, Bread Papa's promotional poster |
Here, Starbucks had a promotional poster for a peach drink. The image of the drink and the peaches dominate the poster, but there are words to tell what drink it is. Instead of putting the attention to the actual name of the drink, the attention is put to the bubbly and fun font of 'Peach on the Beach' to give it fun and fresh summer vibes.
|
| Fig 35, Starbucks promotional poster |
Noodle World 2013 is a poster for a Japanese exhibition made by Chae Byung-rok. He made the word '麺' ('noodles' in Kanji) connected to repetitive strokes of lines, imitating noodles. He also made the strokes on the word thicker and in red so it pops and stands out from the noodles.
|
| Fig 36, Noodle World 2013 poster by Chae Byung-rok |
Idea Exploration / Sketches
Topic choice #1: Harmony
At first, I had an idea of drawing a room that looks like it harmonises well
together. I sketched out something like a gamer's den with led lights and
bright colours in the dark. I did not colour it as it is just a sketch, but
that was what I had in mind. I also wanted the whole room to be filled with
tech related stuff.
|
| Fig 37, Idea 1, Week 6 (7/5/2022) |
For the second idea I had, I thought of tea time (again,, haha). I started
off with a sketch of latte from a bird's eye view, then with a sketch of a
round sliced cake. These two were round from the bird's eye view, so I
decided to sketch more tea time snacks which appears round from the top to
give it harmony.
For the third idea, I wanted to have a summer themed sketch that kind of appears like a tablet wallpaper or a concept poster. At first, I wanted to just make it repetitive with only popsicles and watermelon slices. But to not make the illustration too plain, I added other stuff. I have an idea of making the end product bright and vibrant to represent summer.
I had an extra idea which I thought would be a waste to not put it in the blog. It's a little more simple, but the main idea for harmony in this sketch would be the colour scheme. I would use analogous colours for the whole illustration, either shades of blue, purple, and red or shades of red, orange, and yellow.
|
| Fig 38, Idea 2, Week 6 (7/5/2022) |
For the third idea, I wanted to have a summer themed sketch that kind of appears like a tablet wallpaper or a concept poster. At first, I wanted to just make it repetitive with only popsicles and watermelon slices. But to not make the illustration too plain, I added other stuff. I have an idea of making the end product bright and vibrant to represent summer.
|
| Fig 39, Idea 3, Week 6 (7/5/2022) |
I had an extra idea which I thought would be a waste to not put it in the blog. It's a little more simple, but the main idea for harmony in this sketch would be the colour scheme. I would use analogous colours for the whole illustration, either shades of blue, purple, and red or shades of red, orange, and yellow.
|
| Fig 40, Idea 4, Week 7 (9/5/2022) |
Topic choice #2: Symbol
I wanted to draw pictorial symbols, so I started off the first idea with a
cat playing with a ball of yarn. This idea felt too simple, though.
|
| Fig 41, Idea 1, Week 6 (7/5/2022) |
Then, I had an idea of sketching arcade machines or 'gacha' machines. First,
I wanted to make it pictorial, but then I developed it into an abstract kind
of symbol which I felt was more interesting.
|
| Fig 42, Idea 2, Week 6 (8/5/2022) |
Next, inspired by Fig 22 and 23, I wanted to make an abstract logo for a type of dish. At first, it was just the rice, bowl and egg placed on top of each other to represent egg fried rice. But then I thought of adding a chicken katsu to stack in between and make it represent a tonkatsu.
|
| Fig 43, Idea 3, Week 6 (8/5/2022) |
For the next idea, I wanted to make abstract symbols of goldfish(es) in
home aquariums, plastic bag and makeshift pond for festivals. These all
came from the idea of a goldfish in a bag.
|
| Fig 44, Idea 4, Week 7 (10/5/2022) |
From the last idea of goldfish in a bag, it made me think of Japanese summer
festivals, so I drew pictorial/abstract symbols of things or food you could
find in one. My personal favourite is the takoyaki abstract symbol on the
top left because it has a mini octopus representing a the 'tako' in the
takoyaki.
|
|
|
Final Outcome (process)
Harmony
|
| Fig 46.1, Lineart + sketch, Week 7 (9/5/2022) |
|
| Fig 46.2, Lineart Week 7 (9/5/2022) |
|
| Fig 46.3, Lineart + background, Week 7 (9/5/2022) |
|
| Fig 46.4, Finished product without background, Week 7 (12/5/2022) |
|
| Fig 46.5, Final Outcome, Week 7 (12/5/2022) |
Symbol
 |
| Fig 47.1, Lineart + sketch, Week 7 (10/5/2022) |
 |
| Fig 47.2, thin lineart, Week 7 (10/5/2022) |
 |
| Fig 47.3, Thick lineart, Week 7 (10/5/2022) |
 |
| Fig 47.4, Black & white, Week 7 (10/5/2022) |
 |
| Fig 47.5, Final product, Week 7 (10/5/2022) |
 |
| Fig 47.6, Final outcome, Week 7 (10/5/2022) |
Final Outcome (PDF)
Harmony
Symbol
3 || Feedback
Week 5
I have only done my visual research by this week's class and have gotten
feedback on them. Some of the art I have found includes both Harmony and
Unity, just with one principle more prominent than the other. Some images I
found did not represent either.
Week 6
N/A (Holiday)
Additional Feedback (Given on Week 7)
It is good that I have explored many ideas and put all my thought process and sketches into the blog. For the 'Harmony' piece, there is not just harmony in the shapes of the sweets but also in the combination of colour. I have demonstrated a good understanding of colour. As for the 'Symbol' piece, it is very well done and Dr Jinchi is very happy about it. It is abstract yet delivers exactly what it is. I showed a good understanding in abstract symbols. Overall, my blogs are so far all very complete.
4 || Reflection
Week 5
Harmony and Unity was very confusing to differentiate for me, and
identifying if they are harmonious or not in the first place was pretty
challenging for me. Everything seems pretty harmonious to me sometimes.
Even though those 2 principle were confusing, they sounded pretty exciting
to work on anyways. Word & Image and Symbols also sounded interesting.
But because I've been drowning in typography assignments, I decided to put
Word & Image out of the image because I wanted to try something else.
Week 6
I realised that it is difficult for me to differentiate between pictorial
and abstract symbols when I sketched them...
Comments
Post a Comment