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

• Blog of Ryan Heath — On Visual Hierarchyweb.archive.org
• Contrast and Meaning – A List Apartalistapart.com
• Visual design rules you can safely follow every timeanthonyhobday.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
• A Comprehensive Guide To Product Design — Smashing Magazinesmashingmagazine.com
• Visual Design Principles | Business Communication Skills for Managerscourses.lumenlearning.com
• Mediumuxdesign.cc
• Design Principles: Visual Perception And The Principles Of Gestalt — Smashing Magazinesmashingmagazine.com
• The Psychology of UX design. Unless we are making automated products… | by Ish∆n | UX Collectiveuxdesign.cc
• 10 個我們還在犯的設計小錯誤intersection.tw
• UI/UX Design Inspiration & User Flows from Top Apps — Page Flowspageflows.com