Kuvakkeet ja ikonit yrityksen ilmeeseen, verkkosivuille ja materiaaleihin

Selkeät kuvakkeet ja ikonit auttavat asiakasta hahmottamaan palvelut, vaiheet, ominaisuudet ja sisällöt nopeammin. Kun visuaaliset merkit ovat yhtenäisiä ja helposti ymmärrettäviä, verkkosivu, esitys, ohje tai materiaali tuntuu heti selkeämmältä ja ammattimaisemmalta.

Suunnittelen yrityksille kuvakkeita, ikoneita ja piktogrammeja verkkosivuille, esityksiin, ohjeisiin, opasteisiin, sovelluksiin ja markkinointimateriaaleihin. Kuvakkeet voidaan tehdä yksittäiseen tarpeeseen tai osaksi laajempaa ikonisarjaa, joka tukee yrityksen visuaalista ilmettä eri kanavissa.

Tavoite ei ole tehdä vain pieniä kuvia. Hyvin suunniteltu kuvake auttaa käyttäjää ymmärtämään nopeasti, mistä on kyse, ja toimii selkeästi eri kokoisina eri käyttötarkoituksissa. Siksi suunnittelussa huomioidaan kuvakkeen käyttökohde, koko, tyyli, viivanpaksuus, värit ja selkeys. Lisäksi katsotaan, miten kuvakkeet sopivat yhteen yrityksen verkkosivujen, esitysten, tarjousten ja muun materiaalin kanssa.

Kuvakkeet ja ikonit yrityksen verkkosivuille ja materiaaleihin

Mikä on kuvake?

Kuvake on pieni visuaalinen merkki, joka auttaa esittämään asian, toiminnon, palvelun tai ominaisuuden nopeasti ymmärrettävässä muodossa. Yrityksen materiaaleissa kuvakkeita käytetään esimerkiksi verkkosivuilla, esityksissä, ohjeissa, opasteissa, infograafeissa ja kampanjamateriaaleissa.

Hyvä kuvake ei ole vain koriste. Sen tehtävä on selkeyttää sisältöä ja auttaa käyttäjää löytämään tai ymmärtämään olennainen nopeammin.

Ikonit eivät ole koristeita

Kuvakkeita voidaan käyttää monessa eri kohdassa yrityksen näkyvyyttä ja materiaaleja. Kuvakkeet voivat olla yksittäisiä merkkejä tai laajempi ikonikirjasto, jota käytetään yhtenäisesti eri materiaaleissa.

Tyypillisiä käyttökohteita ovat esimerkiksi:

  • verkkosivujen palvelukortit ja sisältöosiot
  • ominaisuuksien tai hyötyjen esittäminen
  • esitykset ja PowerPoint-materiaalit
  • tarjouspohjat ja myyntimateriaalit
  • ohjeet, oppaat ja PDF-aineistot
  • opasteet ja piktogrammit
  • tapahtumamateriaalit
  • sovellukset ja käyttöliittymät
  • infograafit ja kaaviot
  • yrityksen sisäiset materiaalit
  • some- ja kampanjamateriaalit

Millaisia kuvakkeita voidaan suunnitella?

Kuvakkeet suunnitellaan sen mukaan, missä niitä käytetään ja kuinka selkeästi niiden pitää toimia eri kokoisina. Tärkeintä on, että kuvakkeet eivät näytä eri lähteistä kerätyiltä, vaan tukevat samaa visuaalista kokonaisuutta.

Voin auttaa esimerkiksi näissä:

  • yksittäiset kuvakkeet verkkosivulle tai esitykseen
  • palveluikonit yrityksen verkkosivuille
  • ikonikirjasto yrityksen materiaaleihin
  • piktogrammit opasteisiin ja ohjeisiin
  • infograafien kuvakkeet
  • käyttöliittymäikonit sovelluksiin tai verkkopalveluihin
  • vanhojen kuvakkeiden yhtenäistäminen
  • ikonien vektorointi ja viimeistely
  • SVG-, PNG- ja PDF-tiedostot eri käyttötarkoituksiin

Kuvakkeet osana yrityksen visuaalista ilmettä

Kuvakkeet toimivat parhaiten silloin, kun ne sopivat yhteen yrityksen muun ilmeen kanssa. Värit, viivanpaksuus, kulmien pyöristys, täyttötyyli, mittasuhteet ja yksityiskohtien määrä vaikuttavat siihen, tuntuuko ikonisarja yhtenäiseltä. Jos osa kuvakkeista on täytettyjä, osa viivamaisia ja osa eri tyylisestä kuvapankista, kokonaisuus alkaa helposti näyttää hajanaiselta.

