Elements and Principles of Design Part 2
Fundamental Formula and Structure of Visual Art
Core Artistic Equation:
Components of the Artistic Equation:
Form: The physical materials utilized in an artwork and the specific technical methods by which those materials are manipulated.
Subject Matter: The visual topic, figures, objects, scenes, or abstract elements depicted within the artwork.
Context: The historical, cultural, environmental, and situational circumstances surrounding the creation and reception of the artwork.
Content: The ultimate meaning, message, narrative, or emotional impact communicated by the completed work.
Structural Framework of Form:
Elements of Design: The physical and visual building blocks of art (comprising 5 core elements: texture, line, shape, value, and color).
Principles of Design: The strategies, rules, and organizational methods governing how the building blocks (elements) are arranged and composed.
Element of Design: Texture
Actual Texture:
Refers to physical surfaces that can be directly felt with the hand (e.g., stone, metal, carpet, rubber).
Extremely smooth surfaces, such as polished glass, also possess actual texture, though the tactile smoothness may be subtle.
Simulated Texture:
The visual illusion of tactile surface qualities created on a two-dimensional surface through the manipulation of light and shadow.
Physical textures are perceived visually because of light and shadow interactions across surface micro-structures (e.g., wall "orange peel" texture consists of smooth compound sprayed onto flat walls, revealing light on one side of each micro-bump and shadow on the opposite side).
Medium Texture: The physical surface characteristic inherent to the art medium itself (e.g., the heavy, rough actual texture of impasto oil paint).
Highlight Control in Simulated Texture:
Simulated surface textures rely on rendered highlights and light-to-shadow gradients.
Hard, sharp, clear highlights signify smooth, reflective, or non-porous surfaces (e.g., polished ceramics, glass, halos around painted eggs).
Soft, fuzzy, diffuse highlights signify matte, fibrous, or textured surfaces (e.g., the skin of a peach versus the smooth skin of a Red Delicious apple).
Pattern and Invented Texture:
Pattern Reduction: Scaling a repeating pattern down small enough transforms it visually into an invented texture.
Coexistence of Textures: A single artwork can contain three distinct texture categories simultaneously:
Actual Texture: The physical grain of the paper or canvas substrate.
Invented Texture: Non-representational decorative marks (e.g., repeating spiral forms).
Simulated Texture: Rendered highlights and shading communicating three-dimensional surface qualities (e.g., the glossy surface of an eye).
Element of Design: Line
Outlines versus Contour Lines:
Outline: A basic perimeter line defining the outer edge of an object, often resulting in flat visual abstraction.
Contour Line: A specific line that follows the internal and external edge structures of a form, communicating precise volume, three-dimensional orientation, and surface details (e.g., distinguishing specific floral species in a vase drawing).
Line Weight:
Refers to the visual heaviness, thickness, or lightness of a line.
Determined by line width, dark value, edge sharpness/softness, and contrast relative to the background.
Visual Weight Mechanics: Thicker, heavier lines attract visual attention and establish focal emphasis.
Negative Space Accentuation: Varying line weight along form boundaries can emphasize negative background shapes over positive forms, inducing figure-ground reversal and highlighting the flatness of the picture plane in modern art.
Cross Contour Lines:
Lines that traverse across the inner surface of a form (resembling topographical maps) to communicate volume and mass without relying on light and shadow shading.
Basic Execution Example: Tracing a hand on paper using straight lines across the flat background that curve upward into arcs when crossing over the fingers.
Relationship to Form Axes:
Counter/Perpendicular to Axis: Cross contour lines drawn perpendicular or across the primary axis of a form maximize perceived volume and mass (e.g., horizontal curves across lips).
Parallel/Along Axis: Cross contour lines drawn parallel to or along the primary axis of a form maximize perceived directional movement (e.g., vertical lines running down the bridge of a nose).
Photographic Application: Projecting line patterns or light grids across three-dimensional subjects in photography.
Mechanical Lines:
Lines that maintain a uniform, unvarying weight along their entire length.
Convey an objective, clinical, detached, and unemotional quality.
Typically produced using technical or mechanical pens; lack the expressive, dynamic weight shifts characteristic of dip pens or calligraphic nibs.
Flowing Lyrical Lines:
Curving, graceful lines that maintain consistent line weight while conveying smooth, fluid movement without emotional volatility.
Constricted Aggressive Lines:
Jagged, chaotic, high-energy lines conveying tension, conflict, or raw energy in abstract or figurative imagery.
Instrumental Music Analogy: Non-objective abstract artwork functions like instrumental music (pure form and structure), whereas figurative artwork functions like song lyrics (identifiable representations of people, places, and things built upon an abstract foundation).
Calligraphic Lines:
Lines featuring continuous, dramatic shifts between thick and thin line weights along their length.
Historically produced using broad-nibbed pens or flexible brushes.
Originates in East Asian brushwork (e.g., Chinese calligraphy), where individual brushmarks convey standalone expressive content beyond the literal character definition.
Combining diverse line styles (mechanical, lyrical, aggressive, calligraphic) within a single composition generates narrative energy and visual complexity (e.g., courtroom scenes or political protests).
Implied Lines and Visual Psychology:
Definition: Mental alignments constructed by the viewer between discrete points or shapes due to the psychological drive for closure and visual simplicity (e.g., perceiving a continuous circle from a ring of separated dots).
Gaze Direction and Eye Convergence Mechanics:
Directional gaze creates powerful implied lines.
When a subject focuses on an object, their eyes converge at a specific focal distance.
Portraiture Application: Portrait painters converge a subject's eyes to lock their gaze at a specific distance in front of the canvas (e.g., setting eye convergence to place the subject's focus 5 feet in front of the picture plane).
Parallel or Asymmetric Gaze: Drawing or painting non-converging, parallel, or slightly asymmetric eyes communicates boredom, emotional detachment, dislocation, or an absence of active thought (a technique utilized in acting, such as performances by Scarlett Johansson).
The Omnipresent Stare Technique: Painting irises and pupils as perfect circles facing directly forward causes the subject's gaze to appear to follow the viewer from any position or angle in a room.
Ocular Stabilization Reflex: Human eyes automatically rotate/roll within their sockets when the head tilts sideways to keep the visual field level.
Pointing and Repetition: Direct physical gestures (e.g., pointed fingers) and repeating structural units function as implied lines that lead the viewer's eye through a composition.
Whimsical Lines:
Curved, playful lines incorporating frequent line weight variations (alternating thick and thin sections), widely used in illustration, industrial design, and fine art.
Element of Design: Shape
Geometric versus Organic Shapes:
Geometric Shapes: Precise, mathematical shapes (e.g., squares, circles, triangles). Perfect mathematical geometry represents mechanical clarity but feels cold and impersonal. Executing perfect geometry freehand is extremely difficult.
Organic Shapes: Irregular, flowing forms based on nature (e.g., leaves, clouds, anatomical structures). Although natural structures contain underlying geometry (e.g., five-pointed seed patterns inside a sliced apple), organic shapes feel warmer, humanized, and imperfect.
Gee's Bend Quilters: Textile artists who create geometric quilt patterns by hand, softening hard mathematical lines into warm, organic, humanized compositions.
Chuck Close: Transitioned from hyper-realistic photo-realism to grid-based painting after illness restricted his physical mobility. He translated photographic information through uniform grid cells filled with organic, concentric circular marks to remove personal hand subjectivity while maintaining a cool, systematic format.
Josef Albers: Created the Homage to the Square series, maintaining identical nested square formats across paintings while altering only color combinations to isolate color interactions as the primary driver of emotional and optical responses.
Brice Marden: Uses continuous, winding organic lines to induce contemplative, meditative states in viewers as their eyes follow individual line paths (analogous to "flow states" experienced during fishing, hiking, athletics, or creative production).
Native American Pottery: Synthesizes geometric patterns and organic vessel forms; highly valued in art and antique auction markets (e.g., featured on Antiques Roadshow).
Dominance and Contrast in Shape: Establishing a dominant field of uniform shapes (e.g., organic shapes) causes isolated contrasting shapes (e.g., geometric shapes) to act as immediate visual focal points.
Positive and Negative Shapes and Spatial Mechanics:
Positive Shapes: The primary focal objects or figures in a composition.
Negative Shapes: The surrounding background space or empty areas bounded between positive forms.
Figure-Ground Reversal: Visual ambiguity where positive forms and negative background spaces alternate in dominant spatial perception (e.g., shifting between seeing black line figures on a white ground versus white shapes on a black ground).
Modernist Surface Flatness:
Sylvia Plimack Mangold: Paints negative spaces between tree branches with subtle value shifts, creating a stained-glass structural grid that emphasizes the flat physical surface of the canvas.
Giorgio Morandi: Lines up still life objects on a table so their top edges and bottle necks align continuously with background wall divisions. He paints visible bounding outlines—which do not exist in physical nature—to construct abstract geometric sub-structures that highlight picture plane flatness over realistic 3D depth (in nature, forms are differentiated by contrasting values or colors along edges, not hard perimeter lines).
Negative Space in Sculpture and Architecture:
Architectural Negative Space: The massive open space beneath the base arches of the Eiffel Tower forms a powerful, volumetric negative space that defines the structure's physical presence.
Interior Room Design: Standard rectangular rooms miss opportunities to shape negative space dynamically (e.g., tapering room walls inward toward the back or expanding them outward forward alters psychological and spatial comfort).
Sculptural Negative Space: Henry Moore carved smooth, pelvic-like abstract stone and bronze sculptures designed specifically to frame and contain interior negative spaces.
Planar Subdivision and Visual Measurement:
Planar Faceting: Defining rounded 3D forms (such as human anatomy) as sequences of flat, intersecting directional planes turning in space to establish volume prior to shading.
Sight-Size Visual Measurement Technique: Artists hold paintbrushes at arm's length to measure reference units (e.g., using head height as a baseline unit) to calculate relative proportional dimensions across a subject.
Planar Color Blocking (Euan Uglow): Uses tick marks to mark measured coordinate points, defining each structural plane on a figure or object with distinct color values while balancing spatial depth against canvas flatness.
Element of Design: Value
Definition and Value Scales:
Value: The relative lightness or darkness of a surface, ranging from pure white to absolute black.
Value Scale: A systematic gradient test created by an artist to map out the full range of light, dark, and intermediate values achievable with a specific medium, pencil grade, or paper substrate.
Techniques for Rendering Value:
Hatching: Drawing closely spaced parallel lines to build up value tones.
Cross-Hatching: Overlapping multiple layers of intersecting hatched lines at angles. Increasing line density blocks out paper substrate, creating darker values.
Stippling: Applying dense or sparse clusters of individual dots to build value transitions.
Execution Efficiency: Rather than tapping individually, rapid stippling is executed efficiently by vibrating/bouncing the pen rapidly over the surface.
Continuous Tone: Smooth, seamless value gradations without visible line marks, easily achieved using charcoal or oil paint (allowing additive smudging and subtractive erasing from a laid-down mid-tone).
Modulated versus Static Values:
Modulated Value: Smooth or step-by-step value transitions across a surface that describe curving forms, light direction, and ambient space (e.g., a flat wall appearing lighter near an overhead light fixture and modulating to darker values near the ceiling/floor).
Static Value: Uniform, flat areas of single values with no tonal gradation.
Stylistic Application (Manga/Anime): Combines dramatic foreshortening (e.g., drawing a subject's forward-reaching hand significantly enlarged) with completely flat, static value fills, producing spatial tension and structural ambiguity.
Chiaroscuro Mechanics and Light Elements:
Etymology: Italian compound term combining chiaro (light) and scuro (dark/obscure). Developed by Renaissance artists to represent realistic 3D volume.
Core Form Formula:
Anatomy of Chiaroscuro:
Highlight: The direct reflection of the light source on an object's surface. Sharp, hard-edged highlights reflect smooth, glossy surfaces (and mirror the light source shape, such as rectangular windows or oval candle flames); soft, diffuse highlights reflect matte, textured surfaces (e.g., peach fuzz vs. smooth apple skin).
Light Side: The area of the form directly facing the light source.
Halftone (Mid-tone): The transition area where the form turns away from the light source toward shadow.
Form Shadow (Core Shadow): The darkest area on the object where light cannot reach as the form turns away.
Reflected Light: Light bouncing off neighboring environment surfaces back into the shadow side of an object. Serves as the primary visual mechanism connecting separate objects together in a shared physical environment. (On the Moon, lacking an atmosphere/secondary bounced light, shadows in craters are pitch black; on Earth, sky light reflects blue wavelengths into outdoor shadows).
Cast Shadow and Accent: The shadow thrown by an object onto an adjacent surface. The accent is the deepest, darkest dark located directly at the contact point where the object blocks maximum ambient light (occlusion shadow).
Photographic Applications:
Translucent versus Opaque Materials: Translucent materials (e.g., flower petals) allow light penetration, exhibiting lower internal value contrast compared to opaque materials (e.g., solid green leaves).
Portraiture Lighting: Lightening/softening shadow values on skin reduces harsh contrast, making skin look radiant, clear, and glowing.
Flash Photography: On-camera flash destroys form by flooding light straight-on and flattening light/shadow values. Turn off flash in low light to rely on ambient directional light; use flash primarily outdoors on bright sunny days to fill in harsh, dark shadows.
Tenebrism:
Etymology: Derived from the Italian/Latin root for "murky" or "darkness."
Definition: A compositional style characterized by extreme, dramatic value contrast where forms emerge from a dominant, murky dark background.
Historical Context: Developed during the Counter-Reformation by the Catholic Church (prominent in Baroque works by Caravaggio, Rembrandt, and Michelangelo) to create theatrical, emotionally intense imagery aimed at drawing worshipers back to the church.
Element of Design: Color
Color Mixing Systems:
Additive Color Mixing:
Process: Mixing colored lights.
Primary Colors: Red, Green, Blue (RGB).
Mixing Results: Red + Blue = Magenta; Blue + Green = Cyan; Red + Green = Yellow; Red + Green + Blue = Pure White Light.
Applications: Theatre stage illumination, digital display monitors, smartphones, and television screens composed of microscopic RGB pixels.
Subtractive Color Mixing:
Process: Mixing physical pigments, dyes, or paints.
Mechanism: Pigments absorb (subtract) specific light wavelengths and reflect remaining wavelengths back to the human eye (e.g., a blue shirt absorbs red/yellow wavelengths and reflects blue wavelengths).
Thermal Absorption: Dark/black materials absorb all visible light wavelengths, converting absorbed radiation into thermal energy via excited electrons (making dark clothes hot in sunlight); light/white materials reflect wavelengths and stay cooler.
Color Temperature (): Measured on the Kelvin scale. Warm light sources range from to ; cool, bluish light sources range from up to .
Microscopic Mechanics: Mixed paint pigments maintain their discrete physical particles; the human eye visually integrates close pigment particles (e.g., adjacent blue and yellow particles) to perceive a unified new color (green).
Three Dimensions of Color:
Hue: The specific color family or name (Primary Hues: Red, Yellow, Blue; Secondary Hues: Green, Purple, Orange).
Native Value: The inherent relative lightness or darkness of a pure hue straight from the tube (e.g., yellow possesses a light native value; purple possesses a dark native value).
Intensity (Saturation / Chroma): The relative purity, vividness, or saturation of a color.
Descriptive Specificity: Broad color terms must be precisely categorized by hue characteristics (e.g., specifying brown as reddish-brown, orange-brown, or yellowish-brown; specifying gray as blue-gray or green-gray).
Color Wheel Interactions and Palette Control:
Mixing Adjacent Hues: Combining neighboring hues (e.g., yellow with yellow-orange) maintains high color intensity and brightness.
Mixing Complementary Hues: Combining direct opposites (e.g., yellow and violet) neutralizes color saturation, pulling both hues toward gray/brown center axis.
Preventing Palette "Mud": Mixing secondary hues (e.g., green mixed with orange) predictably produces muted, tertiary yellow-brown tones without requiring trial-and-error additions that result in oversaturated "mud" piles.
Simultaneous Contrast and Visual Perception:
Phenomenon: A physiological and psychological effect occurring in the human eye caused by retinal cone cell fatigue.
Mechanism: Staring continuously at a fixed color pattern for 20–30 seconds fatigues specific retinal color cones. Shifting gaze causes edge artifacts to appear visually vibrating/electric and project complementary color afterimages.
Tetrachromacy in Humans: A rare genetic condition found exclusively in a small percentage of women who possess a fourth retinal cone type sensitive to orange wavelengths. This allows perception of expanded color spectra, halos, and auras.
Artistic Application (Vincent van Gogh): In works such as Starry Night, Van Gogh placed complementary colors (oranges and blues) directly adjacent to each other in the sky to activate visual cone fatigue, causing colors to appear vibrant and dynamic.
Standard Color Schemes:
Monochromatic: Utilizes a single hue combined with varying values and intensities (e.g., pastel works by Sally Strand utilizing warm orange-brown spectrums). Produces high visual harmony and quiet emotional tone.
Analogous: Utilizes 3 to 4 colors sitting immediately adjacent to each other on the color wheel. Delivers high visual harmony with moderate variety.
Complementary: Utilizes hues positioned directly opposite each other on the color wheel (e.g., Red and Green). Creates maximum visual contrast, energy, and excitement (commonly used in holiday visual design).
Triadic: Utilizes 3 hues spaced evenly around the color wheel forming an equilateral triangle (e.g., Primary Triad: Red, Yellow, Blue). Achieves a balance between high visual energy and structural stability.
Tetradic: Utilizes 4 hues arranged in two complementary pairs. Generates rich color variety that overrides structural stability.
Split-Complementary: Utilizes a base hue combined with the two hues adjacent to its direct complement (e.g., Yellow paired with Red-Violet and Blue-Violet). Retains dynamic complementary energy while increasing balance and softening visual harshness.
Spatial Behavior of Color (Advancing vs. Receding):
Advancing Colors: Warm hues (reds, oranges, yellows) visually project forward toward the viewer.
Receding Colors: Cool hues (blues, greens) visually recede away into background depth (derived from atmospheric perspective where distant mountains shift toward sky blue).
Modernist Spatial Ambiguity: Reversing traditional spatial color rules (e.g., placing cool blue shapes in the foreground over warm background fields) creates spatial tension and planar ambiguity.
Audience Interactions and Case Demonstrations
Demonstration on Attendance and Seating (Devonte):
Context: Student seated in the restricted back three rows.
Directive: Relocated to open seating in the front rows and instructed to sign the official front attendance sheet at the conclusion of class.
Demonstration on Non-Verbal Eye Gaze (Lily and Hannah):
Context: Demonstration of implied lines through eye convergence.
Interaction: Hannah served as a physical subject for direct visual convergence. Lily confirmed recognizing non-verbal cues of boredom in others through eye posture without previously realizing the underlying optical mechanics of parallel/non-converging gaze.
Case Study on Architectural Volume (Amanda):
Context: Discussion of physical and negative architectural space.
Interaction: Amanda recounted walking beneath and ascending inside the Eiffel Tower, confirming the psychological impact of its immense interior negative volume.
Demonstration on Stippling Technique Efficiency:
Context: Student recalled enduring a slow, multi-hour stippling project in secondary school art class.
Correction: Demonstrated rapid stippling execution by holding a pen loosely and vibrating/bouncing the tip continuously over paper, replacing slow individual dots.