För att webbplatsen ska fungera bra för dig och för att samla in statistik som hjälper oss att förbättra den, använder vi kakor.
Om cookies
För att webbplatsen ska fungera bra för dig och för att samla in statistik som hjälper oss att förbättra den, använder vi kakor.
Om cookies

Infografik

Introduktion

När vi tar fram informationsgrafik arbetar vi alltid med våra typsnitt, Inter RS för kommunikation och Aptos för MS Office. 
Läs mer om typsnittshantering under Typografi. 

Användningen av färger, grafiska element och illustrationer samt vårt ikon- och fotomanér ska självklart hanteras på samma sätt som är beskrivet i  respektive kapitel.

Nedan visas exempel på hur vi arbetar med informationsrutor, betonad text, diagram, grafer, statistik, tabeller, kartor och processmodeller.

För att uppnå harmoni och ett sammanhållet uttryck strävar vi efter att alltid arbeta ton-i-ton inom våra färgfamiljer. Regeln att arbeta ton-i-ton kan frångås när innehåll i behöver särskiljas tydligt, till exempel i ett stapeldiagram eller i en processbild.

Informationsrutor

Informations- och faktarutor kan vara fyrkantiga och enfärgade i en av de ljusare tonerna i färgfamiljen med svart text för god läsbarhet. Rubriken sätts i svart mot en något mörkare bakgrund i samma färgfamilj. Läs mer om kontrastverkan för att uppfylla de tillgänglighetskrav vi har som offentlig verksamhet i kapitlet om tillgänglighet.

Faktarutor kan också kombinera text och grafik. Rubriken sätts i vitt mot en av de mörkare nyanserna i vald färgfamilj.

Vår grundform används som rubrikens bakgrund för att addera dynamik och
särskiljning. Notera att formen alltid har sin rundning nedåt.

Highlight-text

Syftet med betonad text är att lyfta specifik eller extra viktig information.
Detta kan göras med hjälp av pratbubblor i lite olika format som alla fungerar med vår grundform.

Utgångspunkten är att välja nyanser ur samma färgfamilj. Om innehåll måste
kunna särskiljas av pedagogiska skäl kan regeln frångås.

Färgernas kontrastvärden måste alltid säkerställas så att vi uppfyller kraven
för tillgänglighet.

Diagram, grafer och statistik

Det viktigaste med diagram, grafer och statistik är tydlighet. Därför görs dessa
antingen i nyanser av en färgfamilj eller med olika solida färger.

Flerfärgade diagram följer palettens färgordning. Diagram som autogenereras
i MS Office-verktygen är förprogrammerade för att bli rätt. Se sidan om verktyg.

Att lyfta statistik och visualisera data genom att använda stora siffror är ett effektivt sätt att dramatisera och skapa dynamik. Det är också ett bra visuellt alternativ till ikoner och illustrationer.

Tabeller

Tabeller går alltid ton-i-ton inom samma färgfamilj för att skapa särskiljning
och tydlighet.

Huvud- och fotrader kan gärna vara mörka med vit text för att rama in innehållet.

Processer

Enklare processer använder av standardfigurer ifrån MS Office-verktygen och är enfärgade med svart text mot ljus bakgrund.

Att jobba flerfärgat går bra om innehållet behöver kategoriseras eller särskiljas. Av samma anledning kan en rubrik sättas i vitt mot mörk bakgrund.

Illustrationer kan användas för att visualisera större och mer komplicerade processer. Detta görs genom att plocka delar av den övergripande illustrationen som är framtagen för Region Stockholm. Se mer information i kapitel om illustration.

Kartor

Kartor ska vara enkla och tydliga, utan att innehålla detaljer som blir svårtolkade i små storlekar. De är enfärgade i valfri färg, och särskilda regioner eller länder kan markeras genom mörkare eller ljusare nyanser.

Hos Shutterstock finns många varianter där varje land/landskap är individuella objekt. www.shutterstock.com(Extern länk)

Designexempel

Som regel försöker vi alltid att jobba ton-i-ton inom en färgfamilj och per applikation. Undvik att blanda för många färger samtidigt och på samma yta.
Vi kan frångå regeln om att arbeta ton-i-ton inom en färgfamilj när innehållet antingen behöver kategoriseras eller särskiljas. Det är dock viktigt att eftersträva ett harmoniserat uttryck.

Färger kan användas för att kategorisera och särskilja innehåll utan att det upplevs som rörigt eller lekfullt. Det behöver finnas ett tydligt syfte bakom dessa val.

 

  • Senast granskad: 7 maj 2025

För att kunna ge feedback behöver du tillåta kakor.