Siksi suunnittelussa huomioidaan yrityksen logo, värit, typografia, verkkosivujen tyyli ja muu materiaali. Tavoitteena on, että kuvakkeet näyttävät samalta yritykseltä kuin sivusto, esitykset, tarjoukset ja muut materiaalit.

Yhtenäinen ikonikirjasto yrityksen käyttöön

Milloin oma ikonisarja kannattaa tehdä?

Oma ikonisarja kannattaa tehdä silloin, kun kuvakkeita käytetään toistuvasti tai niiden pitää tukea yrityksen tunnistettavaa ilmettä. Aina ei tarvita suurta ikonikirjastoa. Joskus muutama hyvin suunniteltu kuvake riittää tekemään kokonaisuudesta selkeämmän.

Se on järkevää esimerkiksi silloin, kun:

  • verkkosivulle tarvitaan palvelu- tai hyötykuvakkeet
  • PowerPoint- ja tarjouspohjiin halutaan yhtenäinen kuvaketyyli
  • ohjeet, oppaat tai opasteet kaipaavat selkeitä piktogrammeja
  • nykyiset kuvakkeet ovat eri tyylisiä
  • kuvapankki-ikonit eivät sovi yrityksen ilmeeseen
  • palvelut tai tekniset asiat pitää esittää yksinkertaisemmin
  • yrityksen materiaalit halutaan tehdä selkeämmiksi ja yhtenäisemmiksi

Näin kuvakkeiden suunnittelu etenee

1. Käyttötarkoitus

Ensin selvitetään, missä kuvakkeita käytetään: verkkosivulla, esityksessä, ohjeessa, sovelluksessa, opasteessa vai painomateriaalissa.

Käyttökohde vaikuttaa siihen, kuinka yksinkertainen, tarkka tai tunnistettava kuvakkeen pitää olla.

2. Sisällön määrittely

Käydään läpi, mitä asioita kuvakkeilla pitää kuvata. Samalla karsitaan päällekkäisyydet ja mietitään, mitkä asiat oikeasti tarvitsevat oman kuvakkeen.

3. Tyylin suunnittelu

Kuvakkeille määritellään yhtenäinen tyyli: viivanpaksuus, muotokieli, yksityiskohtien määrä, värit ja mittasuhteet.

Tässä vaiheessa katsotaan myös, miten tyyli sopii yrityksen muuhun visuaaliseen ilmeeseen.

4. Viimeistely ja tiedostot

Valmiit kuvakkeet toimitetaan sovituissa tiedostomuodoissa käyttötarkoituksen mukaan. Tarvittaessa voidaan tehdä versiot esimerkiksi verkkosivulle, esityksiin, painoon ja jatkokäyttöön.

Ikonisarja yrityksen visuaalisen ilmeen tueksi

Tiedostomuodot ja käyttö

Kuvakkeet voidaan toimittaa esimerkiksi SVG-, PNG-, PDF- tai muussa sovitussa muodossa.

SVG sopii hyvin verkkosivuille ja skaalautuvaan käyttöön. PNG sopii moniin arjen tarpeisiin, kuten esityksiin ja dokumentteihin. Painokäyttöön voidaan toimittaa painokelpoinen PDF tai muu painotalon tarvitsema aineisto. Jos kuvakkeita käytetään useissa materiaaleissa, kannattaa samalla sopia selkeä tiedostorakenne ja nimeäminen. Se helpottaa kuvakkeiden käyttöä myöhemmin.

Ikonit ja kuvakkeet Lapualla, Seinäjoen lähellä

Suunnittelen kuvakkeita, ikoneita ja piktogrammeja yrityksille Lapualla, Seinäjoen lähellä ja koko Etelä-Pohjanmaan alueella. Tarvittaessa yhteistyö onnistuu myös Vaasan, Kauhavan, Ilmajoen, Tampereen ja muun Suomen yritysten kanssa.

Suurin osa työstä onnistuu sujuvasti etänä. Usein alkuun päästään nykyisellä verkkosivulla, esityksellä, brändimateriaalilla, vanhoilla kuvakkeilla tai listalla asioista, jotka halutaan esittää kuvakkeina.

Hintataso

Kuvakkeiden ja ikonien suunnittelu hinnoitellaan työn laajuuden, kuvakkeiden määrän, tyylin ja käyttötarkoituksen mukaan. Kun kerrot, mihin kuvakkeita tarvitaan ja kuinka monta niitä suunnilleen tarvitaan, voin arvioida järkevän toteutustavan ja kustannustason.

Yksittäinen kuvake on eri kokoluokan työ kuin laajempi ikonikirjasto, jossa tyyli, käyttötavat ja tiedostoversiot pitää miettiä yhtenäiseksi kokonaisuudeksi.

