Vad är god skärmkartografi? John Smaaland

Storlek: px

Starta visningen från sidan:

Download "Vad är god skärmkartografi? John Smaaland"

Per-Olof Lundgren
för 6 år sedan
Visningar:

1 Vad är god skärmkartografi? John Smaaland

2 Om kartor och människor They must be well proportioned and not too plain; Color must be applied carefully and discretely; They are more attractive if well dressed but not over dressed; They are very expensive things to dress up properly; Even when they look good they can mislead the innocent; And unless they are very well bred they can be awful liars! Edward Willats Geograf & Kartograf En av grundarna till British Cartographic Society

3 Vad är kartografi? Vetenskapen om kartor; kartframställning (SAOL) Läran om framställning av kartor (GIS-ordboken, STG Hb 167) Konstart, vetenskap och hantverk med kartan som uttrycksform. Att utforma symboler och redigeringsprinciper så att kartan blir lättläst och förståelig är huvuduppgiften (Nationalencyklopedin,

4 Tryckta kartor Planeringsunderlag Kartböcker Bygg- & detaljplanering Topografiska kartor Turistkartor Analysresultat

5 Interaktiva kartor / webbkartor - intelligenta kartor

6 Fråga! Går det att använda samma kartografi för skärmvisning som för tryckta kartor?

7 Fråga! Vad är det för skillnad på traditionell kartografi och kartografi för webb och skärmvisning?

8 Att tänka på: Tryckt karta Är alla symboler och typsnitt läsbara? Finns alla symboler och objekt i kartan med? Krockar symboler och/eller objekt med varandra? Har jag rätt storlek på papper och utskrift? Webbkarta Håller kartan god prestanda? Är det lätt och snabbt för användaren att zooma och panorera i kartan? Har man tillgång till de verktyg som man ska ha? Är symboler och typsnitt läsbara i alla skalor? Storleken på skärmen

9 Kartografisk design -Är utseendet allt? Komplexitet (obegränsade möjligheter) Användbar karta Kreativitet och aktivitet Kunskap om kommunikation Se resultatet

10 Kartografens ansvar Ny teknik utvecklas Kartograf Tydliga symboler Tolka rådata Korrekta kartor

11 Kartan Karta Jämförelse Sprida information Relationer Illustrera resultat

12 Kartan Kartans syfte Kommunikation Skapande God symbologi Jämförbar Verkligheten

Abstrakt symbologi - Mer detaljerat Allmänheten och novis i ämnet -

namn Olika nivåer av kartanvändande - Grafik, inofficiella symboler -

13 Vem använder kartan? Van kartanvändare och insatt i ämnet - Avancerat innehåll - Mer innehåll - Abstrakt symbologi - Mer detaljerat Allmänheten och novis i ämnet - Enklare innehåll - Färre objekt - Färre klasser - Överdriv former eller namn Olika nivåer av kartanvändande - Grafik, inofficiella symboler - Kunskap om geografin - Synbegränsningar Lämpliga områden Jordart Sluttning Bostadsområde Rekreationsområde Lokalgata Lämpliga områden Lokalgata

14 Tips för bra skärmdisplay Kartografi vs. Prestanda! Lagom! Använd skalintervall Visa rätt information i rätt utbredning Undvik komplexa och detaljerade symboler samt texteffekter Ta bort information som är bra att ha men som inte måste finnas med Kartan ska ändå vara tilltalande och proffsig

15 Mycket färg i kartan Gör bakgrundsfärger ljusare - Särskilt då du visar terräng - Använd dig av transparens för bilder/raster Använd skuggeffekt på texten - Gör att texten lyfts fram och skiljer sig bättre från bakgrunden Visa färre texter än i en tryckt karta!!!

16 Behöver vi ta hänsyn till webb-säkra färger?

17 Förhållandet figur bakgrund

18 Förhållandet figur bakgrund

19 Skapa visuell kontrast eller hierarki Differentiering Relativa betydelse

20 Generalisering Ej generaliserad Data kan vara för detaljerat Generalisera data - Möjlighet att använda samma grunddata i flera skalor - Lättare att tolka kartan - Tänk på att inte generalisera för mycket! 1 : Generaliserad 1 :

21 Skalintervall Bestäm vilka objekt som ska synas i ett visst skalintervall - Ger kartan bättre visuell balans - Kartan är inte så klottrig - Mer lättolkad Inga skalintervall Skalintervall Ger ett mer genomarbetat och trovärdigt intryck!

22 Symboler för skärmvisning Tänk på att skapa för en låg upplösning ( dpi) Om möjligt skapa liknande symboler för olika skalintervall Undvik komplexa och detaljerade symboler

23 Text för skärmvisning Använd som minst 10 punkters font om möjligt - I undantagsfall, 8 punkters font för mindre objekt Vid synproblem behövs minst 12 till 14 punkter Undvik: - Fyllnadsmönster - Text större än 60 punkter

24 Egna typsnitt och symboler Kom ihåg: Skicka med typsnitten Se till att bädda in de typsnitt som du använder i kartan. Användarna har kanske inte tillgång till dessa annars.

25 Begränsningar Storlek Upplösning - Datorskärm stödjer 96dpi - Laser och Inkjet skrivare: 300 dpi - Proffsskrivare: 1200 till 1600 dpi

Skärmens Storlek Speciell kartografi för mobila

1280x1024 Stor 320x240 Liten Bygg upp och

26 Skärmens Storlek Speciell kartografi för mobila applikationer Designa kartan utifrån vilken applikation som ska konsumera den. - Ställ in skalberoenden baserat på skärmens upplösning. - Ställ in symbolstorlekar utifrån skärmens upplösning. 1280x1024 Stor 320x240 Liten Bygg upp och tillhandahåll kartorna utifrån vilken typ av skärm som ska konsumera dem. - Bygg komprimerade baskartor - Skapa cachade kartor för mobila enheter

27 Specialeffekter Textur vibration Optiska illusioner Orientering ger riktning

28 Antal färger som mänskliga ögat kan skilja åt 12 färger max 7 8 nyanser max

29 Färgseende Färgseende styrs av X-kromosomen Färgblindhet Män: 7% Kvinnor: <1% Vanligast är problem att se grönt eller rött Blått och gult kan förekomma men mycket ovanligt Normalt öga Röd defekt Grön defekt Blå defekt

30 Symboldesign med hänsyn för nedsatt färgseende Etikettera Undvik Använd Undvik Använd Grön Röd Blå-grön. blå Orange, guld

31 Alltid tänka på Användaren

32 Bra webbsidor Kartografi ColorBrewer: Webbverktyg för färgval ColorPic: Verktyg för att ta reda på färgkod - Färgseende - Kontrollera dina kartor, bilder, webbsidor etc. -

33 TACK!

Relevanta dokument

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex