Översikt
En datorikon är en liten grafisk symbol som i användargränssnittet representerar ett datorprogram, en datafil, en mapp eller en specifik åtgärd. Ikoner hjälper användaren att snabbt identifiera och nå funktioner visuellt i stället för enbart via text. En ikon kan också vara klickbar och fungera som genväg.
En vanlig formulering är att en ikon står för ett program, en datafil eller en mapp, men den kan även indikera operationer som kopiera, radera eller dela.
Utformning och tekniska format
Ikoner utformas för att vara igenkännliga i liten skala: förenklade former, begränsad färgpalett och tydliga metaforer (till exempel en papperskorg för borttagning). Rent tekniskt förekommer flera bildformat. Traditionellt används .ico-filer på vissa operativsystem, medan PNG och SVG är vanliga för raster- respektive vektorgrafik. Vektorformat gör att ikoner kan skalas utan kvalitetsförlust, vilket är viktigt för skärmar med olika upplösning och hög DPI.
Typiska egenskaper:
- Tydlighet i små storlekar
- Enkel symbolik och kontrast
- Flera upplösningar eller skalbara vektorer
- Associering till fil- eller programtyp
Historia och utveckling
Konceptet med grafiska symboler i datorgränssnitt växte fram i samband med de första grafiska användargränssnitten under 1970- och 1980-talen och populariserades på bred front med persondatorernas grafiska skrivbordsmiljöer. Sedan dess har ikoner utvecklats från enkla pixlade bilder till komplexa, skalbara system som stödjer tema, animation och adaptivt utseende i olika miljöer.
Användning och betydelse
Ikoner används i skrivbordsmiljöer, systemfält, verktygsfält, mobilappar och webbplatser (till exempel som favorikoner eller navigeringssymboler). De bidrar till snabbare igenkänning, bättre användbarhet och ett mer estetiskt gränssnitt. Designer och utvecklare arbetar ofta med ikonbibliotek och riktlinjer för att skapa konsekventa upplevelser.
Exempel på användningsområden:
- Skrivbords- och applikationsikoner
- Verktygsfält och menyalternativ
- Favicon för webbplatser
- Tillgänglighetsstöd med tydliga symboler
Skillnader och praktiska fakta
Det är viktigt att skilja mellan ikon och logotyp: en logotyp representerar ett varumärke, medan en ikon primärt pekar på en funktion eller ett objekt. En annan skillnad är mellan ikon och miniatyrbild (thumbnail): miniatyrer visar ofta innehåll i reducerad form, medan ikoner är symboliska. Användare kan ofta anpassa ikoner, byta storlek eller ersätta dem med egna bilder. Dessutom finns tekniker som ikonfonter och automatiska bildkomponenter som underlättar skalning och temaanpassning.
