Skip to toolbar

TagPrinciple

Project 3 Zine

IMG_5907

Concept

The intention of Zine project is to seek my own identity through the essence of Chinese culture – Food. We have developed a complicated custom, which is deeply based on food and determines our social behavior. It also rooted people to the soil they live on, as it is capable to produce abundant food. Especially during Chinese New Year, the reunion dinner calls every Chinese to return home and celebrate a brand new year with plentiful food.

To make the layout more interesting, I introduced elements like lines, and shapes. It also balances with and unifies the photographs and text. And all the elements are offset for the reason of dynamic composition.

FINAL LAYOUT

 

Zines_

Back & Cover

Zines_2

IFC & PG 1

Zines_3

PG 2 & PG 3

Zines_4

PG 4 & IBC

A2_layout_back

A2 back poster

PROCESS
Initial development

 

IMG_6011

Brain Storming

 

IMG_6012

Initial Layout sketches on paper

Mock-up tryout
IMG_6010

Tryouts of different layouts on mock-ups

IMG_6004

Full spread of A4 mock up

Test Print
IMG_6009

Test Print on black&white

IMG_6008

Test print on color

IMG_6006

Final mock-up with color

Color  and Mateial Testing
IMG_6007

Color testing on different scales and materials

Takeaway

In this project, I have learned a new software InDesign for the first time. I also had a chance to try different ways of creating a booklet, which is an enjoyable experience. What’s more, I’m quite interested in playing with images and typography to make a lively and dynamic composition.

Week 1 Journal: Learning style

Screen-Shot-2016-01-21-at-4.39.09-PM

Visual-Spatial/Musical

I believe I learn best through visuals-spatial and Musical method. Because people tends to be lazy and imageries and sound enable to stimulate our brain directly, so that I can remember and learn things faster.

EGO

poster
For Ego project, I decided to pursue the style of digital images college. Each single element in the compositions is carefully selected and has its meaning and symbolism. And in each composition, maximal 3 colors will be applied to portray the atmosphere and mood.

 

Reference

 

12

 

 

Concept DevelopmentIMG_3329

 

Test print in small scale

IMG_3336

3

 

Final print in a0 size

Processed with VSCOcam with g3 preset

Processed with VSCOcam with g3 preset

 

 

THAT’S ME

IMG_3330 copy

 

EQUATION

1

 

1_Aggressive

Aggressive

Though born in a semi-free society, I am more aware of social issues which occurred not only in China, but throughout the world. Imageries like high-rise Shanghai buildings, Tankman in Tiananmen Square protest of 1989 and artist Ai Weiwei represent my aggressive concerns towards what has happened in China. Panda also symbolises my hometown where panda lives. And analogous color scheme in this context, including red, yellow and orange, signify passion and revolution.

 

2_open

Open

After moving to Singapore, I was fully exposed to western culture and art, like Pop culture. I started to become more acceptable and open to unfamiliar things. Cool blue and violet color scheme gives a mystical atmosphere.

 

3_That's me

That’s me

ME myself is a mixture and influence of east and west. Panda is the main character in this series as the self portray.

 

 

BETTER ME

IMG_3331

 

EQUATION

2

 

1_hardworking

Hardworking

One of my strength is hardworking. I will put beyond 100% effort in what I’m doing and push myself into higher levels. Computers, pencil box and tablet represent my usual work place. Coffee signifies the long duration of working hours that I spend normally. Monochromatic beige color scheme creates a sense of calm , determination and softness.

 

2_Stressed

Stressed

After realising  the whole calendar is completely occupied by works, I alway feel stressed and frustrated. the symptoms of Insomnia and phobia attacks me. Bottle of sleeping pills containing different kinds of software icons explains the reason why I can’t sleep. On the bottle is the label of a calendar with marks anywhere, which indicates bad time management. Behind are the scribbles saying ‘All work and no play make Jack a dull boy’ from the famous psychological horror movie The Shining, which depicts a man becomes a psychopath and tries to kill his family in a hotel after getting too much stress from his work.

