Ikoni ja kuvake — merkitykset, käyttökohteet ja esimerkit

Ikoni ja kuvake — selkeä opas niiden merkityksiin, käyttökohteisiin ja esimerkkeihin: uskonnosta käyttöliittymiin, symboliikasta ohjelmointiin. Lue lisää.

Ikoni, joka tulee kreikan kielen sanasta kuva, on kuva jostakin pyhästä tai jumalallisesta. Ikonit tässä merkityksessä ovat käytössä lähinnä itäisessä kristinuskossa. Katso tämä merkitys artikkelista Ikoni.

Ikonografia on kaikenlaisten kuvien, kuten niiden historian, tyylien ja merkitysten, tutkimusta. Termiä käytetään yleisesti taidehistoriassa, mutta ikonografia voi viitata myös symboliikan ja kuvaston analyysiin eri kulttuureissa.

Muussa käytössä kuvake tarkoittaa usein jonkin esineen, laitoksen, hallintalaitteen, poliittisen puolueen, hallituksen tai muun vastaavan kuvake, joka toimii tunnuksena tai symbolina. Katso myös artikkeli Icon (maallinen).

Kuvake voi myös tarkoittaa:

• Icon (aikakauslehti), brittiläinen rakennusarkkitehtuuria ja muotoilua käsittelevä aikakauslehti.
• Icon (albumi), John Wettonin ja Geoff Downesin musiikkialbumi.
• Icon (Paradise Lost -albumi), brittiläisen Paradise Lost -yhtyeen musiikkialbumi.
• Icon (romaani), Frederick Forsythin kirja.
• Icon (elokuva), Frederick Forsythin kirjaan perustuva elokuva.
• Icon (sarjakuvat), sarjakuva ja sen nimihenkilö, jonka julkaisi Milestone Media.
• ICON (aikakauslehti), kansainvälisen tekniikan historian seuran (ICHOTEC) vuosittainen aikakauslehti.
• Icons (TV-sarja), televisiodokumentti televisiokanava G4:llä.
• "Icon" (Stargate SG-1), Stargate SG-1:n jakso.
• Kulttuuri-ikoni, jokin, joka on tietyn kulttuurin tunnusmerkki.

Tietojenkäsittelyssä:

• Tietokoneen kuvake, käyttöliittymässä käytetty piktogrammi, joka kuvaa ohjelmaa, tiedostoa, palvelua tai toimintoa. Kuvakkeet helpottavat tunnistusta ja nopeuttavat käyttöä.
• Kuvakepohjainen peli, peli, jossa käytetään monia kuvakkeita pelielementteinä tai käyttöliittymänä.
• Icon-ohjelmointikieli, ohjelmointikieli, joka tunnetaan esimerkiksi kuvioiden käsittelystä ja tekstinkäsittelyominaisuuksistaan.
• Unisys ICON, Ontarion koulujärjestelmää varten kehitetty tietokone.

Kuvakkeet käyttöliittymissä ja arjessa

Kuvakkeet ovat keskeinen osa digitaalisia käyttöliittymiä, mobiilisovelluksia, verkkosivuja ja työpöytiä. Hyvin suunniteltu kuvake on yksinkertainen, tunnistettava ja skaalautuva: se kertoo nopeasti, mitä toiminto tai sisältö tarkoittaa. Tavallisia kuvakkeita ovat esimerkiksi talon muotoinen kuvake kotisivulle, roskakorin kuva poistolle tai hammasratas asetuksille.

Tiedostomuodot, resoluutio ja skaalaus

Kuvakkeita voi olla rasterimuotoisina (PNG, ICO) ja vektorimuotoisina (SVG). Rasterikuvakkeet sopivat tarkkaan pikseliohjaukseen, mutta niiden skaalautuvuus on rajallinen. SVG ja muut vektorimuodot tukevat skaalautuvuutta ilman laadun heikkenemistä, minkä vuoksi ne ovat suosittuja nykyaikaisissa käyttöliittymissä ja retina-näytöillä. Lisäksi on olemassa ikonikirjastoja ja ikonifontteja (esim. Font Awesome), jotka tekevät kuvakkeiden käytöstä joustavaa.

Favicon, sovelluskuvakkeet ja käyttöjärjestelmäkohtaiset vaatimukset

Verkkosivujen pikku kuvake eli favicon näkyy selaimen välilehdellä. Mobiilisovelluksilla ja työpöytäohjelmilla on usein oma kuvatiedostonsa/sarjansa eri resoluutioille ja laitteille. Käyttöjärjestelmät asettavat mittoja ja suosituksia (esim. 16×16, 32×32, 48×48, 72×72, 192×192 px), joten toimitettaessa sovelluskuvakkeita on hyvä luoda useita kokoja sekä tarvittaessa vektoriversioita.

Suunnittelu, esteettömyys ja kulttuurinen konteksti

Kuvakkeiden suunnittelussa on huomioitava selkeys, kontrasti ja saavutettavuus. Kuvakkeille tulisi antaa myös selkeät vaihtoehtoiset tekstit (alt-tekstit) näytönlukijoita varten. Lisäksi kuvituksen tulkinta voi vaihdella kulttuureittain: symboli, joka on selkeä yhdessä kulttuurissa, voi olla vieras tai jopa loukkaava toisessa. Käytä kansainvälisesti tunnistettavia symboleja tai tarjoa selityksiä, jos symboli voi olla epäselvä.

Teknisiä ja käytännön vinkkejä

• Pidä kuvakkeet yksinkertaisina ja tunnistettavina myös pieninä.
• Käytä vektorimuotoja (SVG) jolloin mahdollista, tai toimita useita rasterikokoja eri laitteille.
• Säilytä yhtenäinen tyyli: viivan paksuus, kulmat ja värit vaikuttavat käyttöliittymän selkeyteen.
• Tarjoa alt-tekstit ja saavutettavuusvaihtoehdot.
• Testaa kuvakkeita eri taustoilla ja eri näytön kirkkaudessa varmistaaksesi kontrastin.

Esimerkkejä ja loppuhuomautuksia

Kuvakkeet esiintyvät monessa muodossa: uskonnollisista ikoneista ja taidehistoriallisista aineistoista aina popkulttuurin ja brändien tunnuksiin sekä tietoteknisiin käyttöliittymiin. Tässä artikkelissa esitellyt eri merkitykset ja esimerkit havainnollistavat, kuinka laaja ja monimuotoinen käsite "ikoni/kuvake" on. Kun suunnittelet tai valitset kuvakkeita, mieti aina käyttötarkoitusta, kohdeyleisöä ja teknisiä vaatimuksia.

Kysymyksiä ja vastauksia

Q: Mikä on ikoni?

K: Mitä on ikonografia?

K: Mihin termi "ikoni" viittaa muissa käyttötarkoituksissa?

Hae kirjaimella