← Back to CoursesGraphics Design: PhD Level

Neuroanatomy Explorer

Drag to rotate · scroll to zoom · click regions to explore

View
Loading 3D model…

Click a region
to explore it

Memory Deck

Flip each card and rate whether you knew it. Your score is saved.

Term
Definition

Deck complete — score saved.

Match the Pairs

Match each term to its definition. Finish the board to earn your score.

All matched — score saved.

Concept Constellation

Every key idea in this course, mapped as an explorable 3D constellation. Drag to rotate, scroll to zoom, click a node.

Click a node to read its definition.

Visual Perception, Cognition, and Information Hierarchy

Manual: General · Subject: Graphics Design

This lesson explores how perception and cognition shape hierarchy, salience, attention, memory, and readability in design.

Perception as the Basis of Composition

Gestalt and attention

Visual composition depends on how people group, prioritize, and interpret elements. Gestalt principles such as proximity, similarity, continuity, closure, and figure-ground separation remain foundational because they describe robust perceptual tendencies. Contemporary research extends these principles using attention models, eye-tracking, computational saliency, and cognitive load theory.

💡

Design implication

Hierarchy is not only a matter of size or color; it is an interaction among spacing, contrast, sequence, reading path, and expected task.

Information hierarchy

In documents and interfaces, hierarchy directs attention through scale, weight, contrast, alignment, repetition, and rhythm. A strong hierarchy reduces search costs and improves comprehension. At research level, hierarchy can be modeled as a measurable pattern of salience and task relevance rather than as a purely aesthetic quality.

Common hierarchy variables

VariableLikely effect
SizeIncreases visual prominence
ContrastImproves detectability and separation
WhitespaceCreates grouping and pacing
AlignmentSupports scanning and structure
ColorCan encode levels, states, or emphasis

Which principle most directly explains why nearby elements are perceived as a unit?

Give one reason whitespace can improve comprehension.

Measuring Readability and Salience

Operationalizing design outcomes

Research often operationalizes outcomes such as reading speed, error rate, recall, scan paths, fixation duration, or subjective workload. If a layout change improves task performance, one may hypothesize that it reduced cognitive load. However, causal claims should be supported by controlled studies and careful interpretation.

Which metric is most directly associated with eye-tracking studies of layout?

Why is a visually prominent element not necessarily the most useful one?