Graphic Design Foundations of Visual Design Syllabus

Foundations of Visual Design syllabus — full chapter and topic list

Expand any chapter to see its topics and sub-topics. This is the whole examinable outline for Foundations of Visual Design in Graphic Design, not a summary of it.

1. 1

   Elements of Design

   6 topics

   • Line
   • Shape and Form
   • Texture and Pattern
   • Space
   • Value and Tone
   • Color as an Element
2. 2

   Principles of Design

   7 topics

   • Balance
   • Contrast
   • Emphasis and Focal Point
   • Rhythm and Repetition
   • Proportion and Scale
   • Unity and Harmony
   • Alignment and Proximity
3. 3

   Gestalt Principles of Perception

   4 topics

   • Figure-Ground Relationship
   • Proximity and Similarity
   • Closure and Continuity
   • Common Fate and Symmetry
4. 4

   Composition and Layout Basics

   5 topics

   • Visual Hierarchy
   • Rule of Thirds
   • Golden Ratio in Design
   • Focal Points and Flow
   • Cropping and Framing
5. 5

   Drawing and Sketching Fundamentals

   3 topics

   • Thumbnail Sketching
   • Ideation and Mind Mapping
   • Rapid Concept Visualization
6. 6

   Design Thinking Process

   5 topics

   • Research and Discovery
   • Briefing and Problem Definition
   • Concept Development
   • Iteration and Feedback
   • Delivery and Handoff

Foundations of Visual Design flashcards for Graphic Design

21 of 50 cards from the Foundations of Visual Design deck — real questions with worked answers.

1. In visual design, what is a line?

   A line is a mark that connects two points, or the path traced by a moving point. It is the most basic element of design and is used to define edges, divide space, create texture, and lead the viewer's eye.

2. What moods or meanings do the four basic line orientations convey?

   Horizontal lines: calm, stability, rest. Vertical lines: strength, height, dignity. Diagonal lines: movement, energy, tension. Curved lines: grace, softness, natural flow.

3. What is an implied line?

   A line that is not physically drawn but is suggested by the arrangement of elements, a series of points, or the direction of a subject's gaze. Implied lines guide the viewer's eye through a composition.

4. What is the difference between shape and form?

   A shape is a two-dimensional enclosed area with height and width only. A form is three-dimensional, adding depth (or the illusion of depth through shading and perspective). Example: a circle is a shape; a sphere is a form.

5. Compare geometric shapes and organic shapes.

   Geometric shapes are precise and mathematical (circles, squares, triangles), conveying order and structure. Organic shapes are irregular and free-flowing, resembling natural forms, and convey a natural, informal feeling.

6. What is the difference between tactile (actual) texture and visual (implied) texture?

   Tactile texture is a real surface quality that can be physically felt (e.g., embossed paper). Visual texture is the illusion of surface quality created two-dimensionally through lines, values, and patterns (e.g., a printed wood-grain image).

7. Define pattern in visual design.

   Pattern is the predictable, ordered repetition of a motif (a repeated element such as a shape, line, or color) across a surface or composition.

8. How does texture differ from pattern?

   Pattern is a structured, regular repetition of a distinct motif, while texture describes the overall surface quality (rough, smooth, grainy) and may be irregular or random. All patterns can create texture, but not all textures form a pattern.

9. Distinguish positive space from negative space, and give one function of negative (white) space.

   Positive space is the area occupied by the subject or elements; negative space is the empty area around and between them. Negative space provides breathing room, improves legibility, defines shapes, and can create emphasis or hidden imagery.

10. List five techniques used to create the illusion of depth on a flat surface.

    1) Overlapping elements, 2) relative size (nearer objects larger), 3) vertical placement (distant objects higher on the picture plane), 4) linear perspective (converging lines), 5) atmospheric perspective (distant objects lighter, bluer, less detailed).

11. What is the difference between linear perspective and atmospheric (aerial) perspective?

    Linear perspective creates depth using converging lines that meet at one or more vanishing points on the horizon line. Atmospheric perspective creates depth by making distant objects lighter in value, cooler/bluer in color, and lower in contrast and detail.

12. Define value in visual design.

    Value is the relative lightness or darkness of a color or tone, independent of its hue. It ranges from white through grays to black and is essential for creating contrast, depth, and mood.

13. What are a tint, a shade, and a tone of a hue?

    Tint = hue + white (lighter version). Shade = hue + black (darker version). Tone = hue + gray (muted, desaturated version).

14. What are the three fundamental properties (dimensions) of color?

    1) Hue — the color's identity on the color wheel (red, blue, etc.); 2) Saturation (chroma/intensity) — its purity or vividness; 3) Value (brightness) — its lightness or darkness.

15. Describe the color-wheel geometry of complementary, analogous, and triadic color schemes.

    Complementary: two hues directly opposite each other, separated by $180^{\circ}$ on the wheel (maximum contrast). Analogous: hues adjacent to each other on the wheel (harmonious). Triadic: three hues evenly spaced $120^{\circ}$ apart (balanced yet vibrant).

16. Compare additive and subtractive color mixing.

    Additive (RGB) mixes emitted light — used for screens; combining all primaries yields white. Subtractive (CMY/CMYK) mixes pigments or inks that absorb light — used for print; combining all primaries yields black (or near-black).

17. How do warm colors and cool colors behave psychologically and spatially in a composition?

    Warm colors (reds, oranges, yellows) convey energy and excitement and appear to advance toward the viewer. Cool colors (blues, greens, violets) convey calm and serenity and appear to recede into the background.

18. Define balance as a principle of design.

    Balance is the distribution of visual weight among elements so the composition feels stable and intentional. It can be achieved symmetrically, asymmetrically, or radially.

19. What is the difference between symmetrical and asymmetrical balance?

    Symmetrical (formal) balance mirrors elements evenly across a central axis, conveying order and stability. Asymmetrical (informal) balance uses dissimilar elements of equal visual weight (e.g., one large shape balanced by several small ones), conveying dynamism and interest.

20. What is radial balance?

    Radial balance arranges elements outward from a central point, like spokes of a wheel or petals of a flower. It naturally draws the eye to the center and conveys energy with strong focus.

21. Name five factors that increase an element's visual weight.

    Larger size, darker value, higher color saturation (especially warm colors), complex texture or detail, and isolation from other elements. Position also matters: elements far from the center exert more compositional leverage.

See more Foundations of Visual Design flashcards →

Planning Foundations of Visual Design for Graphic Design

Foundations of Visual Design (Graphic Design) FAQ