HGAV03 - Webcartografie

Theorie

Over cartografie

Leeswijzer

  1. H 1
  2. H 2- H3 tot p.46
  3. H 3 -H 4
  4. H 5-H 6
  5. H 7-H 8
  6. H 9
  7. H 12

krijg je per mail

Heb je Geoserver al geinstalleerd?

geoserver.org

Donwload dan nu tijdens het college de 2.22.2 (windows) installer!

Vandaag:

Kleur

Typografie

Tips & tricks voor cartografie!

Over kleur

Web richtlijnen

Geo & webrichtlijnen

Handreiking web cartografie Geonovum

Lees deze eens door.

PDF

Over Typografie

Font squirrel Google Fonts

link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name">
					  

.css-selector{
	font-family: 'Font Name', serif;
}
					   
Google fonts in CSS

Change the defaults!

Wil je verschil maken? Verander dan de defaults!

Defaults are nice because they let us see our stuff right away without manually setting 19 preferences before any data is rendered. But that's it. Change each and every one, because you thought about them.

Make good looking maps!

A good looking map is going to visit a much broader audience. Make people stop and look.

Show the topic in your map

Setting the mood

Remove clutter

Heb je een achtergrond kaart nodig? Heb je al die labels nodig? Remove noise, or reduce it.

Geen rood - geel - groen

Goed beter gemiddeld slecht .. Rood/ groen kleurenblindheid is 1 van de meest voorkomende!

No more heatmaps!

verliest visueel verschil in pieken

point density

je creeert data tussen punten die niet bestaat

Geen controle in veel programmas over de interpolatie

Presentatie foss4g

No rainbows

Relatie tussen de kleuren is niet intuitief. Wij zien er geen order in.

Grijswaarden zijn niet logisch verdeeld.

Zie hier

Gebruik Cividis

Artikel

Let op: Visuele illusies..

Sometimes a color can be changed simply by changing its surrounding color.

Alles over kleur en contrast!

Soms heb je geen kaart nodig..

Because you are a cartographer, of course you'll be inclined to map geographic data geographically

Data vizualisations

No PIE charts!

link

link

Links

  • Link
  • Link
  • Link
  • Link
  • Link