Cool colors like violet, red and blue convey a very cold and uncomfortable mood.

 

3_Better_me

Better me

It would be better if I can balance between life and work and have a much more healthier lifestyle. That’s why, in the composition, there’s a visual harmony fusing working tools and natural forms. Trees have been formed by software icons and birds are from the twitter logo. The panda is cruising around and seems to enjoy his life there.

Complementary color scheme of red and green creates thought the strongest contrast but also the strongest relationship.

 

 

IDEAL ME

IMG_3332

 

EQUATION

3

 

1_confident

Confident

I want to be more confident in many areas, as sometimes I feel less comfortable expressing my ideas and thoughts. I used Renaissance works like Michelangelo’s David as the main subject and Vitruvian Man by Leonardo Da Vinci as the background. Both works indicates the concept of a universal man, a man can do all things if he will.

Green as the dominate color in triadic color scheme portrays the mood of liveness.

 

2_Wisdom

Wisdom

Be knowledgable and creative. I believe creativity is based on your capacity of knowledge. The more you learn, the quicker and deeper idea you can get. The story of God creating and enlightening Adam represents my eager of gaining knowledge. Apple, owl, books and so on signify the concept of wisdom.

Beige as the dominate color in triadic color scheme portrays  a sense of knowledge and calm.

 

3_Ideal me

Ideal Me

As a whole, Triadic color scheme of green, beige and violet creates a high degree contrast but at the same time retrains color harmony. It creates a sense of depth and richness.

The combination of owls wings and David symbolise an ideal me with confidence and wisdom. And the geometric shapes, applied in this series, like square, circle and triangle, indicated my desire to pursue perfection in different fields.

 

 

ME IN FIVE YEARS

IMG_3333

 

equation

4

 

1_married

Married

After 5 years, I picture myself getting married with another half. The wedding will be as simple as it shows.

color scheme of aquamarine and light red best convey the minimalism in mood and style of the wedding.

 

2_professional

Professional

After graduating from school, I also want to be a specialist in typography and UI design, creating decent works for advertising and motion graphics. An myself wedding invitation card is an example of indicating my speciality direction and interest.

 

3_5_years

Me in 5 years

In 5 years time, I hope I can have my own family and house and do what I like. The 3D typographic building and trees portrays my plan in 5 years.

Warm color, red, green and yellows portray a mood of happiness and harmony.

Color Scheme

color_schemes

In color theory, a color scheme is the choice of colors used in design for a range of media. Color schemes are used to create style and appeal. Colors that create an aesthetic feeling when used together will commonly accompany each other in color schemes.

 

Complementary colors

The complementary colors are pairs of colors which, when combined, cancel each other out. This means that when combined, they produce a grey-scale color like white or black. When placed next to each other, they create the strongest contrast for those particular two colors.

94880882_kjiX6-L

 

Analogous colors

(also called Dominance Harmony) color scheme are groups of colors that are adjacent to each other on the color wheel, with one being the dominant color, which tends to be a primary or secondary color, and two on either side complementing, which tend to be tertiary.

The term analogous refers to the having analogy, or corresponding to something in particular. An analogous color scheme creates a rich, monochromatic look. It’s best used with either warm or cool colors, creating a look that has a certain temperature as well as proper color harmony. While this is true, the scheme also lacks contrast and is less vibrant than complementary schemes.

Copy+of+IMG_0669_adj3

 

Split-complementary

(also called Compound Harmony) color scheme is a variation of the complementary color scheme. In addition to the base color, it uses the two “Analogous” colors adjacent to its complement. Split-complementary color scheme has the same strong visual contrast as the complementary color scheme, but has less pressure.

Gilpin House 3_1

 

Triadic colors