Hintaan vaikuttavat esimerkiksi:

  • kuvakkeiden määrä
  • kuvakkeiden tyyli ja yksityiskohtaisuus
  • lähtöaineiston selkeys
  • tarvittavat tiedostomuodot
  • tuleeko käyttö verkkoon, esityksiin, opasteisiin vai painoon
  • pitääkö vanhoja kuvakkeita yhtenäistää tai vektoroida
  • tarvitaanko useita versioita eri kokoihin tai väreihin

Usein kysyttyä kuvake- ja ikonisuunnittelusta

Mitä eroa on ikonilla, kuvakkeella ja piktogrammilla?

Arjessa sanoja käytetään usein sekaisin. Ikoni tai kuvake tarkoittaa yleensä pientä visuaalista merkkiä, joka kuvaa asiaa, toimintoa tai ominaisuutta. Piktogrammi on usein vielä pelkistetympi merkki, jota käytetään esimerkiksi opasteissa, ohjeissa ja julkisissa tiloissa.

Tärkeintä ei ole termi, vaan se, että merkki on käyttäjälle ymmärrettävä.

Mihin yritys tarvitsee omia kuvakkeita?

Yritys voi käyttää kuvakkeita esimerkiksi verkkosivuilla, esityksissä, tarjousmateriaaleissa, ohjeissa, opasteissa, infograafeissa ja kampanjamateriaaleissa. Kuvakkeet auttavat jäsentämään sisältöä ja tekevät kokonaisuudesta helpommin silmäiltävän.

Kannattaako käyttää valmiita kuvapankki-ikoneita?

Valmiit ikonit voivat riittää joissain tilanteissa. Ongelma syntyy usein silloin, kun kuvakkeita kerätään eri lähteistä ja niiden tyyli alkaa hajota.

Oma tai yhtenäistetty ikonisarja kannattaa tehdä silloin, kun yritys haluaa materiaalien näyttävän selkeämmältä, uskottavammalta ja tunnistettavammalta.

Voidaanko vanhat kuvakkeet päivittää uuteen tyyliin?

 

Kyllä. Vanhat kuvakkeet voidaan selkeyttää, yhtenäistää, vektoroida ja sovittaa yrityksen nykyiseen ilmeeseen.

Tämä on usein järkevä ratkaisu silloin, kun kuvakkeiden aiheet ovat edelleen oikeat, mutta tyyli ei enää sovi verkkosivuihin tai muihin materiaaleihin.

Saanko kuvakkeet verkkosivuille sopivassa muodossa?

Kyllä. Kuvakkeet voidaan toimittaa esimerkiksi SVG-muodossa verkkosivuille sekä PNG- tai PDF-muodossa esityksiin, dokumentteihin ja painomateriaaleihin.

Tarvittavat tiedostomuodot sovitaan sen mukaan, missä kuvakkeita käytetään.

Montako kuvaketta kannattaa suunnitella kerralla?

Se riippuu käyttötarkoituksesta. Jos kyse on yhdestä verkkosivun osiosta, muutama kuvake voi riittää. Jos kuvakkeita käytetään laajemmin verkkosivuilla, esityksissä, ohjeissa ja materiaaleissa, kannattaa suunnitella pieni yhtenäinen ikonisarja.

Liian suurta kirjastoa ei kannata tehdä varmuuden vuoksi. Parempi on suunnitella tarpeeseen ja täydentää sarjaa myöhemmin samalla tyylillä.

Paljonko kuvakkeiden suunnittelu maksaa?

Hinta riippuu kuvakkeiden määrästä, tyylistä, käyttötarkoituksesta ja lähtöaineistosta.

Yksittäinen kuvake, muutama palveluikoni ja laajempi ikonikirjasto ovat eri kokoluokan töitä. Tarkka arvio on helpointa antaa, kun tiedän, mihin kuvakkeita käytetään ja kuinka monta niitä tarvitaan.

Pasi Tuomaala - graphic designer & Illustrator / graafinen suunnittelija & kuvittaja , Lapua , etelä-pohjanmaa, Mainostoimisto Lapualta

Tarvitsetko selkeät kuvakkeet verkkosivuille tai materiaaleihin?

Kerro lyhyesti, mihin kuvakkeita tarvitaan ja missä niitä käytetään. Se voi olla verkkosivu, esitys, tarjouspohja, ohje, opaste, infograafi tai muu yrityksen materiaali. Katson viestisi pohjalta, millainen toteutustapa olisi järkevin ja miten kuvakkeet saadaan tukemaan yrityksen muuta ilmettä.