Visual rhythm is created by repeating interface patterns with consistent intervals, guiding users through long-form data feeds effortlessly:
Regular Rhythm: Predictable, identical spacing intervals between items (e.g., standard e-commerce product grids). Provides high cognitive predictability and eases rapid vertical scanning.
Progressive Rhythm: Elements gradually scale in size or color intensity across a sequence (e.g., an interactive pricing tier where the recommended tier expands slightly in scale).
Breaking Rhythm: Intentionally disrupting an established pattern (e.g., inserting a bold newsletter signup banner inside an editorial article feed) immediately recaptures drifting user attention.
Topics
Gestalt Psychology: Proximity and Similarity
Gestalt Continuation, Closure, and Figure-Ground
Scale, Proportion, and Dominance in Visual Layouts
Visual Rhythm, Cadence, and Pattern Repetition
Symmetrical vs. Asymmetrical Compositional Balance