Using figure-ground will allow the audience to automatically find the areas to focus upon. Figure-Groundįigure-Ground refers to the design’s focal point (figure) and background (ground) details. Figure 4.4- Line graph of the cost of round steak from January-July of 2021, with missing data from the months of March and April, misleading the reader to think that the cost was increasing in March and April as well. See Figure 4.4 for an example of how our mind automatically imagine a line connecting the 2 broken ones. There must be enough parts available for the image to be “filled in” if the image is too abstract, there are minimal reference points for the mind to complete it. ClosureĬlosure refers to our mind completing missing portions of a design. Figure 4.3- Ontario area (in square feet) used to harvest mushrooms over the years. See Figure 4.3 for an example of continuity. The mind will automatically fill in the gap to “go with the flow”. ContinuityĬontinuity refers to our eyes continuing the design of a path, line, or curve, though it may extend beyond the page. Figure 4.2- Yearly fruit production in Canada based on 5 fruits over the timespan of 2016-2020. See Figure 4.2 for an example of how repeating colours represent similarity. Elements that look alike are seen as belonging to the same group or creating a pattern to form a singular unit. Similarity refers to unity and wholeness (e.g. Figure 4.1- The relationship between fruit production volume and fruit farm gate value based on various fruits in 2020. See Figure 4.1 below for an example of how proximity in a scatterplot defines a relationship.
The closer the entities appear, the stronger the relationship. The separate design entities come together to create a “unified whole” due to their distance/space from one another. Proximity refers to the closeness of visual elements. In the 1900s, the Gestalt School of Psychology defined some basic principals of visual perception that are still widely accepted today and can be applied as a framework in developing data visualizations.
0 kommentar(er)
