03.3.1 · Skill in UI design
Visual hierarchy
Making the most important thing on a screen the most noticeable.
Visual hierarchy uses size, weight, color and position to guide attention. A screen with no clear hierarchy feels busy even when it has little on it. It is the single most useful visual skill for engineers who build interfaces without a designer.
Resources
1- articleStart hereApplying UX principles to the visual design of graphical artifacts ↗NN/g · 2021 · 9 min
A worked example of building visual hierarchy with size, scale and color, checked with a squint test.
Tools
none yetTools for this topic are being researched.