Page layout (cartography)

Short description: Arrangement of map elements on a page

This map of the Falkland Islands incorporates several elements of map layout: a title, a scale bar, a legend, and an inset map. This is a compromise between the fluid and compartmentalized approaches to layout order, with the non-map elements sitting "on top" of the main map. Here, the top-heavy main map is balanced by the non-map elements below. Note the use of a locator inset map and limited additional text about the projection (metadata) and sovereignty dispute (explanatory), all appropriate for a general audience. The detailed scale bar in two measurement systems facilitates precise distance measurements by an international audience, which may or may not be the intent.

Page layout, also called map layout or map composition, is the part of Cartographic design that involves assembling various map elements on a page. This may include the map image itself, along with titles, legends, scale indicators, inset maps, and other elements. It follows principles similar to page layout in graphic design, such as balance, gestalt, and visual hierarchy. The term map composition is also used for the assembling of features and symbols within the map image itself, which can cause some confusion; these two processes share a few common design principles but are distinct procedures in practice. Similar principles of layout design apply to maps produced in a variety of media, from large format wall maps to illustrations in books to interactive web maps, although each medium has unique constraints and opportunities.[1]

## Contents

* 1 Layout principles
* 2 Layout elements
* 2.1 Negative space
* 2.2 Main Map
* 2.3 Legend
* 2.4 Title
* 2.5 Scale
* 2.6 Inset map
* 2.7 North arrow
* 2.8 Text
* 2.9 Images
* 2.10 Charts
* 3 See also
* 4 References

## Layout principles

