Ikoonid ja piktogrammid

Ikoonid ja piktogrammid on meie kirjastiili Aino Headline edasiarendus pildikeeleks.

Nii meie kirjastiili kui ka illustratsioonid muudab eristuvaks õhuline katkendlik joon.

1

Ikoonid

Väikesed lihtsad graafilised sümbolid, mis visualiseerivad tegu, objekti või funksiooni.

1 2

Piktogrammid

Suuremad ja illustratiivsemad graafilised sümbolid, mis visualiseerivad objekti, tegu või teemat.

Millal ja kuidas kasutada ikoone

Ikoone kasutame eelkõige kasutajaliidestes navigeerimise toetamiseks ning kasutajakogemuse parendamiseks.

  • Ikoonide suurus on vaikimisi 24 px ja nende joone paksus on 2 px.
Navigatsioon ja nupud

Navigatsioon ja nupud

Ava ikoonikogu FigmasAva ikoonikogu toolboxis

Graafiline disain

Vaata juhiseid ja näiteid disainisüsteemis

Millal ja kuidas kasutada piktogramme

Piktogrammid on selge ja mõjus viis teema, teo või tunde edasiandmiseks.

  • Piktogrammide suurus on vaikimisi 64 px ja nende joone paksus on 2 px.
  • Piktogrammide minimaalne suurus on 48 px.
Animatsion

Veebi disain

Vaata juhiseid digitaalses disainisüsteemis (DDS 2.0)

Graafiline disain

Vaata juhiseid ja näiteid disainisüsteemis

Ikoonide ja piktogrammide loomine

Ei leidnud sobivat ikooni või piktogrammi? Loo ja jaga seda kogukonnaga.

  • Taanda kujutatav lihtsateks geomeetrilisteks vormideks.
  • Anna saadud vorm edasi vaid piirjoontega, lisades vajadusel detaile.
  • Pea meeles, et Eesti brändi disainisüsteemis on jooned katkendlikud.
Animatsion

Veebi disain

Vaata juhiseid digitaalses disainisüsteemis (DDS 2.0)

Piktogrammid kui illustratsioonid

Piktogramme saab kasutada ka illustratiivsete elementidena sotsiaalmeedias, trükistes ja ruumigraafikas.

Piktogramme kasutades veendu, et joonepaksus ühtiks Aino Headline’i tähevormidega.

Aino Headline ja piktogramm on sama joonepaksusega.

Aino Headline ja piktogramm on sama joonepaksusega.

Aino Headline on paksema joonega kui piktogramm.

Aino Headline on paksema joonega kui piktogramm.

Piktogramm on paksema joonega kui Aino Headline.

Piktogramm on paksema joonega kui Aino Headline.

Piktogrammi kõrgus küündib tibake üle Aino Headline tähekõrgusest.

Piktogrammi kõrgus küündib tibake üle Aino Headline tähekõrgusest.

Veebi disain

Vaata juhiseid digitaalses disainisüsteemis (DDS 2.0)