Professional Documents
Culture Documents
2022 1 AAD1002 A3 Colorusage
2022 1 AAD1002 A3 Colorusage
Assignment 3
Assignment 3: Color Usage
Content:
• Color schemes
• Color interactions
• Color usage
Objectives:
• To study and understand how color and value are formed and the relationships between
different colors and various values
• To explore the practical and aesthetic factors influencing color usage in various applied
design disciplines
Grading Criteria:
1. Monochromatic
2. Analogous
3. Complementary
4. Triad
5. Split-complementary
6. Double complementary
1
Monochromatic
The easiest formula for harmony is monochromatic because it only uses one color or hue.
To create a monochromatic color scheme, pick a spot on the color wheel, then use your
knowledge of saturation and value to create variations.
Benefits of Going Monochrome
• One color automatically creates a sense of simplicity and harmony
• It can be easy to design, because you don’t have to worry about matching colors
• It sets the scene for a minimal style that gives content room to shine
• Single-color can make an impression, especially with a strong or unusual base color
Monochromatic – Logo
Monochromatic – Webpage
Monochromatic – Advertisement
Monochromatic – Animation
2
Analogous
An analogous color scheme uses colors that are next to each other on the wheel, like reds
and oranges or blues and greens. Play with the palette and create your own unique
interpretation. The formula is merely a starting point to help guide and inspire you.
Analogous – Use 3 or more colors that sit next to each other on the color wheel
Why it works:
• Colors transition into one another - soothing to the eye and easy to create
• Helps your composition feel blended together and purposeful
• Eliminates contrast and vibrancy
• Analogous hues generally express a soft harmony, stressing similarities rather than differences between
the hues.
• Express a soft harmony, stressing similarities rather than differences between the hues.
When to use it - When you want more than one color, but still want a sense of unity.
Analogous – Logo
Analogous – Webpage
Analogous – Advertisement
Analogous – Animation
3
Complementary
Complementary colors are opposite each other on the wheel; for instance, blue and orange
or the classic red and green. To avoid complementary color schemes that are too simplicity,
add some variety by introducing lighter, darker, or desaturated tones.
6 Complementary color sets
Split-complementary
A split-complementary color scheme uses the colors on either side of the complement. This
gives you the same level of contrast as a complementary color scheme but more colors to
work with (and potentially more interesting results).
12 Split-complementary color sets
1. Yellow / Blue-violet / Red-violet
Split-complementary – Webpage
Blue / Yellow-orange / Red-orange Yellow / Blue-violet / Red-violet
Split-complementary – Advertisement
Split-complementary – Animation
5
Triadic
A triadic color scheme uses three colors that are evenly spaced, forming a perfect triangle on
the wheel.
4 Triadic color sets
Triadic – Webpage
Triadic – Advertisement
Triadic – Animation
6
Tetradic color schemes form a rectangle on the wheel, using not one but two complementary color
pairs. This formula works best if you let one color dominate while the others serve as an accent.
Double Complementary
(Tetradic) Scheme
OR
*This is a conceptual model; it does not mean that you can only ever use just 3 colors. For example, you can have a single dominant
color and a single accent color; but might have 3 shades of a subdominant to create a greater range of visual possibilities.
20% 20%
30%
20%
50%
60%
60 / 30 / 10 60 / 20 / 20 50 / 30 / 20
Avoiding common mistakes
• Use dominant, subdominant, accent color proportions along with color ratios and continuous (sharing)
color placement
• Each color scheme should have a minimum of 5 colors with various values/saturation
• Print the complete set with all 6 color schemes on one A3 digital print à Put in a clear A3 size portfolio
• Name and Student ID on the back, bottom right corner
A3
A4
Dimension: A3 (29.7 x 42 cm > horizontal or vertical) > Illustration centered and A4 size (21 x 29.7 cm)
• Helevetica, Bold, 18 pt, SYDNEY OPERA HOUSE SYDNEY OPERA HOUSE
• ALL Capital letters
• Delete/Hide guidelines
• Center illustration
TEMPLATE: StudentID_Firstname_AAD1002_A3-Completeset.ai
1. Monochromatic 2. Analogous 3. Complementary
?
4. Triad 5. Split-complementary 6. Double complementary
• Each color palette should have a minimum of 5 colors with various values/saturation
• Use color proportion (dominant, subdominant, accent and the color ratio rule AND continuous (sharing) color
placement
• Fill in the elements and forms of your simplified vector illustration with the colors chosen > pattern, gradient,
texture, etc. are up to you and your vector illustration style
Monochromatic Analogous
Complementary Triad
Schedule
• Week 1: (July 18, 2022) – Introduce Assignment #3
- Random (“lucky draw”) > Iconic architectural building selection
- Sketch 5 different simplified designs of the assigned iconic architectural building à one A4 sheet of paper or page in sketchbook
• Week 2: (July 25, 2022) – Critique and comment iconic architectural building sketches
– HMWK: Create vector illustration of selected sketch > Create 2-3 variations EACH of Monochromatic, Analogous, Complementary
– Send samples on one A3, JPEG file à to MS Teams by August 1, 2022 between 12:00-15:00
• Week 3: (August 1, 2022) – Critique and comment via MS Teams Chat (Midterm Period – No class)
– HMWK: Create 2-3 variations EACH of Triad, Split Complementary, Double Complementary
– Send samples on one A3, JPEG file à to MS Teams by August 8, 2022 between 12:00-15:00
• Week 4: (August 8, 2022) – Critique and comment via MS Teams Chat (Midterm Period – No class)
– HMWK: Finalize all 6 color schemes and compile together in the *StudentID_Firstname_AAD1002_A3-Completeset.ai Template
• Week 5: (August 15, 2022) – Submit Assignment 3 in a clear A3 size portfolio in class
– StudentID_Firstname_AAD1002_A3-Monochromatic (*save as Ai file as PDF)
– StudentID_Firstname_AAD1002_A3-Analogous (*save as Ai file as PDF)
9. Eero Saarinen, David Kahler, & Santiago Calatrava, Milwaukee Art Museum, 1888
*Remark: Students are to find his/her own photograph as a guide to the vector illustration > consider different perspectives / viewpoints
Image 1
Eero Saarinen, David Kahler, & Santiago Calatrava, Milwaukee Art Museum, 1888
Wisconsin, United States of America
Image 10
• How To Balance Your Color Palette – The 60-30-10 Rule > https://youtu.be/V-SD_zV9S2c
• The art of color: Paul Smith experiences Art Palette > https://youtu.be/VDQw70hYGrc
Color Websites:
• Step By Step Tutorial ||How To Create Flat Illustration Based on Photo in Adobe Illustrator >
https://youtu.be/MyYh_s3OO9s