1 / 76

GIS Lecture 2 Map Design

GIS Lecture 2 Map Design. Outline. Vector GIS Graphic Elements Colors Graphical Hierarchy Choropleth Maps Map Layers Scale Thresholds Hyperlinks. Vector GIS. Graphic Features on the World. GIS Map. Vector GIS. Point. Points. Line. Lines. Polygon. Polygons. Points.

sileas
Download Presentation

GIS Lecture 2 Map Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. GIS Lecture 2Map Design

  2. Outline • Vector GIS • Graphic Elements • Colors • Graphical Hierarchy • Choropleth Maps • Map Layers • Scale Thresholds • Hyperlinks

  3. Vector GIS

  4. Graphic Features on the World

  5. GIS Map

  6. Vector GIS Point Points Line Lines Polygon Polygons

  7. Points Data Attached to Points

  8. Points Same data displayed as two different points Burglaries Drug Calls

  9. Queries and Restrictions • Restricts the features to a specific subset

  10. Lines Roads Conditions, Major Streets Curbs

  11. Polygons Point Polygons Line Green Spaces Polygon Buildings Census Tracts or Blocks

  12. Graphic Elements

  13. Jacques Bertin Visualization Information “What should be printed to facilitate “communication”, that is, to tell others what we know without a loss of information” -Jacques Bertin, Paris, February 1983

  14. Value Hue Orientation More Value Saturation Size Bertin’s Graphic Variables Shape Texture

  15. Value Hue Orientation Shape Texture More Value Saturation Size Point Symbols

  16. Use Solid Point Markers

  17. Use Three to Seven Categories Max.

  18. Value Hue Orientation More Value Saturation Orientation Shape Texture Size

  19. Value Hue Orientation Shape Texture More Value Saturation Size Polygon Symbols

  20. Texture • Black and White Prints • Polygons • Large Areas

  21. Texture • Brings object to the front (figure) • long wavelength hues • coarse texture

  22. Value Hue Orientation Shape Texture More Value Saturation Size 1-3 4-9 >9 Size – Point Symbols

  23. Size Graduated Symbols Show Size or Amount

  24. Value Hue More Value Saturation Values Orientation Shape Texture Size

  25. Values • Increase/Decrease Contrast • The greater the difference in value between an object and its background, the greater the contrast.

  26. Values • By creating a pattern of dark to light values, even when the objects are equal in shape and size, it leads the eye in the direction of dark to light

  27. Values

  28. Value Hue Orientation Shape Texture More Value Saturation Size Color Hues

  29. Value Hue Orientation Shape Texture More Value Saturation Size Color Values

  30. Value Hue Orientation Shape Texture More Value Saturation Size Saturation

  31. Saturation • You can change the saturation of a hue by adding black (shadow) or white (light). The amount of saturation gives us our shades and tints.

  32. Saturation • Customize the Properties…of a layer

  33. Color

  34. Color Hues and Values Each of individual color is a hue Colors have meaning (i.e. cool colors, warm colors, political meanings) -Cool colors calming -Warm colors exciting -Cool colors appear smaller than warm colors and they visually recede on the page so red can visually overpower and stand out over blue even if used in equal amounts. www.colormatters.com www.colorbrewer.org

  35. red orange violet yellow blue green Color Wheel

  36. Color Wheel • Harmony • two adjacent hues red orange violet yellow blue green

  37. Color Wheel • Harmony • two adjacent hues red orange violet yellow blue green

  38. Color Wheel • Harmony • two adjacent hues red orange violet yellow blue green

  39. Color Wheel • Harmony • two adjacent hues • Contrast • two hues with one hue skipped in between red orange violet yellow blue green

  40. Color Wheel • Harmony • two adjacent hues • Contrast • two hues with one hue skipped in between red orange violet yellow blue green

  41. Color Wheel • Harmony • two adjacent hues • Contrast • two hues with one hue skipped in between red orange violet yellow blue green

  42. Color Wheel • Harmony • two adjacent hues • Contrast • two hues with one hue skipped in between red orange violet yellow blue green

  43. Non-Contrasting vs. Contrasting

  44. Color Wheel • Harmony • two adjacent hues • Contrast • two hues with one hue skipped in between Clash • Opposites red orange violet yellow blue green

  45. red orange violet yellow blue green Color Wheel Review • Harmony • two adjacent hues • Contrast • two hues with one hue skipped in between Clash • Opposites

  46. <-4 -4 to -2 -2 to 2 2 to 4 <=4 Double-Ended Scales • Extremes Emphasized • critical value of zero • e.g., regression residuals, time change • blue and red contrast • white center is ground red white blue

  47. Change Map

  48. 0-20% orange 20-40% 40-60% yellow 60-80% 80-100% green Double-Ended Scales • Balance Emphasized • 50% is desired • yellow contrasts with white paper • green and orange contrast

  49. Color Spot White background allows yellow color spot to be visualized

  50. Color Spot Ramps

More Related