Ikon (datamaskin)
I informatikk er et ikon definert som et piktogram eller ideogram , vanligvis vist på en skjerm , en del av det grafiske grensesnittet til et datasystem , sammen med vinduer , menyer og pekere , som har erstattet kommandolinjegrensesnitt (CLI).
Ikoner brukes ofte som et hjelpemiddel for rask gjenkjennelse og forståelse av et verktøy, som mer eller mindre kan følge med tekst eller en kort beskrivelse. I enheter, som smarttelefoner og datamaskiner , er det meste av grafikken laget med ikoner som gjennom en korrekt grafisk representasjon uttrykker innholdet. For eksempel er mappene på skrivebordet som inneholder filene noen ganger laget lik fargen eller materialet på koffertene og er også ledsaget av en tilsvarende etikett.
Stiliseringsnivået til et ikon varierer, ofte mer som et veiskilt enn en detaljert illustrasjon av elementet som er representert. [1] Det er designerens oppgave å kunne gi den nøyaktige informasjonen du ønsker å formidle, gjennom en korrekt grafisk fremstilling.
I et operativsystem kan et ikon ta på seg funksjonen til en hyperkobling eller lenke til en programvare eller fil . Brukeren kan samhandle med et ikon via en mus , peker, berøring eller talekommandoer . Pekeren plassert i grensesnittet og i forhold til andre ikoner, kan brukes til å gi ytterligere informasjon om bruken av dem. [2]
Bruk
Ikoner har flere bruksområder; noen av dem kan være:
- i moderne operativsystemer er applikasjoner knyttet til et ikon, og interaksjon med dette ikonet (for eksempel et dobbeltklikk) er standardmetoden for å starte applikasjoner;
- i et program kan de brukes til å representere en handling (som kopier og lim inn i et tekstbehandlingsprogram eller tilbake i en nettleser );
- i en filbehandling brukes ikoner til å skille filtyper basert på filtypen deres ;
- på en webside kan et ikon brukes til å karakterisere hypertekstlenken ved siden av den; for eksempel i et nettforum er det vanlig at diskusjoner med et stort antall meldinger flankeres av brennende ikoner;
- et ikon kan i seg selv være en lenke og brukes til å lage gjentakelser til en webside på andre sider eller nettsteder; en operasjon av denne typen kalles også link exchange .
Selv et nettsted kan ha sitt eget ikon ( favicon , bokstavelig talt favorittikon) som vanligvis representerer logoen til selve nettstedet. I de fleste nettlesere vises dette ikonet til venstre for den innskrevne URL -adressen. For eksempel er Wikipedia - ikonet en svart W på hvit bakgrunn.
På nettet
Det finnes flere teknikker for å bygge inn ikoner på en nettside. De to mest brukte er ikon-fonter (hver bokstav tilsvarer et symbolsk ikon) og bilder (svg, jpg, png ...). Sistnevnte har flere fordeler i forhold til ikonfonter [3] [4] :
- Evne til å lage ikonet med mange detaljer og farger. Ikonfonter har vanligvis bare én farge.
- Bilder har innebygde semantiske elementer, som <tittel> og <desc>, som gjør dem tilgjengelige for skjermlesere og tekstlesere. I tillegg til <alt>-taggen, <title> og WAI-ARIA- reglene gjennom aria-labeledby- attributtet . En ikonfont vil i stedet leses som "A", "E" osv.
- Ikonfonter er sårbare for nettleserimplementerte anti-aliasing- teknikker som påvirker den visuelle kvaliteten til ikonet ved å gjøre det uskarpt og mindre skarpt.
- SVG-bilder og/eller -elementer kan animeres med CSS3 på en mye mer variert måte enn ikonfonter
- Siden ikonkarakterer settes inn ved hjelp av pseudo-elementer, er deres plassering vanskeligere enn bilder. Mange CSS-egenskaper må kanskje endres, mens du i bilder bare trenger å spesifisere størrelsen.
- Å lage ikoner ved hjelp av programvare som Inkscape er mye enklere enn å lage en ikonfont fra bunnen av. Hvis du velger det siste, blir du tvunget til å bruke eksisterende fonter
- Du kan også lage ikoner i kode, for eksempel SVG , Canvas og WebGL .
Merknader
- ^ Joel Rosenblatt, tidligere Apple-designer Kare vitner ved Samsung Patent Trial , i Businessweek , Bloomberg LP , 7. august 2012. Hentet 7. august 2012 .
- ^ IKT-piktogrammer, ikoner og symboler , [ 1 ] , 10. mai 2011
- ^ Mallik Cheripally, Inline SVG eller Icon Fonts: What One to Use , på Medium , 27. mai 2020. Hentet 2. februar 2021 .
- ^ Det er 2019 ! La oss avslutte debatten om ikonfonter vs SVG-ikoner , på LambdaTest . Hentet 2. februar 2021 .
Relaterte elementer
Andre prosjekter