menu

Contact us

If you’d like to find out more about how our creative muscle can help you grow your business through great design, please get in touch.

Contact us

If you’d like to find out more about how our creative muscle can help you grow your business through great design, please get in touch.

The Basics of Visual Hierarchy

Hey guys! We thought it would be a great idea to pull in some visual hierarchy suggestions and how functional design can be achieved by using these roles.

Visual hierarchy is the arrangement of graphic elements in a design in order of importance of each element. The visual weight defines the importance of an element in a design’s hierarchy, communicating to a viewer’s eyes what to focus on and in what order.

Scale

Size is an effective tool for guiding a viewer's eye to a specific element of a design because larger objects attract more attention than smaller objects. Our minds associate size with importance, so the largest elements of a design should be the most important, and the smallest elements should be the least important.

Alignment

Order between design elements is often created through alignment; it guides a viewer's eye around a page by allowing them to subconsciously follow lines. This is often used in web design through columns and grids.

Contrast

Dramatic shifts in color of text-size signal that something is different, which grabs attention. Changing from a light color to a dark color or from a thin, italicized serif font to a heavy, modern sans font creates contrast.

Color

Color, like size, is another visual organization tool that's used to draw attention to a certain element of a design. Our eyes are immediately drawn to bold, contrasting pops of color.

- - - 

About Nugno

Nugno is a Branding & Digital Design studio. Founded and run by strategic branding & digital design experts that shares a love of innovation, design and digital connection.

We create strategy and design with production across all platforms. We’re masters of brand identity and on point with websites and apps. Our skills extend to designing books people want to read and environments they feel comfortable in. We also create engaging motion design and much more.

- - - 

Learn more at Nugno services or follow us on Linkedin, Facebook, Instagram Twitter, #bynugno.

Start a conversation

Luca Amoriello, Director
Tel: +353 (0)87 383 2134
Email: Luca@bynugno.com