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
- Mediumuxdesign.cc
- Visual design rules you can safely follow every timeanthonyhobday.com
- Contrast and Meaning – A List Apartalistapart.com
- 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
- Say precisely what you mean.index.how
- 10 個我們還在犯的設計小錯誤intersection.tw
- 10 Usability Heuristics for User Interface Design - NN/Gnngroup.com
- Frank Chimero · The Web’s Grainfrankchimero.com
- Web Interface Guidelinesvercel.com
- Visual Design Principles | Business Communication Skills for Managerscourses.lumenlearning.com
- Design Principles: Visual Perception And The Principles Of Gestalt — Smashing Magazinesmashingmagazine.com