Practice

UX Psychology · Visual Design

Depth & Elevation

Creating visual layers

A modal dialog appears with a large, dark, hard-edged shadow going downward and to the right. However, the page's buttons have small shadows going upward and to the left. The interface feels "off" but users can't articulate why.

What principle is being violated?