The ultimate guide to visual hierarchy

To ensure your designs are communicating as effectively as possible, it helps to approach design strategically rather than just going with a gut feel of what looks good. Think back to those forgotten art-class concepts like color theory and composition. These foundations are helpful in building, what we’ll call, your design toolbox. Visual hierarchy is all about working with the resources in your design toolbox — color, contrast, typography, spacing, and other basic principles — to organize and prioritize your content. The good news is it’s much easier than it sounds, so to discover design zen, follow our guide to visual hierarchy. Image by Jess Bailey via Unsplash Visual hierarchy is the order in which humans process information on a page. It’s a system to prioritize elements so that they are easily understood. Without a visual hierarchy or design structure, users can be overwhelmed and as a result, fail to take anything in. That’s why it’s important to organize elements in a way the

saved by

• Cyrus Chuang