Principle library
Understand the rules. Train the judgment.
Short UX and UI explanations designed to move quickly from theory into practice.
Cluster
UX Laws
Fitts, Hick, Miller, Jakob and the models that help explain interaction and decisions.
Explore laws →Visual perception
Gestalt principles
Proximity, similarity, common region and closure: how we group visual information.
Explore Gestalt →Free tool
Color Contrast Checker
Test foreground and background colors, get the ratio, and review AA/AAA without leaving PixelDojo.
Priority principles
Learn one. Practice it next.
Design foundation
Visual hierarchy in UI design
Visual hierarchy tells users what matters first, second and next.
Gestalt principle
Gestalt principle of proximity
Proximity turns spacing into meaning.
Typography
Typographic hierarchy for interfaces
Typography should reveal structure before users read every word.
UX law
Hick's Law in UX design
More meaningful choices usually require more decision time.
UX law
Fitts's Law in UX and UI design
Larger, easier-to-reach targets require less precision.
UX law
Miller's Law in UX design
People handle information better when it is grouped into meaningful chunks.
UX law
Jakob's Law in UX design
Users expect your interface to work like other interfaces they already know.
Accessibility
Color contrast and accessibility
Contrast helps users distinguish information from its background.
PixelDojo