Vad är god skärmkartografi? John Smaaland

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

Kartografisk visualisering

Grafisk form för användargränssnitt

Färgtyper. Färg. Skriva ut. Använda färg. Pappershantering. Underhåll. Felsökning. Administration. Index

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU


Dessa tre fönster kan enbart visas i datavyn, inte i layoutvyn. Det är också möjligt att ha flera fönster öppna samtidigt.


Kartografisk visualisering

Vetenskapliga affischer. Karin Fahlquist

Webbkartografi för SGUs kartvisare. november 2014

blå blomma öga sko kylskåp blomma bil kuvert ljus blus flagga boll bälte kök hus jacka Vit / Vitt Svart / Svart Röd / Rött Grön / Grönt

Så skapas färgbilder i datorn

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

Publicera ett MSD-dokument istället för MXD-dokument

färger - för profil och känsla

Vad är ArcGIS.com? På ArcGIS.com hittar du:

Geometrimattan Uppdrag 2. Geometrimattan Uppdrag 1. Geometrimattan Uppdrag 4. Geometrimattan Uppdrag Aima din Sphero. 1. Aima din Sphero.

NYA POWERPOINT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN

Färglära. Ljus är en blandning av färger som tillsammans upplevs som vitt. Färg är reflektion av ljus. I ett mörkt rum inga färger.

Riktlinjer för Halmstads kommuns grafiska profil

Nyheter i. Solen ORBIT 6.7

Bildredigering i EPiServer & Gimp

Värmdö IFs grafiska profil 4. Logotyp 5-9. Färg 10. Typografi Brevpapper 13. Visitkort 14. Korrespondenskort 15.

VÅR NYA PPT-MALL BESKRIVNING AV MALLEN OCH NÅGRA TIPS PÅ VÄGEN KICKI EDGREN / CHRISTEL COPP GÖTEBORGS UNIVERSITET

GÖR DIN EGEN LOGOTYP SÅ GÖR DU OCH DET SKA DU TÄNKA PÅ

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare

Fokus. Mirjam HY, Hovåsskolan F- 9, Hovås

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet

Tematisk kartografi det akademiska perspektivet INSTITUTIONEN FÖR KULTURGEOGRAFI OCH EKONOMISK GEOGRAFI 2017

Manual till webbkartornas grundläggande funktioner

Ungdomsledarträffar våren Västergötlands OF. Rydboholm 31/3, Tibro 7/4, Främmestad 9/4

Molntjänster som komplement till din plattform. Anna Bergman och John Smaaland

FÖRSLAG TILL KURSPLAN INOM KOMMUNAL VUXENUTBILDNING GRUNDLÄGGANDE NIVÅ

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande

Instruktion/råd för muntlig presentation

Bildhantering i OEW. Vi ska arbeta med följande bilder:

GRAFISK MANUAL & RIKTLINJER

small phones for big people Grafisk manual Innehåll Förutsättningar small phones for big people En enhetlig grafisk profil 1 Logotyp

Barn och ungdomskonferens Haninge 4-5 feb Orienteringsteknik. Offensiv orientering Vägval till glädje och framgång.

GRAFISK MANUAL FASTSTÄLLD AV FULLMÄKTIGE

Manual till webbkartornas grundläggande funktioner

Misstag i webbdesign som gör att din hemsida ser klumpig ut

Användarmanual. Frågor och hjälp med webbapplikationen: Fredrik Beckman. Kartunderlaget: systemförvaltare : Anders Dahlgren Systemägare: Gunilla Öhrn

Vektorkartor för mobila terminaler

S vintagebröllo LSA p E EL P SAS LLO VINTAGEBRÖ Grafisk manual

Grafisk formgivning. Användarens checklista

Kom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering.

GRAFISK MANUAL. Exempel på icke tillåtna skrivningar: Bank-id, Bank-ID, bank-id, Bankid, Bank id, bankid.

Se och förstå! om att utforma information på bildskärmar och displayer

Kort introduktion till POV-Ray, del 1

Produktbeskrivning: Topografisk webbkarta Visning, CC BY