The triadic color scheme uses three colors equally spaced around the color wheel. The easiest way to place them on the wheel is by using a triangle of equal sides. Triadic color schemes tend to be quite vibrant, even when using pale or unsaturated versions of hues, offers a higher degree of contrast while at the same time retains the color harmony. This scheme is very popular among artists because it offers strong visual contrast while retaining balance, and color richness. The triadic scheme is not as contrasting as the complementary scheme, but it is easier to accomplish balance and harmony with these colors.

deep-blue-paneled-walls

 

 

 

Tetradic colors

The tetradic (double complementary) colors scheme is the richest of all the schemes because it uses four colors arranged into two complementary color pairs. This scheme is hard to harmonize and requires a color to be dominant or subdue the colors.; if all four colors are used in equal amounts, the scheme may look unbalanced.

Rectangle

The rectangle color scheme uses four colors arranged into two complementary pairs and offers plenty of possibilities for variation. Rectangle color schemes work best when one color is dominant.

Square

The square color scheme is similar to the rectangle, but with all four colors spaced evenly around the color circle. Square color schemes works best when all colors are evenly balanced.

Fig-House-04

Color

 

 

RED – LUST

11-times-styletomatoes1-

 

Orange – hopeful

6335099074_3d895c14ee_b

 

YELLOW – FRESH

tumblr_nlvpz742L61qbsrwpo1_500

 

Yellow Green – relaxed
tumblr_mh2fapO8741r60qnbo1_1280

 

Turquoise – Scary

11888492223_e693eb1cb3_b

 

 

Violet – Infatuated

tumblr_m6xhxjQHkQ1rska6xo1_540

 

 

Blue – lonely

The-Horse-by-Goff-Kitsawad

NURSERY RHYME

 Finalfinal
HUMPTY DUMPTY HAD A GREAT FALL.
Solution: 

Frame 1 humorously resembles a scene from movie ‘Matrix’ ,  while bringing contrast to convey a depth and creating a  downwards movement by repeating the subjects.

In Frame 2, the repeated trees are arranged around a central point, directing along different scales, to create a swirling movement towards the main character.

 

SKETCH DEVELOPMENT

couldnt_put_tgt_2

great_fall

 

Frame 1
Screen Shot 2015-09-29 at 11.32.31 pmHUMPTY DUMPTY HAD A GREAT FALL.

 

Frame 2
fall_02
HUMPTY DUMPTY HAD A GREAT FALL.

 

 

ALL THE KING’S HORSES AND ALL THE KING’S MEN.
SOLUTION: 

In Frame 1, horses and knights are arranged in radial balance from small to big size, which gives a distinct focal point to King’s throne.

Frame 2 and 3 demonstrate repetition and patterns in a random way. Different subjects are contrasted in size, position and rotation, bringing dynamism into the layout.

 

SKETCH DEVELOPMENT

 

kings_men_horses

 

Frame 1

horses_knights01

ALL THE KING’S HORSES AND ALL THE KING’S MEN.

 

FRAME 2

Screen Shot 2015-09-29 at 11.32.55 pm

ALL THE KING’S HORSES AND ALL THE KING’S MEN.

 

FRAME 3

horses_knights02

ALL THE KING’S HORSES AND ALL THE KING’S MEN.

 

 

GOULDN’T PUT HUMPTY TOGETHER AGAIN.
SOLUTION: 

The main subject is broken into pieces, creating various shapes. Harmoniously all shapes unites into a brand-new piece, which creates a sense of completeness.

 

SKETCH DEVELOPMENT

 

couldnt_put_tgt

 

Frame 1
put_tgt_01
GOULDN’T PUT HUMPTY TOGETHER AGAIN.

 

Frame 2
put_tgt_02
GOULDN’T PUT HUMPTY TOGETHER AGAIN.

 

Frame 3
put_tgt_03
 GOULDN’T PUT HUMPTY TOGETHER AGAIN.

 

 

THE COW JUMPED OVER THE MOON.
SOLUTION: 

Frame 1 and 2 depicts a cow orbiting a plate, contrasted by different size, in an asymmetrical layout.

