foundation of visual design
DESCRIPTION
Week I-IV : Elements of Design : ThirawuttbTRANSCRIPT
![Page 1: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/1.jpg)
Foundation of Visual Art DesignFoundation of Visual Art Design
![Page 2: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/2.jpg)
Element of DesignElement of Design
Visual Elements• Dot, Point• Line• Plane• Shape & Form• Values• Color• Space• Texture
![Page 3: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/3.jpg)
Principle of Design
Visible Appearances- Repetition (การซำ�า)- Rhythm (จงหวะ)- Harmony (ความกลมกลน)- Balance (ดลยภาพ)- Contrast (ความขดแยง)- Vibration and Detail (รายละเอยดและการสรางจดสนใจ)- Dominance (จดเดน)- Unity (เอกภาพ) * Generally due to visual effect * โดยทวไปจะของเกยวกบผลทางการมอง
![Page 4: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/4.jpg)
Element of DesignElement of Design
Visual Element หนวยทเลกทสด คอ . (จด)
.
![Page 5: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/5.jpg)
Element of DesignElement of Designเมอนำาจดเรยงตวกนจะเกด Visual Element ใหม คอ เสน “ ” . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . ..........................................................................................................
................................................. ............ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . .. . . .
. . . . . . . . . . . . . . . . ...................................................................................................
----------------------------------------------------------------------------------------------------
![Page 6: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/6.jpg)
Element of DesignElement of Designเมอนำาเสนเรยงตวกนจะเกด Visual
Element ใหม คอ ระนาบ “ (plane)”
![Page 7: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/7.jpg)
Element of DesignElement of Design เมอระนาบถกเชอมตดกนจะทำาใหเกดมโนภาพของมต
จนกระทงเกดเปนรปทรง
![Page 8: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/8.jpg)
Element of DesignElement of Designจดในแงมมของการสรางสรรคงานศลปะ
![Page 9: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/9.jpg)
![Page 10: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/10.jpg)
![Page 11: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/11.jpg)
![Page 12: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/12.jpg)
![Page 13: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/13.jpg)
![Page 14: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/14.jpg)
![Page 15: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/15.jpg)
![Page 16: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/16.jpg)
![Page 17: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/17.jpg)
![Page 18: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/18.jpg)
Element of DesignElement of Designจดทมขนาดและคานำ�าหนกทแตกตางกน
![Page 19: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/19.jpg)
![Page 20: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/20.jpg)
![Page 21: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/21.jpg)
![Page 22: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/22.jpg)
![Page 23: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/23.jpg)
![Page 24: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/24.jpg)
![Page 25: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/25.jpg)
![Page 26: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/26.jpg)
Element of DesignElement of Design
Line = เสน........................................................................................
-----------------------------------------------------------------------------------------
![Page 27: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/27.jpg)
![Page 28: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/28.jpg)
![Page 29: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/29.jpg)
![Page 30: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/30.jpg)
![Page 31: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/31.jpg)
![Page 32: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/32.jpg)
![Page 33: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/33.jpg)
![Page 34: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/34.jpg)
![Page 35: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/35.jpg)
![Page 36: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/36.jpg)
![Page 37: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/37.jpg)
![Page 38: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/38.jpg)
![Page 39: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/39.jpg)
![Page 40: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/40.jpg)
![Page 41: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/41.jpg)
![Page 42: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/42.jpg)
![Page 43: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/43.jpg)
![Page 44: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/44.jpg)
![Page 45: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/45.jpg)
![Page 46: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/46.jpg)
![Page 47: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/47.jpg)
![Page 48: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/48.jpg)
![Page 49: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/49.jpg)
Principle of Design IIComposition of Art
![Page 50: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/50.jpg)
Composition of ArtVisual Elements• Dot, Point• Line• Plane• Shape & Form• Values• Color• Space• Texture
![Page 51: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/51.jpg)
Principle of DesignVisible Appearances- Repetition (การซำ�า)- Rhythm (จงหวะ)- Harmony (ความกลมกลน)- Balance (ดลยภาพ)- Contrast (ความขดแยง)- Vibration and Detail (รายละเอยดและการสรางจด
สนใจ)- Dominance (จดเดน)- Unity (เอกภาพ) * Generally due to visual effect * โดยทวไปจะของเกยวกบผลทางการมอง
![Page 52: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/52.jpg)
Principle of DesignInvisible Appearances- Content (เน�อหา)- Concept (แนวความคด)
**Due to feeling and perception
![Page 53: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/53.jpg)
Principle of Design : Visible Appearance Repetition (การซำ�า)
![Page 54: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/54.jpg)
Principle of Design : Visible Appearance
Rhythm (จงหวะ)
![Page 55: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/55.jpg)
Principle of Design : Visible Appearance Unity and Harmony (เอกภาพและความกลมกลน)
![Page 56: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/56.jpg)
Principle of Design : Visible Appearance Harmony of Forms Harmony of Forms and Values
![Page 57: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/57.jpg)
Principle of Design : Visible Appearance
Balance (ดลยภาพ) Symmetry Balance (ดลยภาพแบบสมมาตร) Asymmetry Balance (ดลยภาพ
แบบไมสมมาตร)
![Page 58: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/58.jpg)
Principle of Design : Visible Appearance
• Contrast (ความขดแยง)
![Page 59: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/59.jpg)
Principle of Design : Visible AppearanceContrasting of Values
![Page 60: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/60.jpg)
Principle of Design : Visible AppearanceContrasting of Forms and Values
![Page 61: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/61.jpg)
Principle of Design : Visible AppearanceHarmonious structure with contrasting of forms and values
![Page 62: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/62.jpg)
Principle of Design : Visible AppearanceDominance : Vibration and Detail
![Page 63: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/63.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 64: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/64.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 65: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/65.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 66: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/66.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 67: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/67.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 68: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/68.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 69: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/69.jpg)
Principle of Design : Visible AppearanceDominance : Texture and Detail
![Page 70: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/70.jpg)
TextureTexture
![Page 71: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/71.jpg)
Texture สามารถสรางสรรคใหเกดความเขาใจในสภาวะทางกายภาพของวตถและนำาไปสการกระตนใหเกดความรสกได เชน ขรขระ-เรยบ-มนวาว ออน-แขง-นม-หยาบ ฯลฯ ในทางเทคนคการสรางสรรคผลงานศลปกรรม อาจแบงออกไดเปน 2 รปแบบ คอ
1.Texture ทถกสรางขนจากการลอกเลยนแบบ เราอาจเรยกอกอยางวา Pattern หรอลวดลาย
2.Texture ทนำา Ready made Materiel หรอ วสดจรงมาตดลงบนตวงานและสรางใหเกดความกลมกลนดวยกรรมวธตางๆ
![Page 72: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/72.jpg)
Texture ทถกสรางขนจากการลอกเลยนแบบ เราอาจเรยกอกอยางวา Pattern หรอลวดลาย
![Page 73: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/73.jpg)
Texture ทนำา Ready made Materiel หรอ วสดจรงมาตดลงบนตวงานและสรางใหเกดความกลมกลนดวยกรรมวธตางๆ
![Page 74: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/74.jpg)
Collage หรอการปะตด
![Page 75: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/75.jpg)
การ Collage ในทางเทคนคการสรางสรรคผลงานจตรกรรม ใหผลในการสรางแรงจงใจได บางคร�งมากกวาการระบายส
![Page 76: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/76.jpg)
Principle of DesignTheory of Colors
![Page 77: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/77.jpg)
Elements of Art : Colors
Color Wheel
![Page 78: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/78.jpg)
Theory of Color : Value of Color
![Page 79: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/79.jpg)
Theory of Color : Value of Color Value refers to the lightness and darkness of a color. For example, if light
falls on a green ball the part of the ball nearest the light will be lightest in val ue because it reflects the most light. The part of the ball opposite the light wil
l be the deepest in the shadow and thus darkest in value. - Remember you can also change the value of a color by adding black (shade),
or white (tint), or gray (tone). As white is added to a color it becomes "higher" in value (lighter). As black is added it becomes "lower" in value (darker).
![Page 80: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/80.jpg)
Theory of Color : Color SchemesMonochromatic - One color. A monochromatic color scheme uses only one hue (color) and all values (shades or tints) of it for a unifying and harmonious effect.
![Page 81: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/81.jpg)
Remember that value is the relationship of light to dark.
![Page 82: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/82.jpg)
Theory of Color : AnalogousAnalogous - colors that contain a common hue and are found next to each other on the color wheel, e.g., violet, red-violet, and red create a sense of harmony. Remember adjoining colors on the wheel are similar and tend to blend together. They are effective at showing depth.
![Page 83: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/83.jpg)
Theory of Color : Color Tonality
Cool Tone Warm Tone
![Page 84: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/84.jpg)
Warm colors - suggest warmth and seem to move toward the viewer and appear closer, e.g., red and orange are the colors of fire. Remember that warm colors appear larger than cool colors.
Remember that warm colors appear larger than cool colors.
Henri de Toulouse-Lautrec - The Kiss - 1892
![Page 85: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/85.jpg)
Cool colors - suggest coolness and seem to recede from a viewer and fall back, e.g., blue and green are the colors of water and trees).
Vincent Van Gogh - Starry Night - 1889
![Page 86: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/86.jpg)
Know that the color wheel is simply a guide on how colors relate to one another, it is by no means a formula for making successful art.
![Page 87: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/87.jpg)
Complementary ColorComplementary - two colors opposite one another on the color wheel, e.g., blue and orange, yellow and purple, red and green. When a pair of high intensity complements are placed side by side, they seem to vibrate and draw attention to the element Not all color schemes, based on complementary colors are loud and demanding -- if the hues are of low-intensity the contrast is not too harsh. Intensity can only be altered by mixing a color with its complement, which has the effect of visually neutralizing the color. Changing the values of the hues, adding black or white, will soften the effect.
![Page 88: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/88.jpg)
Color IntensityIntensity - brightness or dullness of a color. A pure hue is a high-intensity color. A dulled hue, a color mixed with its complement is called a low-intensity color.
high-intensity low-intensity
![Page 89: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/89.jpg)
Triad - a color triad is composed of three colors spaced an equal distance apart on the color wheel. The contrast between triad colors is not as strong as that between complements.
Primary - red, yellow, and blue
Piet Mondrian, Composition with Red, Yellow and Blue -1921
![Page 90: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/90.jpg)
Secondary - by mixing two primary colors, you create a secondary color. Red + yellow =orangeYellow + blue = greenand Blue + red = purple (violet)
![Page 91: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/91.jpg)
Intermediate - colors are created by mixing a primary and a secondary: Red-orange, yellow-orange, yellow-green, blue-green, blue-purple, and red-purple.
Henri Matisse - Le bonheur de vivre (The Joy of Life) - 1905-06
![Page 92: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/92.jpg)
Split complements - the combination of one hue plus the hues on each side of its complement. This is easier to work with than a straight complementary scheme. It offers more variety, e.g., red-orange, blue, and green.
Frederick Carl Frieseke - Through the Vines - 1908
![Page 93: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/93.jpg)
Double complementary - two adjacent hues and their opposites. it uses four colors arranged into two complementary color pairs. This scheme is hard to harmonize; if all four colors are used in equal amounts, the scheme may look unbalanced, so you should choose a color to be dominant or subdue the colors.
Claude Monet - Houses of Parliament, London, Sun Breaking Through Fog -1904
![Page 94: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/94.jpg)
Compositional effects of color • Spatial effects - Such as, hues that are lighter at maximum
saturation (yellows, oranges) appear larger than those that are darker at maximum saturation (e.g., blues and purples).
• When a color expands visually, it may also seem closer to the viewer than those that seem to contract, leading to the common statement that warm colors appear closer and cool colors fall back.
![Page 95: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/95.jpg)
Color Breaking
Artists can bring any color forward or push it back, depending on what other spatial tricks they use. In addition, a large shape or form appears to be heavier than a small shape. Several small shapes or forms can balance on large one.
![Page 96: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/96.jpg)
Vibration of ColorsRemember that saturation is the relative brilliance or vibrancy of a
color. The more saturated a color, the less black it contains.
![Page 97: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/97.jpg)
Use highly saturated or high-intensity colors (a pure hue with no other colors mixed in) or busily detailed areas to draw attention and therefore give the appearance of carrying more weight than less saturated, low-intensity or visually simpler areas.
![Page 98: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/98.jpg)
Process of CreationOf course we have to begin our creative work on sources but not at all an “ imitation ”.“ imitation ”.
![Page 99: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/99.jpg)
• Make the structure of composition
![Page 100: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/100.jpg)
Contemplate the color tone
![Page 101: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/101.jpg)
Embody the work on the selected tone by primary, secondary
colors, Analogous colors or etc.
![Page 102: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/102.jpg)
Embody the work on the selected tone by primary, secondary
colors, Analogous colors or etc.
![Page 103: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/103.jpg)
Paint selected areas with some complementary colors to get viewer attention by the color high-intensity effect. (do accordingly to the
theory of colors)
![Page 104: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/104.jpg)
Paint selected areas with some complementary colors to get viewer attention by the color high-intensity effect. (do accordingly to the
theory of colors)
![Page 105: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/105.jpg)
Give finishing by adding some details.
![Page 106: Foundation of Visual Design](https://reader037.vdocuments.site/reader037/viewer/2022110105/568c33491a28ab02358c3ba4/html5/thumbnails/106.jpg)
Give finishing by adding some details.