The order in which elements are noticed, controlled by size, weight, colour, position and space.
FND·001UI foundation · Visual design
Tag9 entries across 3 sections
hierarchy
Entries tagged hierarchy, drawn from across the library. Tags cut through the section structure, which is where most of the useful connections are.
Type
Category
Level
9 entries
Relative size is the fastest signal of importance and the easiest one to overuse.
FND·012UI foundation · Visual design
Empty space is a design element that groups, emphasises and sets pace, not leftover area.
FND·015UI foundation · Visual design
Making one thing stand out, which only works if most things do not.
FND·018UI foundation · Visual design
Using size, weight, colour and space to make the structure of text visible before it is read.
FND·032UI foundation · Typography
The most space-efficient hierarchy lever, and the one most often limited by the typeface.
FND·033UI foundation · Typography
A trail showing where you are in a hierarchy, useful when the hierarchy is deeper than two levels.
CMP·020Component · Navigation
Showing a design briefly and asking what people remember, which tests hierarchy and clarity of message.
RES·008Research method · Evaluative
Measuring where people look, which is expensive, frequently over-interpreted, and occasionally irreplaceable.
RES·017Research method · Evaluative