The fundamentals behind visual hierarchy | by Pascal Potvin | UX Collective

We live in a very busy time. Everything is screaming for our attention — our phones, laptops, television and so on. Yet, when we stumble…

Member-only story Design Visual Design UX Product Design UI The fundamentals behind visual hierarchy Pascal Potvin 9 min read · Apr 10, 2019 -- 3 Listen Share We live in a very busy time. Everything is screaming for our attention — our phones, laptops, television and so on. Yet, when we stumble across an App or a digital product something just feels and flows naturally, but we don’t always know why. It’s often the visual composition of elements coming together. When these UI elements are organized and structured properly, users can easily navigate and understand the product. The ability to cre

related reading

• On Visual Hierarchyweb.archive.org
• Contrast and Meaning – A List Apartalistapart.com
• Visual design rules you can safely follow every timeanthonyhobday.com
• Home | Laws of UXlawsofux.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
• A Comprehensive Guide To Product Design — Smashing Magazinesmashingmagazine.com
• The Psychologist’s View of UX Design — UX Magazineuxmag.com
• 10 個我們還在犯的設計小錯誤intersection.tw
• Visual Design Principles | Business Communication Skills for Managerscourses.lumenlearning.com
• Mediumuxdesign.cc