This informational graphic combines layers of information in an easy-to-read, yet comprehensive design. The design is driven by a large map of the Normandy coast that forms the basis for the content layering, but first we need to explore our form factor and set up a grid.
When starting the design we always take into account a border and margin, as the base form factor. In this case the border is a horizontal space that is 24 inches wide and 18 inches deep. The margin is 16 x 22, which leaves a 1-inch area of space all around the content area.
Next we determine a grid for aligning and designing content. Often that grid is a grid of rectangles that allows for simultaneous vertical and horizontal alignments.
Here's the vertical grid we applied, the coastline of the map is tyranny here for alignments, so having a strong vertical grid was beneficial.
Although the coastline dictated general content flow, there were also several horizontal alignments we used to build harmony and lessen interference.
Visual cues, such as the arrows and color combinations, help guide the reader's eye in micro-designs throughout the graphic. Two inset maps, one small, one large, bookend the large title/intro text in the middle column. The same red and blue that are used in the border elements are also used in other visual cues. Aside from the land colors, most other content was subtle overlays of grayscale, such as the areas indicating marshes.
Avoiding color overload enhances comprehension and lessens the stress that complicated layouts such as this can cause for readers unaccustomed to viewing dense content.
Hopefully these few tidbits are helpful to those of you designing your own information art projects. In kicking off this blog, I'm planning to post weekly about items that interest me. Please follow along if you are so minded.
Until next time - BP