Icons

Small, simple graphic symbol used mainly in user interfaces to represent an action, object, or function.

Piktogrammid

More illustrative symbol used to communicate information or concepts.

When and how to use icons

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

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

Navigation and buttons

Open the icon library in Figma Ava ikoonikogu toolboxis

Graphic design

View guidelines and examples in the design system

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.

Web design

View guidelines in the digital design system (DDS 2.0)

Graphic design

View guidelines and examples in the design system

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.

Web design

View guidelines in the digital design system (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 and the pictogram use the same stroke width.

Aino Headline on paksema joonega kui piktogramm.

Piktogramm on paksema joonega kui Aino Headline.

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

Web design

View guidelines in the digital design system (DDS 2.0)