Visual hierarchy is immensely important in design. It shows readers what they need to focus on and in what order. One major way a hierarchy can be built is through size. As stated by the Oxford Journal, “The distinction in sizes should be such that a visitor would view the items in the order of importance, and the pecking order of things is obvious.” Within my multimodal project, my team can demonstrate visual hierarchy by making the title of the webpage much larger than the text, to show importance. We can also make the page’s main image larger than the images in the advice section, as we would want the main image to stand out more.
Another way we can develop a hierarchy is through color. The Oxford Journal claims that pops of color can create distinction in the areas that they are used, and my team plans to utilize this. We hope to have a neutral background, so it doesn’t draw attention, and to have our paragraph text also be a neutral color. However, our title and main image will be in color, which will immediately draw the eyes of the audience.
One final way we can use visual hierarchy would be to carefully consider how we want to organize our information. We plan on each page being separated into modules, one with the story, one with and image, and one with advice. We can organize this information in either and F-pattern or a Z-pattern, as both guide the human eye easily.