UI-elementtikirjasto

Mikä on UI-elementtikirjasto?

 

Elementtikirjastoon kerätään kaikki tietyllä sivustolla käytössä olevat UI-elementit kuten esim: nostolohkot, navigaatio, alasvetovalikot, painikkeet, listatyylit jne. 

Elementeille luodaan kevyet ohjeistukset niiden käyttöön.​
​
UI-elementtikirjaston avulla on helppo saada käsitys siitä minkälaisista elementeistä sivusto rakentuu. UI-elementtikirjasto on kuin kevyempi versio design systemistä.​
​
Ideaalia on rakentaa UI-elementtikirjasto samalla kun palvelu uudistetaan, mutta suosittelemme elementtikirjaston rakentamista myös olemassa olevalle palvelulle.

 

 

UI-elementtikirjaston sisältö

 

UI-elementit​

• Kirjastossa on koottuna kaikki UI-elementit, esim: erilaiset nostot, alasvetovalikot, painikkeet, listatyylit, navigointi, ikonit jne. Elementeille luodaan ohjeistukset niiden käyttöön (silloin kun se on tarkoituksenmukaista).​

Typografia

• Kuvataan sivustolla käytettävät fontit, niiden välinen hierarkia, käyttötarkoitukset ja fonttikoot 
• Kuvataan fonttien värivaihtoehdot 

Värit

• Kuvataan sivustolla käytettävä väripaletti (ml. värien arvot) ja värien pääasialliset käyttötarkoitukset

Tilan käyttö

• Kuvataan taitossa käytettävät periaatteet esimerkiksi palstojen, marginaalien ja välistysten suhteen 
• Kuvataan mahdolliset graafiset kuviot joita sivuston taustalla voidaan käyttää

 

Kiinnostuitko? Ota yhteyttä ja teemme tarjouksen digipalvelusi UI-elementtikirjaston rakentamisesta.