2 Composition and Visual Principles Free Online FlashCards

What is composition in visual design?

Composition is the deliberate arrangement of visual elements—such as text, images, shapes, and empty space—within a frame.

What does figure and ground describe?

Figure and ground describe how viewers distinguish a subject from its surrounding space. Clear separation helps the subject stand out.

What does contrast do in a composition?

Contrast is noticeable difference, such as light versus dark or large versus small. It separates elements, creates emphasis, and supports scanning.

How do symmetrical, asymmetrical, and radial balance differ?

Symmetrical balance distributes similar weight across an axis; asymmetrical balance uses different elements whose weights still feel distributed; radial balance arranges elements around a center.

How does rhythm arise from a visual pattern?

A pattern forms when elements recur regularly. Changes within that pattern create rhythm, which can guide the eye through a composition.

What is emphasis in a composition?

Emphasis gives an element greater prominence, often through contrast, placement, or size. It helps establish what viewers notice first.

How does proximity communicate relationships?

Proximity makes nearby elements seem related. Place related items close together and leave more space between separate groups.

How does similarity group visual elements?

Similarity causes elements that share traits—such as color, shape, size, or type style—to be perceived as a group.

What is the common region principle?

Common region groups elements enclosed by the same border, shaded area, or other boundary.

How do continuation and closure shape perception?

Continuation leads the eye along smooth paths; closure lets people mentally complete incomplete shapes. Both can guide attention or suggest forms.

What determines visual balance?

Balance is the distribution of visual weight. Weight can come from size, color, contrast, detail, or placement—not just physical area.

How does alignment organize a layout?

Alignment places elements along shared edges, axes, or guides. Consistent alignment creates visual connections and makes a layout feel organized.