05: Design

Yesterday in the Great Smokies
Webcam archive

Announcements

Lab 4 examples

Powers earned ๐Ÿ‰

  • You now have the skills to create a map.
  • Now, let's give it a little attitude
  • and start thinking about a final project.

S25 mapping courses

  • GEO 309: Intro to GIS
    • MWF: 1:00 pm - 1:50 pm
    • TR: 3:30 pm - 4:45 pm
  • GEO 361: GIS Applications for Health
    • MWF: 2:00 pm - 2:50 pm

Completing the course

  • You NEED to submit outstanding labs.
  • You NEED to make it to recitation to complete task 5. (3 points)
  • You NEED to make it to lecture AND recitation to complete the final project. (20 points)
Task 5

Reflection across town

Lab 5

BluDDCon

  • Needs a fantasy map.
  • Extra credit option for a festival map.
  • Instructions ๐Ÿ”—

Extra credit

Make a map showing the location and photograph of the Loudoun House

+3 points

Fantasy map of the Bluegrass

Fantasy map?

  • Gamers need maps
  • and they often harvest them from real geography.
  • Red Dead Redemption 2 example.

๐Ÿ”—

๐Ÿ”—

Game maps

  • Map Genie ๐Ÿ”—
  • Imagine adding your
  • points, lines, polygons, images, etc.
  • to tell a story.

First goal: get a base map

  • Oceans have risen 1,000 feet
  • and shown in two QGIS layers.
  • Draw or create your base map.
  • Use GenAI to develop a story.
๐Ÿ”—
๐Ÿ”—

Examples from 2023

๐Ÿงจ Note lab deliverables ๐Ÿ”—

How to start?

Look at your fantasy base map

  • How did this happen?
  • What are people doing there now?
  • What will happen in the future?
  • Use GenAI to develop a story.

Persuasive maps

Look persuasive?

Science-y looking maps

  • Late 1800s: Environmental determinism
  • justified colonialism.
  • KY native Ellen Churchill Semple was an early contributor.

Compare to this drawn map.

Which hits harder?

The humble ๐Ÿ™

  • Became a symbol of human greed
  • on maps.
  • Scare the viewer to hold their attention.
  • Propaganda maps.

What can an arrow do?

Don't need a monster

Persuasive maps

  • hold your attention
  • and engage your imagination.
  • Viewer decides value.

Why maps?

  • Viewers often think maps represent reality.
  • Artifact with instant credibility.
  • Bending Lines exhibition.

Maps as visual medium

  • Like a movie poster or photograph
  • you see it all at once.
  • Use visual hierarchy to help viewer find value.

How to hold someone's attention?

  • Make them think, "that's cool!"
  • Composition will be a challenge
  • as well as messaging
  • and the shape of words.

Font

Examples from local print studio, Cricket Press ๐Ÿ”—

What to look for

  • Font selection and size,
  • color pairings,
  • background/foreground dynamic,
  • and the call to action.

Font

  • The form of words
  • need to be legible and readable.
  • The most important selection you make.

Typeface

  • Family of similar fonts.
  • Pick three typefaces
    • Sans serif
    • Serif
    • Accent (for titles)

Download fonts

  • from Google Fonts, dafont, and Adobe Fonts.
  • Download, extract, and double-click .TTF or .OTF files.
  • Be bold with accent fonts
  • yet reserved with others.

Labeling

Labeling in QGIS

  • Dynamic placement in Map Canvas
  • Manual placement in Layout
    • Use Add tools for Text, Marker, and Arrow
    • to mark and label features.
  • Add photos!
Lab 5

Docs

  • explore design techniques.
  • Experiment and have Fun! ๐Ÿ’ฏ
  • Lab steps do not complete the lab.
  • Don't worry about perfection.

How to start

with a blank page?

Solar eclipse?

with sus slang?

Gen AI

  • Let's riff off AI to stoke some ideas
  • Talk to me in slang using these words: slay, sigma, riz to describe a meteor storm, a solar eclipse, and finally basketball players underwater...
  • Output: Yo, did you peep that sigma meteor shower slaying the sky last night? Literally looked like the heavens were dropping their hottest mixtape - that riz was unmatched ๐Ÿ”ฅ Bet the constellations were sweating after seeing those cosmic bodies absolutely dominate.
    For a solar eclipse:
    Bruh, that solar eclipse had me shook - the moon was really rizzing up and stealing the sun's shine ๐Ÿ’€ The way it blacked out the whole sky, you'd think the sigma celestial bodies were running the show. Deadass looked like some apocalyptic anime scene, the lighting was slay...

Gen AI

  • Let's find some images
  • dramatic solar eclipse pink sky birds scattering college campus in distance

What about a title?

And now add the rest...

Output to PDF

Let's demo some of this in class...

BluDDCon

  • Needs a fantasy map and poster.
  • Do both for extra credit.
  • Instructions

STOP