GRUNDKURS WEBBKARTOR G E O S E C M A F O R A R C G I S Version Maria Syrén

Topografisk webbkarta Visning, cache

Gudie för OptiWay GIS Online

Kurs: Geografi. Kurskod: GRNGEO2. Verksamhetspoäng: 150

Grafisk manual. Innehåll. Kontakt:

ATT ARBETA MED VEKTORGRAFIK

Skapa PowerPoint-presentation

Grafisk Profil VERSION 1.5 Vägen ut! kooperativen

design & layout Distansskolan 1

Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception

Topografisk webbkarta Visning, cache

Topografisk webbkarta Visning

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0.

Projektarbete Skriftlig redogörelse för grafiska och visuella ställningstaganden

Användande av QGIS i Kristianstads kommun

1.2 Logotypens färgsättning

Föreläsning 10: Gränssnitt och webbdesign

Structuring Two Dimensional Space

Optimala bildinställningar för leverans TEORIHÄFTE TILL KURSEN

SWEBO Bioenergy Grafisk profil

Reglemente för Medicinska Föreningens visuella identitet

ESN lokala kursplan Lgr11 (f.o.m 2012) Ämne: Geografi

Logotyp. Logotyp med förvaltningsnamn. Frizon. Typsnitt. Färger. Futura Book ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö

Färger, RGB-er och riktiga bilder

Att ge platsen ett värde

Brett färgspektra och färgsystem för alla behov

Grafisk manual GAKE DOJO. Riktigt bra självförsvar!

Grafisk manual Vårdsamverkan Skaraborg

En liten lathund om färghantering för tryck.

Grafisk manual för Sveriges Viktigaste Jobb. ringen

UngOteket Bertil Åkesson

Förändringar i Topografiska webbkartan

Perfekt skärpa i Photoshop

Tillgänglig presentation av statistiska data

Exportera karta juni 2010

ArcGIS Tips och tricks

De olika exportmetoderna för rasterfiler inne i ArcMap är BMP, TIFF, GIF och PNG.

GRAFISK MANUAL Arcada studerandekår - ASK

* Bygg en solcellsdriven färgsnurra

Inledning 2. Övre verktygsfältet 2 Sökfält 2 Sökresultat 2 Avancerad sökning 3 Projekt 5 Ditt konto 5

Föreläsning i webbdesign. Bilder och färger. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Det finns två sätt att generera ljus på. Ge exempel på dessa och förklara vad som skiljer dem åt.

Röd ( osäker ) om inget av villkoren 1-7 är uppfyllt.

Miljö, människor och hållbarhetsfrågor

3FrontOffice Statistik Direkt

Skapa professionella försättsblad i Pappersvyn

Kort introduktion till POV-Ray, del 3

BILAGA ELITE Ti programversion 5.0

Transkript:

Vad är god skärmkartografi? John Smaaland

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 1908-2000 Geograf & Kartograf En av grundarna till British Cartographic Society

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, http://www.ne.se/)

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

Interaktiva kartor / webbkartor - intelligenta kartor

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

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

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

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

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

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

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

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

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

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!!!

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

Förhållandet figur bakgrund

Förhållandet figur bakgrund

Skapa visuell kontrast eller hierarki Differentiering Relativa betydelse

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 : 1 000 000 Generaliserad 1 : 10 000

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!

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

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

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.

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 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

Specialeffekter Textur vibration Optiska illusioner Orientering ger riktning

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

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

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

Alltid tänka på Användaren

Bra webbsidor Kartografi - http://mappingcenter.esri.com - http://www.arcgis.com ColorBrewer: Webbverktyg för färgval - http://www.personal.psu.edu/faculty/c/a/cab38/colorbrewer/colorbrewer_learnmore.html - http://www.personal.psu.edu/cab38/colorbrewer/colorbrewer_intro.html ColorPic: Verktyg för att ta reda på färgkod - http://www.iconico.com Färgseende - Kontrollera dina kartor, bilder, webbsidor etc. - http://vischeck.com/

TACK!