Hierarchy in graphic design helps the reader successfully navigate information on a page.
Size, typeface, weight, color, texture, and space are all used to create a sense of hierarchy.
Size:
Naturally readers notice the largest object on the page first. Headers generally should be about 250% bigger than the body copy and secondary headers should be 175% the size of the body copy.
Typeface and Weight:
Choosing different typefaces will help the reader differentiate between bodies of text or a headline. Often a mixture of sarif/san sarif is used to differentiate copy. More ornate fonts are often used for headlining text. Finally, the weight of the text will attract more attention or help the copy recede into the background. Bolded texts obviously grab more attention.
Color:
Color can help to categorize information. Warm colors advance on the page while cool colors retract.
Texture:
A body of text creates a pattern or texture. Textures that are easier for the eye are those that have the lease amount of interruptions. Widows/orphans and ragged edges create a distraction for the eye when reading. It is best to have clean edges and have the whole sentence on one line.
Space:
White space can call attention to an object or text. Large amounts of white space can make text feel cramped or more readable depending on the proportions. Balance the size of text to white space on a page.
In addition to the documentary information for this post was inspired from:
Cousins, Carrie. Creating Visual Hierarchy With Typography. Design Shack. 3 March 2014, https://designshack.net/articles/typography/creating-visual-hierarchy-with-typography/. Accessed on Oct 27, 2016
No comments:
Post a Comment