Welcome
The Portfolio of: Ivy Liu
Project 2
1
the journey begins
Vector Diary
2
all the feels and design thinking
Project 1
anger fear
Anger Fear
Look - Fire, explosions Looks - A spider or
Feel - Blinding, scary monster
Smells - Burnt Feel - Suffocating
Tastes - Spicy Smells - Something burning
Tastes - Something
Sounds - Shouting
uncommon
Sounds - Pounding
3
happiness sadness
Happiness Sadness
Looks - Sunshine, summer Look - Tears
Feel - Fuzzy things or pets Feel - Crushing
Smells - Sweet Smells - Something from
Tastes - Pleasant childhood
Sounds - Birds chirping Tastes - Plain
Sounds - Crying
4
understanding basics
types of color
Major Colors/Hues: Red, Orange,Yellow, Green, Blue, Purple
Tints: Tints are the result of adding white to any hue. It lightens, or desaturates the
hue, making it lighter. These are known as pastel colors and feel calm and quiet.
Tones: Tones are a result of adding gray to any hue. They are less saturated and
intense than the original color. These colors are more realistic and subtle.
Shades: Shades are created by adding black to a hue.
meaning of color
Red Yellow
Positive: Energy, ambition, determination, Positive: Uplifting, happy, optimism
confident Negative: Impatient, cowardly, unconfident
Negative: Anger, violence, resentful, In Chinese Culture: Warmth, faith, royalty,
rebellious stability
In Chinese Culture: Good luck, celebration,
joy, vitality Green
Positive: Balance, growth, kind, nurturing,
Orange nature
Positive: Optimistic, cheerful, warmth, Negative: Possessive, selfish, jealousy,
adventurous wealth
Negative: Overly proud, insincere, In Chinese Culture: Growth, balance,
dependant, arrogance health, harmony
In Chinese Culture: Change, adaptability,
concentration
5
Blue
Positive: Loyalty, calm, integrity, wisdom, sky, sea
Negative: Sad, weakness, emotionally unstable
In Chinese Culture: Healing, relaxation, trust
Purple
Positive: Creative, mystery, fantasy, royalty
Negative: Cynical, arrogant, corrupt
In Chinese Culture: Spiritual awareness, strength, health
typography
Serif Sans Serif
Serif fonts are the ones with small Sans serif fonts are the ones lacking
lines/strokes on the ends of their the lines/strokes on the end of letters.
letters. They are more traditional. They Sans serif is a commonly used for web
are more commonly used for printed design.
things such as books and newspapers.
Script Decorative or Display
Script fonts usually resemble some Display fonts are more decorative,
kind of handwriting, formal or informal, they are mostly used to get attention
often calligraphy. These fonts are often or expressing a theme. These are also
used on fancy invitations or other kinds used mostly for titles.
of cards. They are used mostly for titles.
6
design and innovative thinking posts
“He didn’t quit his day job “Nor did I promise that I “I had never asked writing
to follow his dream; he just would be great… Instead, to be easy I had only asked
folded his dream into his I simply vowed to the writing to be interesting.”
everyday life.” - pg 82 universe that I would write -pg 143
forever, regardless of the
It’s possible to do what you result.” -pg 140 She loved her work, even if
love without throwing the she wasn’t good at it.
rest of your life aside. The author wrote for
herself, not for the fame. It isn’t going to be easy, but
Make a schedule and make if you want to do it than do
space for dreams. Keep life Do and commit to it it, and keep at it.
in order. because you want to do it,
not because you want the
fame associated with it.
7
some advice
James Victore Rules
design principles
“Don’t decorate crap” and “Sometimes
the wrongest type choice is the best type
choice.”
In the end how creative and unique your
creation is comes down to you.
Balance - The sizes of things in
a design (large shapes and small
10 Principles of Good Design shapes). It distributes weight, gives
stability, and structure to a design.
“Good design is as little design as possible” Proximity - Creates relationships
Keep the message clear and simple
If there is something you want to stand out,
between elements, visually
make it clear. connecting them.
Alignment - Order and organization,
The Graphic Design Process also creates a kind of connection.
Repetition - Give the design rhythm,
Make different drafts and plan, don’t rush for
the final product immediately association, and consistency.
Present the idea and get feedback before Contrast - Opposites in color and
you finish direction, it highlights certain aspects
of a design.
10 Building Blocks of Visual Hierarchy
Space - The distance between
How everything is positioned plays a big part objects/elements
in how it’s perceived
Follow the format and build the story of
your design or painting around it
8
design thinking
Empathize - Understand your audience
Define - Figure out their problem
Ideate - Brainstorm some ideas
Prototype - Create/build the ideas
Test - Try them out and ask for feedback
Implement - Put the idea into effect
design elements
Line - Directs eye and creates movement. Different lines have different
effects, straight ones imply neatness and bent ones can create tension or
excitement.
Color - Expresses different emotions
(Negative/White) Space - The space between or within things that can be
used to create something new.
Texture - Makes the design more immersive/more realistic.
Typography - Also creates mood
Size - Draws attention to certain things.
Repetition - Makes the work memorable
Symmetry - Gives harmony/balance
Transparency - Emphasises other aspects of the design and even
movement.
Contrast - Helps things pop out.
Frame - Enhance/draws attention to certain ideas.
Type - Gives a unique feel to the design (depending on what you’ve used)
9
the journey continues
Adobe Training : Photoshop
before after
10
before after
11
Comic book Coloring
Project 3
flats
original
12
experience
The project was fun opportunity to try more things out in
Photoshop outside of what I normally used it for. When I was
coloring the flats I used pastel rainbow theme but when I colored it
in the final I switched the brighter colors out for cooler ones (blues,
greens, and purples).
channels vs layers
In Photoshop, channels are used to store the image’s color
information. Layers act like stacked sheets of paper that add up to
make the image.
final
13
double exposure
Project 4
my work
14
experience
The project and its rules were confusing so there was a lot of
experimenting to do. Overall, the project was fun because of how
different each image would appear over the face. There would always be
something new to adjustment, giving each image their own uniqueness. I
used images of landscapes in my work because I felt they looked better
than an object or organism because they had many focuses instead of
one, giving lots of work space.
work done of me
15
cinemagraphs
Project 5
16
experience
Overall it had been a really simple process. The video I chose
for the cinemagraph was an endless loop of me scribbling on
a heart I drew on my whiteboard. A small challenge was the
rocky video. The final gif played really quickly but
otherwise it was really fun.
check it out on my website
17
individual project
a lonely whale spirit
In my individual project I worked with Adobe Animate. The whale in
the animation is outlined in white, not colored, with sparkles around
it, this represented the “spirit” of the whale. The background is a simple
night sky with a whale in the moon. The main purpose of this project
was to practice animation and try out Animate, hence the simple
drawings.
18
the inspirations of this portfolio
19