Geologic map of Australia , showing a layout with a strict compartmentalized order that clearly directs attention flow. The four thematic inset maps provide visual balance with the main map, which is enlarged to maximize scale and visual hierarchy. Note also the order created by arranging the title and legend consistently in all five maps (thanks to Australia's "serendipitous geography" providing spaces for non-map elements), which eases use but can look a little dull. The detailed legends and extensive metadata text block are designed for highly specialized use by a scientific audience.

Further information: Visual design elements and principles

While much of cartographic design is constrained by geographic reality (i.e., things are what they are and where they are), the cartographer has more freedom in layout than in designing the map image. Therefore, page layout has more in common with graphic design, with its own principles of layout, than any other aspect of cartography. Another impact of this relationship is that the cartography profession has largely adopted these principles, with relatively less unique research on the topic by academic cartographers than other aspects. The work of Rudolf Arnheim, especially his 1954 Art and visual perception, was especially influential during the formative years of academic cartography, and is still quoted as part of the canon in cartography textbooks.[2] In practice, it is common in publishing teams for the layout portion to be executed by professional graphic designers, not cartographers.

Some of the major design principles that are most applicable to map layout are:[3]

* Attention flow: Map reading is a process, often a complex one, requiring the map user to glean information from the map, and make interpretations and judgments from that information. Thus, this process involves a great deal of shifting attention from one part of the page to another.[4] While the cartographer cannot force the reader to read the map in a particular order as one would a book page, good design can subtly influence the flow of attention in a way that facilitates the use of the map for its intended purposes, such as by reducing the amount of eye movement that needs to take place.[5] Examples of this include designing a map title so that it clearly conveys the map purpose and is noticed at the beginning of the process, and designing legends so that the symbols explained therein can be quickly and easily compared to the corresponding symbols in the map.
* Visual hierarchy: One of the major influences on attention flow is the apparent importance of the elements on the page; what the reader will notice first, second, and so on. As with the symbols within the map image, the map image as a whole, as well as the other layout elements, carry a visual "weight," generally determined by their contrast with the page background and surrounding elements. The cartographer's goal, therefore, is to create a visual hierarchy that matches the conceptual hierarchy of what should be most and least important, or seen first and last, according to the purpose of the map. The use of visual variables, especially size, value (darkness) and texture complexity are especially valuable in constructing a visual hierarchy, as is the wise use of negative space or white space.
* Balance: In its artistic sense, balance is the feeling of the layout being evenly distributed across the page. It is analogous to the physics sense of balance, in which each of the page elements can be thought of as having weight (virtually identical to its weight in the visual hierarchy), and the "torque" created by each weight and its distance from the center of the page should sum to zero.[2] Balance can be achieved passively, through symmetry and the even arrangement of elements (which is easier but often seen as dull), or dynamically, by arranging very different elements in different spacing, but still arriving at balance.
* Order: The elements of the map can be arranged in a variety of ways; their alignment has a strong influence on the flow of attention.[6] As in balance, a passive order is achieved by strictly aligning elements in an even and symmetrical grid pattern; this is often seen as professional but can be dull. A dynamic order introduces some randomness or unevenness in the arrangement, which can give a reaction of interest and enthusiasm, but at its extreme will look haphazard, childish, and cluttered. Another continuum of approaches to layout order varies between a compartmentalized layout, in which each element is set off from the others using neatlines and borders (establishing a clear, strongly organized order, but which often looks stilted); and a fluid layout, in which elements can overlap and flow into one another (establishing a unified, dynamic order, but which can be confusing).[1] Layout design, therefore, is about finding a balance between these various approaches to achieve the best of both worlds.
* Harmony: The elements of the map must not only do their jobs individually, but must also work together, aesthetically and functionally. Visual hierarchy, balance, and order can all be considered as aspects of harmony, but so can the judicious selection of typefaces and colors.[6]
* Gestalt Aesthetic: All of these combine to give an immediate overall impression or emotional reaction in the mind of the map viewer. This is not just a matter of beauty vs. ugliness, but can also include more practical reactions such as clear vs. cluttered, authoritative vs. suspect, or professionally crafted vs. haphazard or amateurish, that directly impact how successful the map will be in achieving its intended purposes.

## Layout elements

In this map of Bryce Canyon National Park, Utah, the main map has been rotated to fit the page better; a north arrow (upper left) is necessary to avoid confusion. Note the very simple scale bar, which is effective at giving a general sense of size on a map in which users are not expected to make precise measurements. The light but non-white background color enables the use of white as a map symbol (the county boundary across the center). Also note the central box showing the location of a separate detail inset map.

In addition to the map itself, there are various elements that are included in the map layout. The following are common elements of a map layout.[7]

### Negative space

The background of the map may seem unimportant at first, but it plays several active roles in the use of the map.[8] It provides "breathing room" between the map elements, and can serve to distinguish elements without the use of borders. Isolating a particular element, such as a title, by surrounding it with wide white space increases its contrast with its surroundings, elevating it in the visual hierarchy.

Most importantly, the background color establishes a baseline with which the map symbols and other elements contrast, establishing the entire visual hierarchy. Four approaches to background color are common:

* The traditional  white background of paper maps makes darker elements stand out more.
* A dark background, which has gained popularity recently, especially in Web mapping, with important thematic elements being symbolized with bright or pale colors to make them "glow."
* A medium background, such as a shaded relief image, enables both black and white symbols to stand out, although if not executed well it can also produce a "muddy" appearance in which nothing stands out very much.
* A high contrast background is sometimes used in coastal areas to emphasize the figure-ground contrast between land and water. It essentially partitions the map into a light background land and a dark background sea, which presents challenges for consistent design but can produce a striking effect.

### Main Map

The primary element on a map page is almost always the map image itself. Placing it in the top of the visual hierarchy is typically done by making it large enough to fill the page, centrally placed, and due to its tendency to be more complex than other elements on the page.[6] Enlarging the map also gives it the maximum possible scale, which maximizes the ability to clearly show detail in the map.

### Legend

Legend that features point, line, and area symbols and follows rules for grouping

Legends define the meaning of the map's symbols, especially those that are not already intuitive or obvious.[9] In addition, a legend may also serve other purposes, including: organizing the symbols into a structure of layers and importance; educating about the subject matter; or describing how the map symbology was created.[10] The legend may also give details about the variable being displayed, publication, or authorship. Often, the legend is critical to understanding a map, so it is important that legends are designed effectively. Using principles of gestalt, various sets of rules have been created for legend spacing, alignment, and grouping.[11][12] The word comes from ancient Latin plural word legenda meaning "things that have to be read".

### Title

Titles should be short and to the point. They typically include information about the location of the map and the subject of the map. The title should be an important part of the layout's visual hierarchy because the title tells people what the map is about.[6]

### Scale

Main article: Linear scale

Scale is important to include on a map because it explains the size relationship between map features and the real world. Scale is commonly represented with a scale bar, a representative fraction ("1:100,000"), or a verbal scale ("1 inch = 1 mile").[13] The preferred type of scale indicator depends on the purpose and audience of the map: a representative fraction is precise, but most of the public does not know what it means; a very precisely marked scale bar is most useful when distance measurements need to be made, but can be overkill when they do not; many general-audience maps, such as web street maps or atlases, use very simple single-division scale bars to simply give a sense of size.

This seismic hazards map uses extension inset maps to display Alaska and Hawaii.

### Inset map

Inset maps are smaller maps that are included on the same page as the main map. They can show additional information related to the main map. Four types of inset maps are common:[6]

* A Locator map is of a significantly smaller scale than the main map, and is used to show the location of the main map within a larger context. They are especially important with an audience who does not know where the mapped region is located.
* A Detail inset is of a significantly larger scale than the main map, to show detail in a more complex portion of the main map.
* A Thematic inset is used to show a different, but related theme, usually covering the same region as the main map.
* An Extension inset shows the same thematic content in a non-contiguous area, such as the common insets of Alaska and Hawaii in maps of the United States .

### North arrow

Main article: Compass rose

North arrows orient readers and tell them which way the map is facing. They are especially important in areas that map viewers are not familiar with, or when the map is oriented such that north is not up. In other cases, they may be unnecessary, especially when the geography is well-known. North arrows can be very complex or very simple.[13]

Map of part of the South Shetland Islands in Antarctica, using several photographs to illustrate the mapped landscape, as well as text blocks for explanatory and metadata purposes. This is a relatively effective use of a high contrast background (highlighting the ice cover), although it does present some challenges, such as the green areas that appear as much like ocean as land.

### Text

Supplementary text is used to provide context or explain the map or other map elements. Thematic mapping often uses text to add content that supports the purpose of the map, such as explanations or interpretations of the patterns seen therein.[14] A particular type of text block is the map metadata, which provides background information about the construction of the map. It may be as simple as a citation of the data sources, but could also include information such as the choice of Map projection, authorship credit, copyrights, date of production and/or source data, and construction methods used, chosen based on the purpose and audience.

### Images

Non-map images can be added to a layout for a variety of reasons. It can offer a photo view of the area modeled in the map so that a reader can see the location looks like. Images can also be used to show examples of data points or illustrate the methods used to create the map. Logos of agencies or companies sponsoring the map are also a common use of images on layout.[15]

### Charts

Charts and graphs can provide a non-spatial view of data to support the purpose map. This allows for data to be visualized in ways that may be more appropriate than a map, such as change over time.[16]

## See also

* Cartography
* Map
* Page layout

## References

1. ↑ 1.0 1.1 Muehlenhaus, Ian (2014). Web Cartography: Map Design for Interactive and Mobile Devices. CRC Press.
2. ↑ 2.0 2.1 Arnheim, Rudolf (1954). Art and Visual Perception: A Psychology of the Creative Eye (1974 2nd ed.). University of California Press.
3. ↑ Tait, A. (2018). Visual Hierarchy and Layout. The Geographic Information Science & Technology Body of Knowledge (2nd Quarter 2018 Edition), John P. Wilson (ed.). DOI: 10.22224/gistbok/2018.2.4
4. ↑ Dent, Borden D., Jeffrey S. Torguson, Thomas W. Hodler, Cartography: Thematic Map Design, 6th Edition, McGraw-Hill, 2009, p.209-215
5. ↑ Krygier, J. & Wood, D. (original edition 2005, latest edition 2016). Making Maps: A Visual Gide to Map Design for GIS. The Guilford Press.
6. ↑ 6.0 6.1 6.2 6.3 6.4 Tyner, Judith A. (2010). Principles of map design. New York: Guilford Press. pp. 32. ISBN 9781606235447. https://archive.org/details/principlesmapdes00tyne.
7. ↑ "Layout Essentials | GEOG 486: Cartography and Visualization". https://www.e-education.psu.edu/geog486/node/558.
8. ↑ Tufte, Edward (1990). Envisioning Information (2005 2nd ed.). Graphics Press. pp. 61–65. ISBN 0-9613921-1-8.
9. ↑ "Building a Legend | GEOG 486: Cartography and Visualization". https://www.e-education.psu.edu/geog486/node/559.
10. ↑ Schlichtmann, Hansgeorg (1997). "Functions of the Map Legend". 18th International Cartographic Conference: 430. https://icaci.org/files/documents/ICC_proceedings/ICC1997/icc1997_volume1_part2.pdf.
11. ↑ Qin, Zhe; Li, Zhilin (2017). "Grouping Rules for Effective Legend Design". The Cartographic Journal 54 (1): 36–47. doi:10.1080/00087041.2016.1148105.
12. ↑ Li, Zhilin; Qin, Zhe (2014). "Spacing and alignment rules for effective legend design". Cartography and Geographic Information Science 41 (4): 348–362. doi:10.1080/15230406.2014.933085.
13. ↑ 13.0 13.1 "Marginalia Design | GEOG 486: Cartography and Visualization". https://www.e-education.psu.edu/geog486/node/513.
14. ↑ "Text on Maps | GEOG 486: Cartography and Visualization" (in en). https://www.e-education.psu.edu/geog486/node/644.
15. ↑ "Working with graphic elements, neatlines, pictures, and objects—Help | ArcGIS for Desktop". https://desktop.arcgis.com/en/arcmap/10.3/map/page-layouts/working-with-graphic-elements-pictures-and-neatlin.htm.
16. ↑ "Chart frames—Layouts | ArcGIS Desktop". https://pro.arcgis.com/en/pro-app/help/layouts/charts.htm.

{{Navbox | name = Geography topics | state = collapsed | title = Geography topics | bodyclass = hlist

| above =

* History
* Index
* Outline

| group1 = Branches | list1 =

{{Navbox|child
| bodyclass = hlist

| group1 = Human
| list1  =

* Agricultural
* Behavioral
* Cultural
* Development
* Economic
* Health
* Historical
* Political
* Population
* Settlement
* Regional
* Urban

| group2 = Physical
| list2  =

* Biogeography
* Ecology
* Phytogeography
* Zoogeography
* Coastal / Oceanography
* Earth science
* Atmospheric science / Meteorology
* Environmental science
* Climatology / Paleoclimatology / Palaeogeography
* Geobiology
* Geophysics / Geodesy
* Earth system science
* Geomorphology / Geology
* Glaciology
* [[Earth:HydrologHydrology / Limnology
* Pedology (Edaphology/Soil science)
* Quaternary science

| group3 = Integrated
| list3  =

* Integrated / Environmental
* Environmental social science
* Environmental studies
* Landscape architecture
* Landscape ecology
* Time geography

| group2 = Techniques and tools | list2 =

* Geoinformatics / Geomathematics
* Cartography
* Geologic modelling
* Geostatistics
* Geographic information system
* Geochronology
* Geomatics
* Hydrography
* Photogrammetry
* Remote sensing
* Land change modeling

| group3 = Institutions | list3 =

* Geographic data and information organizations
* Geographical societies
* Geoscience societies
* National mapping agency

| group4 = Education | list4 =

* Geography education
* Geo-literacy
* International Geography Olympiad
* Spatial citizenship

| below =

* Category
* Portal
* Commons
* WikiProject

* v
* t
* e

Visualization of technical information

Fields|

* Biological data visualization
* Chemical imaging
* Crime mapping
* Data visualization
* Educational visualization
* Flow visualization
* Geovisualization
* Information visualization
* Mathematical visualization
* Medical imaging
* Molecular graphics
* Product visualization
* Scientific visualization
* Software visualization
* Technical drawing
* User interface design
* Visual culture
* Volume visualization

Image types|

* Chart
* Diagram
* Engineering drawing
* Graph of a function
* Ideogram
* Map
* Photograph
* Pictogram
* Plot
* Schematic
* Skeletal formula
* Statistical graphics
* Table
* Technical drawings
* Technical illustration
* User interface

People|

* Jacques Bertin
* Stuart Card
* Thomas A. DeFanti
* Michael Friendly
* George Furnas
* Pat Hanrahan
* Nigel Holmes
* Christopher R. Johnson
* Gordon Kindlmann
* August Kekulé
* Manuel Lima
* Alan MacEachren
* Jock D. Mackinlay
* Michael Maltz
* Bruce H. McCormick
* Miriah Meyer
* Charles Joseph Minard
* Rudolf Modley
* Gaspard Monge
* Tamara Munzner
* Otto Neurath
* Florence Nightingale
* Hanspeter Pfister
* Clifford A. Pickover
* William Playfair
* Karl Wilhelm Pohlke
* Adolphe Quetelet
* George G. Robertson
* Arthur H. Robinson
* Lawrence J. Rosenblum
* Ben Shneiderman
* Fraser Stoddart
* Edward Tufte
* Fernanda Viégas
* Ade Olufeko
* Howard Wainer
* Martin Wattenberg
* Bang Wong

Related topics|

* Cartography
* Chartjunk
* Computer graphics
* in computer science
* Graph drawing
* Graphic design
* Graphic organizer
* Imaging science
* Information graphics
* Information science
* Mathematics and art
* Mental visualisation
* Misleading graph
* Neuroimaging
* Patent drawing
* Scientific modelling
* Spatial analysis
* Visual analytics
* Visual perception
* Volume cartography
* Volume rendering

0.00

(0 votes)

|

Retrieved from "https://handwiki.org/wiki/index.php?title=Earth:Page_layout_(cartography)&oldid=758590"
*[v]: View this template
*[t]: Discuss this template
*[e]: Edit this template