Ikonografi
Ikoner är ett jättebra sätt att göra saker enklare – både för att informera och vägleda. Vår ikonografi är utformad för att göra innehåll härligt och enkelt att förstå.
SJ har ett stort behov av att vägleda människor i en mängd olika situationer; i digitala kanaler, i fysiska miljöer och i tryckt information. För att ta hand om dessa behov har SJs ikonografi tagits fram. Ikonografin är nära kompis till typografin och har ett mänskligt och trevligt uttryck.
Ikoner
Deskriptiva eller informativa ikoner för att kommunicera vilken service som finns ombord på tåget eller för att guida och interageras med. Ikonerna bör vara enkla i sin karaktär och kommer i vissa fall förekomma utan någon beskrivande text. De behöver därför vara själv- förklarande och tydliga för kunden. De ritas i ett 24 x 24 px grid för att fungera i små storlekar och vid behov av större ikoner kan de skalas upp.
Ikoner
Ikoner mini
Ikoner mini är en förenklad variant av ikoner och som används i små storlekar i digitala applikationer så som platskarta eller bokningsvy för att kommunicera vilken service som finns ombord på tåget. De ritas i ett 20 x 20 px grid för att fungera i extra små storlekar och bör ej skalas upp.
Ikoner mini
Illustrationsikoner
Illustrationsikoner är mer kommunikativa och dekorativa. Denna används i stora storlekar i kombination med text och kan illustrera ett budskap eller ett empty state i appen har som huvudsyfte att göra information roligare. De ritas i ett större och friare grid vilket gör att de kan vara både mer komplexa och detaljerade. Dessa ikoner ritas i ett 96 x 96 px grid.
Illustrationsikoner
Koncept
SJs ikoner bygger på rörelse och resan – från en punkt till en annan. Detta ger en unik karaktär, skapar rörelse och ger en tydlig koppling till tågresan. Både enkelt men samtidigt bearbetat. Ikoner startar alltid ”resan” med ett rakt streck, går sedan medurs och slutar med ett rundat avslut.
Konstruktion
När vi tar fram nya ikoner utgår vi från tre olika rutnät. Det minsta rutnätet är 20 x 20 px och gäller för ikoner mini. Det mellersta rutnätet är 24 x 24 px och används för ikoner. Det största rutnätet är 96 x 96 px och används för illustrationsikoner.
Varje rutnät har en ”padding” och en ”live area”. Ikoner bör hålla sig inuti ”live area”, men om motivet kräver det kan innehållet sträcka sig in i paddingen. Inga delar av ikonen får gå utanför rutnätet.
Icon Small (20x20).
Icon (24x24).
Illustration Icon (96x96).