Frame 3 demonstrates cows riding on the moon and flying to the sky in an symmetrical way, while contrasted by reversing color.

 

SKETCH DEVELOPMENT

 

cow_jump_over

 

Frame 1
cow_jump_01
THE COW JUMPED OVER THE MOON.

 

Frame 2
cow_jump_02
THE COW JUMPED OVER THE MOON.

 

Frame 3
cow_jump_03
THE COW JUMPED OVER THE MOON.

 

 

THERE WAS AN OLD WOMAN WHO LIVED IN A SHOE.
Solution: 

Frame 1 demonstrates a flow of shoes flying towards a woman, who is in the upper third of layout. And white space casts on the main elements as if the light is shining through a open door, which makes the composition more cinematic.

Sketch Development

old_woman_live_shoe

 

Frame 1

live_shoe

THERE WAS AN OLD WOMAN WHO LIVED IN A SHOE.

 

 

SHE HAD SO MANY CHILDREN SHE DIDN’T KNOW WHAT TO DO.
Solution:

Frame 1 and 2 are exploring different spatial composition.

Frame 1 depicts a direction from bottom to top and mimic the explosion from a small point to the entire filled up space. It demonstrates contrast by silhouetting out a woman figure.

Frame 2 depicts a flow from far to deep space, creating a silhouette of a lady shoe to indicate where they live. Finally the flow ends at where the woman stands, portraying a progressive problem to her.

 

Sketch Development

many_children

 

Frame 1

Screen Shot 2015-10-01 at 12.26.20 am

SHE HAD SO MANY CHILDREN SHE DIDN’T KNOW WHAT TO DO.

 

 

Frame 2
Screen Shot 2015-10-01 at 12.26
SHE HAD SO MANY CHILDREN SHE DIDN’T KNOW WHAT TO DO.

 

 

THEN WHIPPED THEM ALL SOUNDLY AND PUT THEM TO BED.
Solution:

In Frame 1, Baby is threatened by pointed wood sticks and away from his toy.

 

SKETCH DEVELOPMENT

whipe them

 

Frame 1
whipe_them
THEN WHIPPED THEM ALL SOUNDLY AND PUT THEM TO BED.

 

Principles of Design

Principles of Design

The principles of design describe the ways that artists use the elements of art in a work of art.

Balance

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.  Principles-01

In symmetrical balance, the elements used on one side of the design are similar to those on the other side;

Principles-02-600x300

In asymmetrical balance, the sides are different but still look balanced.

screen-shot-2013-03-25-at-10-46-07

In radial balance, the elements are arranged around a central point and may be similar.

 

 

Emphasis

Emphasis is the part of the design that catches the viewer’s attention. Usually the artist will make one area stand out by contrasting it with other areas. The area could be different in size, color, texture, shape, etc.

Principles-052-emphasis

 

 

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.

Principles-06

Go Media New Document

Principles-03

 

Pattern

Pattern is the repeating of an object or symbol all over the work of art.

013112-015635AM_0d5433c79f478df08aa032eb407fdc0382791c1d_m

 

 

Repetition

Repetition works with pattern to make the work of art seem active. The repetition of elements of design creates unity within the work of art.

rep1

 

 

Proportion

Proportion is the feeling of unity created when all parts (sizes, amounts, or number) relate well with each other. When drawing the human figure, proportion can refer to the size of the head compared to the rest of the body.

Principles-07-600x300

 

 

Rhythm

Rhythm is created when one or more elements of design are used repeatedly to create a feeling of organized movement. Rhythm creates a mood like music or dancing. To keep rhythm exciting and active, variety is essential.

1962_04

 

 

Variety

Variety is the use of several elements of design to hold the viewer’s attention and to guide the viewer’s eye through and around the work of art.

variety1

 

 

Unity

Unity is the feeling of harmony between all parts of the work of art, which creates a sense of completeness.

principles-of-design-part-i-gestalt-lawsunity-and-harmony-4-728 principles_of_design_harmony_by_akumadorobo-d4ifpx4