On Visual Hierarchy
On Visual Hierarchy Design isn’t about making something pretty, although that’s part of it. Design is largely about function. It’s about making an interface work so well that the user never stumbles....
Design isn’t about making something pretty, although that’s part of it. Design is largely about function. It’s about making an interface work so well that the user never stumbles. Much of a good UI depends on a notion called visual hierarchy. Visual hierarchy, while it may sound technical, is really a pretty simple concept. By using color, contrast, texture, shape, position, orientation, and size, one can organize elements on a page so that users gets a sense of visual importance. For example, look at this graphic: Where did your eyes go? Maybe to the first circle, since we naturally read…
saved by
related reading
- Learning to See - iAia.net
- Visual design rules you can safely follow every timeanthonyhobday.com
- Mediumuxdesign.cc
- Invisible Details of Interaction Designrauno.me
- Contrast and Meaning – A List Apartalistapart.com
- Visualizing Algorithmsbost.ocks.org
- Every UI/UX Concept Explained in Under 10 Minutesyoutube.com
- Say precisely what you mean.index.how
- Brian Lovin on X: "One way I think about this is: You get a certain amount of "credits" to spend to create visual hierarchy. Size, color, space, weight, typeface, etc. The goal is to create a clear design while spending as few credits as possible. Some designs over-spend and things feel messy." / Xx.com
- 10 Usability Heuristics for User Interface Design - NN/Gnngroup.com
- UI Densitymatthewstrom.com
- Design Principles: Visual Perception And The Principles Of Gestalt — Smashing Magazinesmashingmagazine.com