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.
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.
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.
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, 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.
- - -
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.
- - -
Luca Amoriello, Director
Tel: +353 (0)87 383 2134